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-07-31 21:26:40 +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
483 changed files with 42671 additions and 4421 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:
@@ -57,8 +57,11 @@ jobs:

      - name: Extract app changelog
        env:
+          GH_TOKEN: ${{ github.token }}
          VERSION: ${{ env.VERSION_TAG }}
-        run: npx --yes tsx scripts/build-theseus-release-notes.ts
+        run: |
+          LAST_GITHUB_RELEASE_PUBLISHED_AT=$(gh api "repos/${{ github.repository }}/releases/latest" --jq '.published_at // ""' 2>/dev/null || true)
+          LAST_GITHUB_RELEASE_PUBLISHED_AT="$LAST_GITHUB_RELEASE_PUBLISHED_AT" npx --yes tsx scripts/build-theseus-release-notes.ts

      - name: Generate version manifest
        run: |
@@ -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",
@@ -9,7 +14,7 @@
 	"files.insertFinalNewline": true,
 	"editor.codeActionsOnSave": {
 		"source.fixAll.eslint": "explicit",
-		"source.organizeImports": "always"
+		"source.organizeImports": "never"
 	},
 	"editor.defaultFormatter": "esbenp.prettier-vscode",
 	"[vue]": {
@@ -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",
@@ -11,9 +11,7 @@ import {
 import {
 	ArrowBigUpDashIcon,
 	ChangeSkinIcon,
-	CheckIcon,
 	CompassIcon,
-	DownloadIcon,
 	ExternalIcon,
 	HomeIcon,
 	LeftArrowIcon,
@@ -37,16 +35,15 @@ import {
 	ButtonStyled,
 	commonMessages,
 	ContentInstallModal,
+	ContentUpdaterModal,
 	CreationFlowModal,
 	defineMessages,
 	I18nDebugPanel,
 	LoadingBar,
-	ModrinthHostingLogo,
 	NewsArticleCard,
 	NotificationPanel,
 	OverflowMenu,
 	PopupNotificationPanel,
-	ProgressSpinner,
 	provideModalBehavior,
 	provideModrinthClient,
 	provideNotificationManager,
@@ -77,7 +74,6 @@ import Breadcrumbs from '@/components/ui/Breadcrumbs.vue'
 import ErrorModal from '@/components/ui/ErrorModal.vue'
 import FriendsList from '@/components/ui/friends/FriendsList.vue'
 import AddServerToInstanceModal from '@/components/ui/install_flow/AddServerToInstanceModal.vue'
-import IncompatibilityWarningModal from '@/components/ui/install_flow/IncompatibilityWarningModal.vue'
 import UnknownPackWarningModal from '@/components/ui/install_flow/UnknownPackWarningModal.vue'
 import MinecraftAuthErrorModal from '@/components/ui/minecraft-auth-error-modal/MinecraftAuthErrorModal.vue'
 import AppSettingsModal from '@/components/ui/modal/AppSettingsModal.vue'
@@ -86,7 +82,6 @@ import InstallToPlayModal from '@/components/ui/modal/InstallToPlayModal.vue'
 import ModpackAlreadyInstalledModal from '@/components/ui/modal/ModpackAlreadyInstalledModal.vue'
 import UpdateToPlayModal from '@/components/ui/modal/UpdateToPlayModal.vue'
 import NavButton from '@/components/ui/NavButton.vue'
-import ServerInvitePopupBody from '@/components/ui/notifications/ServerInvitePopupBody.vue'
 import PrideFundraiserBanner from '@/components/ui/PrideFundraiserBanner.vue'
 import PromotionWrapper from '@/components/ui/PromotionWrapper.vue'
 import QuickInstanceSwitcher from '@/components/ui/QuickInstanceSwitcher.vue'
@@ -116,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,
@@ -300,6 +305,7 @@ onUnmounted(async () => {
 	document.querySelector('body').removeEventListener('click', handleClick)
 	document.querySelector('body').removeEventListener('auxclick', handleAuxClick)
 	unsubscribeSidebarToggle()
+	clearDelayedUpdatePopup()

 	await unlistenUpdateDownload?.()
 })
@@ -316,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',
@@ -615,6 +609,16 @@ const {
 	handleModpackDuplicateCreateAnyway: handleContentInstallModpackDuplicateCreateAnyway,
 	handleModpackDuplicateGoToInstance: handleContentInstallModpackDuplicateGoToInstance,
 	setIncompatibilityWarningModal: setContentIncompatibilityWarningModal,
+	incompatibilityWarningVersions: contentInstallIncompatibilityWarningVersions,
+	incompatibilityWarningCurrentGameVersion: contentInstallIncompatibilityWarningCurrentGameVersion,
+	incompatibilityWarningCurrentLoader: contentInstallIncompatibilityWarningCurrentLoader,
+	incompatibilityWarningProjectType: contentInstallIncompatibilityWarningProjectType,
+	incompatibilityWarningProjectIconUrl: contentInstallIncompatibilityWarningProjectIconUrl,
+	incompatibilityWarningProjectName: contentInstallIncompatibilityWarningProjectName,
+	incompatibilityWarningMessage: contentInstallIncompatibilityWarningMessage,
+	incompatibilityWarningInstalling: contentInstallIncompatibilityWarningInstalling,
+	handleIncompatibilityWarningInstall: handleContentInstallIncompatibilityWarningInstall,
+	handleIncompatibilityWarningCancel: handleContentInstallIncompatibilityWarningCancel,
 } = contentInstall

 const serverInstall = createServerInstall({ router, handleError, popupNotificationManager })
@@ -636,6 +640,12 @@ const updateToPlayModal = ref()

 const modrinthLoginFlowWaitModal = ref()

+watch(incompatibilityWarningModal, (modal) => {
+	if (modal) {
+		setContentIncompatibilityWarningModal(modal)
+	}
+})
+
 setupAuthProvider(credentials, async (_redirectPath) => {
 	await signIn()
 })
@@ -804,6 +814,11 @@ async function declineServerInviteNotification(notification) {
 	}
 }

+function openServerInviteInviterProfile(inviterName) {
+	if (!inviterName) return
+	openUrl(`${config.siteUrl}/user/${encodeURIComponent(inviterName)}`)
+}
+
 async function handleLiveNotification(notification) {
 	if (notification?.body?.type !== 'server_invite' || notification.read) return
 	if (displayedServerInviteNotifications.has(notification.id)) return
@@ -817,30 +832,17 @@ async function handleLiveNotification(notification) {
 		typeof inviterId === 'string' ? await get_user(inviterId, 'bypass').catch(() => null) : null

 	addPopupNotification({
-		title: 'Modrinth Hosting',
-		titleLogo: ModrinthHostingLogo,
-		bodyComponent: ServerInvitePopupBody,
-		bodyProps: {
-			inviterName: invitedBy?.username ?? null,
-			inviterAvatarUrl: invitedBy?.avatar_url ?? null,
-			serverName,
-		},
-		type: 'info',
-		buttons: [
-			{
-				label: 'Accept',
-				action: () => acceptServerInviteNotification(notification),
-				icon: CheckIcon,
-				color: 'brand',
-			},
-			{
-				label: 'Decline',
-				action: () => declineServerInviteNotification(notification),
-				icon: XIcon,
-				color: 'red',
-			},
-		],
+		title: serverName,
 		autoCloseMs: null,
+		toast: {
+			type: 'server-invite',
+			actorName: invitedBy?.username ?? null,
+			actorAvatarUrl: invitedBy?.avatar_url ?? null,
+			entityName: serverName,
+			onAccept: () => acceptServerInviteNotification(notification),
+			onDecline: () => declineServerInviteNotification(notification),
+			onOpenActor: () => openServerInviteInviterProfile(invitedBy?.username ?? null),
+		},
 	})
 }

@@ -877,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: {
@@ -901,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.`,
@@ -921,7 +919,7 @@ const updatePopupMessages = defineMessages({
 	},
 	reload: {
 		id: 'app.update-popup.reload',
-		defaultMessage: 'Reload',
+		defaultMessage: 'Reload to update',
 	},
 	download: {
 		id: 'app.update-popup.download',
@@ -933,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')
@@ -956,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.`)

@@ -970,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()
@@ -1019,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)
@@ -1038,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) {
@@ -1099,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()
@@ -1368,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()"
@@ -1642,7 +1698,22 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 		@go-to-instance="handleModpackDuplicateGoToInstance"
 	/>
 	<AddServerToInstanceModal ref="addServerToInstanceModal" />
-	<IncompatibilityWarningModal ref="incompatibilityWarningModal" />
+	<ContentUpdaterModal
+		ref="incompatibilityWarningModal"
+		mode="incompatibility-warning"
+		:versions="contentInstallIncompatibilityWarningVersions"
+		:current-game-version="contentInstallIncompatibilityWarningCurrentGameVersion"
+		:current-loader="contentInstallIncompatibilityWarningCurrentLoader"
+		current-version-id=""
+		:is-app="true"
+		:project-type="contentInstallIncompatibilityWarningProjectType"
+		:project-icon-url="contentInstallIncompatibilityWarningProjectIconUrl"
+		:project-name="contentInstallIncompatibilityWarningProjectName"
+		:warning="contentInstallIncompatibilityWarningMessage"
+		:action-loading="contentInstallIncompatibilityWarningInstalling"
+		@update="handleContentInstallIncompatibilityWarningInstall"
+		@cancel="handleContentInstallIncompatibilityWarningCancel"
+	/>
 	<ModpackAlreadyInstalledModal
 		ref="contentInstallModpackAlreadyInstalledModal"
 		@create-anyway="handleContentInstallModpackDuplicateCreateAnyway"
@@ -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,
@@ -133,8 +159,9 @@ import {
 	type PopupNotificationProgressItem,
 	useVIntl,
 } 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'
@@ -144,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()
@@ -208,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>()

@@ -284,6 +404,7 @@ function goToTerminal(path?: string) {
 }

 const currentLoadingBars = ref<LoadingBar[]>([])
+const currentLoadingBarIconUrls = ref<Record<string, string | null>>({})
 const notificationId = ref<string | number | null>(null)
 const dismissed = ref(false)

@@ -303,6 +424,16 @@ function getLoadingText(loadingBar: LoadingBar): string {
 	return loadingBar.message ? `${percent}% ${loadingBar.message}` : `${percent}%`
 }

+function getDisplayIconUrl(icon: string | null | undefined): string | null {
+	if (!icon) {
+		return null
+	}
+	if (/^(https?:|data:|blob:|asset:|tauri:)/.test(icon)) {
+		return icon
+	}
+	return convertFileSrc(icon)
+}
+
 function getNotification(): PopupNotification | null {
 	if (!notificationId.value) {
 		return null
@@ -326,6 +457,7 @@ function buildDownloadItems(): PopupNotificationProgressItem[] {
 		id: getLoadingBarKey(bar),
 		title: bar.title ?? '',
 		text: getLoadingText(bar),
+		iconUrl: currentLoadingBarIconUrls.value[getLoadingBarKey(bar)] ?? null,
 		progress: getLoadingProgress(bar),
 		waiting: !bar.total || bar.total <= 0,
 	}))
@@ -400,6 +532,32 @@ async function refreshLoadingBars() {
 		.map(formatLoadingBars)
 		.filter((bar) => bar?.bar_type?.type !== 'launcher_update')

+	const profilePaths = Array.from(
+		new Set(
+			currentLoadingBars.value
+				.map((bar) => bar.bar_type?.profile_path)
+				.filter((path): path is string => !!path),
+		),
+	)
+	const profiles = profilePaths.length
+		? await getInstances(profilePaths).catch((error) => {
+				handleError(error)
+				return []
+			})
+		: []
+	const profileIconUrls = new Map(
+		profiles.map((profile) => [profile.path, getDisplayIconUrl(profile.icon_path)]),
+	)
+	currentLoadingBarIconUrls.value = Object.fromEntries(
+		currentLoadingBars.value.map((bar) => {
+			const barIconUrl = getDisplayIconUrl(bar.bar_type?.icon)
+			const profileIconUrl = bar.bar_type?.profile_path
+				? profileIconUrls.get(bar.bar_type.profile_path)
+				: null
+			return [getLoadingBarKey(bar), barIconUrl ?? profileIconUrl ?? null]
+		}),
+	)
+
 	currentLoadingBars.value.sort((a, b) => {
 		const aKey = `${a.loading_bar_uuid ?? a.id ?? ''}`
 		const bKey = `${b.loading_bar_uuid ?? b.id ?? ''}`
@@ -430,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>
@@ -1,185 +0,0 @@
-<template>
-	<ModalWrapper ref="incompatibleModal" header="Incompatibility warning" :on-hide="onInstall">
-		<div class="modal-body">
-			<p>
-				This {{ versions?.length > 0 ? 'project' : 'version' }} is not compatible with the instance
-				you're trying to install it on. Are you sure you want to continue? Dependencies will not be
-				installed.
-			</p>
-			<table>
-				<thead>
-					<tr class="header">
-						<th>{{ instance?.name }}</th>
-						<th>{{ project.title }}</th>
-					</tr>
-				</thead>
-				<tbody>
-					<tr class="content">
-						<td class="data">{{ instance?.loader }} {{ instance?.game_version }}</td>
-						<td>
-							<Combobox
-								v-if="versions?.length > 1"
-								v-model="selectedVersionId"
-								:options="versionOptions"
-								:searchable="true"
-								placeholder="Select version"
-								force-direction="up"
-								:max-height="150"
-							/>
-							<span v-else>
-								<span>{{ selectedVersionLabel }}</span>
-							</span>
-						</td>
-					</tr>
-				</tbody>
-			</table>
-			<div class="button-group">
-				<ButtonStyled type="outlined">
-					<button @click="() => incompatibleModal.hide()"><XIcon />Cancel</button>
-				</ButtonStyled>
-				<ButtonStyled color="brand">
-					<button :disabled="installing" @click="install()">
-						<DownloadIcon /> {{ installing ? 'Installing' : 'Install' }}
-					</button>
-				</ButtonStyled>
-			</div>
-		</div>
-	</ModalWrapper>
-</template>
-
-<script setup>
-import { DownloadIcon, XIcon } from '@modrinth/assets'
-import {
-	ButtonStyled,
-	Combobox,
-	formatLoader,
-	injectNotificationManager,
-	useVIntl,
-} from '@modrinth/ui'
-import { computed, ref } from 'vue'
-
-import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
-import { trackEvent } from '@/helpers/analytics'
-import { add_project_from_version as installMod } from '@/helpers/profile'
-
-const { handleError } = injectNotificationManager()
-const { formatMessage } = useVIntl()
-
-const instance = ref(null)
-const project = ref(null)
-const versions = ref(null)
-const selectedVersion = ref(null)
-const incompatibleModal = ref(null)
-const installing = ref(false)
-
-const onInstall = ref(() => {})
-
-const selectedVersionLabel = computed(() => {
-	if (!selectedVersion.value) return ''
-	return `${selectedVersion.value.name} (${selectedVersion.value.loaders
-		.map((name) => formatLoader(formatMessage, name))
-		.join(', ')} - ${selectedVersion.value.game_versions.join(', ')})`
-})
-
-const versionOptions = computed(() =>
-	(versions.value ?? []).map((version) => ({
-		value: version.id,
-		label: `${version.name} (${version.loaders
-			.map((name) => formatLoader(formatMessage, name))
-			.join(', ')} - ${version.game_versions.join(', ')})`,
-	})),
-)
-
-const selectedVersionId = computed({
-	get: () => selectedVersion.value?.id ?? null,
-	set: (value) => {
-		if (!value) return
-		selectedVersion.value = (versions.value ?? []).find((version) => version.id === value) ?? null
-	},
-})
-
-defineExpose({
-	show: (instanceVal, projectVal, projectVersions, selected, callback) => {
-		instance.value = instanceVal
-		versions.value = projectVersions ?? []
-		selectedVersion.value = selected ?? projectVersions?.[0] ?? null
-
-		project.value = projectVal
-
-		onInstall.value = callback
-		installing.value = false
-
-		incompatibleModal.value.show()
-
-		trackEvent('ProjectInstallStart', { source: 'ProjectIncompatibilityWarningModal' })
-	},
-})
-
-const install = async () => {
-	installing.value = true
-	await installMod(instance.value.path, selectedVersion.value.id, 'standalone').catch(handleError)
-	installing.value = false
-	onInstall.value(selectedVersion.value.id)
-	incompatibleModal.value.hide()
-
-	trackEvent('ProjectInstall', {
-		loader: instance.value.loader,
-		game_version: instance.value.game_version,
-		id: project.value,
-		version_id: selectedVersion.value.id,
-		project_type: project.value.project_type,
-		title: project.value.title,
-		source: 'ProjectIncompatibilityWarningModal',
-	})
-}
-</script>
-
-<style lang="scss" scoped>
-.data {
-	text-transform: capitalize;
-}
-
-table {
-	width: 100%;
-	border-radius: var(--radius-lg);
-	border-collapse: collapse;
-	box-shadow: 0 0 0 1px var(--color-button-bg);
-}
-
-th {
-	text-align: left;
-	padding: 1rem;
-	background-color: var(--color-bg);
-	overflow: hidden;
-	border-bottom: 1px solid var(--color-button-bg);
-}
-
-th:first-child {
-	border-top-left-radius: var(--radius-lg);
-	border-right: 1px solid var(--color-button-bg);
-}
-
-th:last-child {
-	border-top-right-radius: var(--radius-lg);
-}
-
-td {
-	padding: 1rem;
-}
-
-td:first-child {
-	border-right: 1px solid var(--color-button-bg);
-}
-
-.button-group {
-	display: flex;
-	justify-content: flex-end;
-	gap: 1rem;
-}
-
-.modal-body {
-	display: flex;
-	flex-direction: column;
-	gap: 1rem;
-}
-</style>
@@ -4,12 +4,14 @@ import {
 	Avatar,
 	ButtonStyled,
 	Checkbox,
+	Chips,
 	defineMessages,
 	injectNotificationManager,
 	OverflowMenu,
 	StyledInput,
 	useVIntl,
 } from '@modrinth/ui'
+import { useQueryClient } from '@tanstack/vue-query'
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { open } from '@tauri-apps/plugin-dialog'
 import { computed, type Ref, ref, watch } from 'vue'
@@ -25,14 +27,22 @@ import type { GameInstance } from '../../../helpers/types'
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
 const router = useRouter()
+const queryClient = useQueryClient()

 const deleteConfirmModal = ref()

 const { instance } = injectInstanceSettings()
+type ReleaseChannel = GameInstance['preferred_update_channel']
+const releaseChannelOptions: ReleaseChannel[] = ['release', 'beta', 'alpha']

 const title = ref(instance.value.name)
 const icon: Ref<string | undefined> = ref(instance.value.icon_path)
 const groups = ref([...instance.value.groups])
+const savingReleaseChannel = ref(false)
+const selectedReleaseChannel = ref<ReleaseChannel>(instance.value.preferred_update_channel)
+const releaseChannelDisabledItems = computed<ReleaseChannel[]>(() =>
+	savingReleaseChannel.value ? [...releaseChannelOptions] : [],
+)

 const newCategoryInput = ref('')

@@ -51,6 +61,52 @@ const availableGroups = computed(() => [
 	...new Set([...allInstances.value.flatMap((instance) => instance.groups), ...groups.value]),
 ])

+function formatReleaseChannelLabel(channel: ReleaseChannel) {
+	switch (channel) {
+		case 'release':
+			return formatMessage(messages.updateChannelRelease)
+		case 'beta':
+			return formatMessage(messages.updateChannelBeta)
+		case 'alpha':
+			return formatMessage(messages.updateChannelAlpha)
+	}
+}
+
+function formatReleaseChannelDescription(channel: ReleaseChannel) {
+	switch (channel) {
+		case 'release':
+			return formatMessage(messages.updateChannelReleaseDescription)
+		case 'beta':
+			return formatMessage(messages.updateChannelBetaDescription)
+		case 'alpha':
+			return formatMessage(messages.updateChannelAlphaDescription)
+	}
+}
+
+watch(
+	() => [instance.value.path, instance.value.preferred_update_channel] as const,
+	() => {
+		if (!savingReleaseChannel.value) {
+			selectedReleaseChannel.value = instance.value.preferred_update_channel
+		}
+	},
+)
+
+watch(selectedReleaseChannel, async (channel, previousChannel) => {
+	const previousReleaseChannel = previousChannel ?? instance.value.preferred_update_channel
+	if (channel === instance.value.preferred_update_channel) return
+
+	savingReleaseChannel.value = true
+	const profilePath = instance.value.path
+	await edit(profilePath, { preferred_update_channel: channel })
+		.then(() => queryClient.invalidateQueries({ queryKey: ['linkedModpackInfo', profilePath] }))
+		.catch((error) => {
+			selectedReleaseChannel.value = previousReleaseChannel
+			handleError(error)
+		})
+	savingReleaseChannel.value = false
+})
+
 async function resetIcon() {
 	icon.value = undefined
 	await edit_icon(instance.value.path, null).catch(handleError)
@@ -175,6 +231,38 @@ const messages = defineMessages({
 		id: 'instance.settings.tabs.general.duplicate-button',
 		defaultMessage: 'Duplicate',
 	},
+	updateChannel: {
+		id: 'instance.settings.tabs.general.update-channel',
+		defaultMessage: 'Update channel',
+	},
+	updateChannelReleaseDescription: {
+		id: 'instance.settings.tabs.general.update-channel.release.description',
+		defaultMessage: 'Only release versions will be shown as available updates.',
+	},
+	updateChannelBetaDescription: {
+		id: 'instance.settings.tabs.general.update-channel.beta.description',
+		defaultMessage: 'Release and beta versions will be shown as available updates.',
+	},
+	updateChannelAlphaDescription: {
+		id: 'instance.settings.tabs.general.update-channel.alpha.description',
+		defaultMessage: 'Release, beta, and alpha versions will be shown as available updates.',
+	},
+	updateChannelRelease: {
+		id: 'instance.settings.tabs.general.update-channel.release',
+		defaultMessage: 'Release',
+	},
+	updateChannelBeta: {
+		id: 'instance.settings.tabs.general.update-channel.beta',
+		defaultMessage: 'Beta',
+	},
+	updateChannelAlpha: {
+		id: 'instance.settings.tabs.general.update-channel.alpha',
+		defaultMessage: 'Alpha',
+	},
+	selectUpdateChannelAriaLabel: {
+		id: 'instance.settings.tabs.general.update-channel.select',
+		defaultMessage: 'Select update channel',
+	},
 	deleteInstance: {
 		id: 'instance.settings.tabs.general.delete',
 		defaultMessage: 'Delete instance',
@@ -304,6 +392,23 @@ const messages = defineMessages({
 			</p>
 		</div>

+		<div class="flex flex-col gap-2.5 mt-6">
+			<h2 class="m-0 text-lg font-semibold text-contrast block">
+				{{ formatMessage(messages.updateChannel) }}
+			</h2>
+			<Chips
+				v-model="selectedReleaseChannel"
+				:items="releaseChannelOptions"
+				:format-label="formatReleaseChannelLabel"
+				:capitalize="false"
+				:disabled-items="releaseChannelDisabledItems"
+				:aria-label="formatMessage(messages.selectUpdateChannelAriaLabel)"
+			/>
+			<p class="m-0">
+				{{ formatReleaseChannelDescription(selectedReleaseChannel) }}
+			</p>
+		</div>
+
 		<div class="flex flex-col gap-2.5 mt-6">
 			<h2 id="delete-instance-label" class="m-0 text-lg font-semibold text-contrast block">
 				{{ formatMessage(messages.deleteInstance) }}
@@ -8,6 +8,7 @@ import {
 	InstallationSettingsLayout,
 	provideAppBackup,
 	provideInstallationSettings,
+	useDebugLogger,
 	useVIntl,
 } from '@modrinth/ui'
 import type { GameVersionTag, PlatformTag } from '@modrinth/utils'
@@ -34,9 +35,17 @@ import type { Manifest } from '../../../helpers/types'
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
 const queryClient = useQueryClient()
+const debug = useDebugLogger('AppInstallationSettings')

 const { instance, offline, isMinecraftServer, onUnlinked, closeModal } = injectInstanceSettings()

+debug('metadata load: start', {
+	instancePath: instance.value.path,
+	loader: instance.value.loader,
+	gameVersion: instance.value.game_version,
+	installStage: instance.value.install_stage,
+})
+
 const [
 	fabric_versions,
 	forge_versions,
@@ -72,6 +81,15 @@ const [
 		.catch(handleError),
 ])

+debug('metadata load: done', {
+	hasFabricManifest: !!fabric_versions?.value,
+	hasForgeManifest: !!forge_versions?.value,
+	hasQuiltManifest: !!quilt_versions?.value,
+	hasNeoforgeManifest: !!neoforge_versions?.value,
+	gameVersions: all_game_versions?.value?.length ?? 0,
+	availablePlatforms: loaders?.value?.map((loader) => loader.name) ?? [],
+})
+
 const { data: modpackInfo } = useQuery({
 	queryKey: computed(() => ['linkedModpackInfo', instance.value.path]),
 	queryFn: () => get_linked_modpack_info(instance.value.path, 'must_revalidate'),
@@ -95,11 +113,21 @@ function getManifest(loader: string) {
 		quilt: quilt_versions,
 		neoforge: neoforge_versions,
 	}
-	return map[loader]
+	const manifest = map[loader]
+	debug('getManifest:', {
+		loader,
+		hasManifest: !!manifest?.value,
+		gameVersions: manifest?.value?.gameVersions?.length ?? 0,
+	})
+	return manifest
 }

 provideAppBackup({
 	async createBackup() {
+		debug('createBackup: start', {
+			instancePath: instance.value.path,
+			instanceName: instance.value.name,
+		})
 		const allProfiles = await list()
 		const prefix = `${instance.value.name} - Backup #`
 		const existingNums = allProfiles
@@ -109,6 +137,7 @@ provideAppBackup({
 		const nextNum = existingNums.length > 0 ? Math.max(...existingNums) + 1 : 1
 		const newPath = await duplicate(instance.value.path)
 		await edit(newPath, { name: `${prefix}${nextNum}` })
+		debug('createBackup: done', { newPath, backupName: `${prefix}${nextNum}` })
 	},
 })

@@ -165,32 +194,72 @@ provideInstallationSettings({
 			const manifest = getManifest(loader)
 			return !!manifest?.value?.gameVersions?.some((x) => item.version === x.id)
 		})
-		return (showSnapshots ? filtered : filtered.filter((x) => x.version_type === 'release')).map(
-			(x) => ({ value: x.version, label: x.version }),
-		)
+		const result = (
+			showSnapshots ? filtered : filtered.filter((x) => x.version_type === 'release')
+		).map((x) => ({ value: x.version, label: x.version }))
+		debug('resolveGameVersions:', {
+			loader,
+			showSnapshots,
+			totalVersions: versions.length,
+			filteredVersions: filtered.length,
+			resultVersions: result.length,
+		})
+		return result
 	},

 	resolveLoaderVersions(loader, gameVersion) {
-		if (loader === 'vanilla' || !gameVersion) return []
-		const manifest = getManifest(loader)
-		if (!manifest?.value) return []
-		if (loader === 'fabric' || loader === 'quilt') {
-			return manifest.value.gameVersions[0]?.loaders ?? []
+		if (loader === 'vanilla' || !gameVersion) {
+			debug('resolveLoaderVersions: skipped', { loader, gameVersion })
+			return []
 		}
-		return manifest.value.gameVersions?.find((item) => item.id === gameVersion)?.loaders ?? []
+		const manifest = getManifest(loader)
+		if (!manifest?.value) {
+			debug('resolveLoaderVersions: no manifest', { loader, gameVersion })
+			return []
+		}
+		if (loader === 'fabric' || loader === 'quilt') {
+			const result = manifest.value.gameVersions[0]?.loaders ?? []
+			debug('resolveLoaderVersions: fabric/quilt result', {
+				loader,
+				gameVersion,
+				count: result.length,
+			})
+			return result
+		}
+		const result =
+			manifest.value.gameVersions?.find((item) => item.id === gameVersion)?.loaders ?? []
+		debug('resolveLoaderVersions: result', { loader, gameVersion, count: result.length })
+		return result
 	},

 	resolveHasSnapshots(loader) {
 		const versions = all_game_versions?.value ?? []
-		if (loader === 'vanilla') return versions.some((x) => x.version_type !== 'release')
+		if (loader === 'vanilla') {
+			const result = versions.some((x) => x.version_type !== 'release')
+			debug('resolveHasSnapshots: vanilla', { loader, result })
+			return result
+		}
 		const manifest = getManifest(loader)
 		const supported = versions.filter(
 			(item) => !!manifest?.value?.gameVersions?.some((x) => item.version === x.id),
 		)
-		return supported.some((x) => x.version_type !== 'release')
+		const result = supported.some((x) => x.version_type !== 'release')
+		debug('resolveHasSnapshots:', {
+			loader,
+			totalVersions: versions.length,
+			supportedVersions: supported.length,
+			result,
+		})
+		return result
 	},

 	async save(platform, gameVersion, loaderVersionId) {
+		debug('save: called', {
+			instancePath: instance.value.path,
+			platform,
+			gameVersion,
+			loaderVersionId,
+		})
 		const editProfile: Record<string, string | undefined> = {
 			loader: platform,
 			game_version: gameVersion,
@@ -199,17 +268,21 @@ provideInstallationSettings({
 			editProfile.loader_version = loaderVersionId
 		}
 		await edit(instance.value.path, editProfile).catch(handleError)
+		debug('save: edit complete', { editProfile })
 	},

 	afterSave: async () => {
+		debug('afterSave: installing', { instancePath: instance.value.path })
 		await install(instance.value.path, false).catch(handleError)
 		trackEvent('InstanceRepair', {
 			loader: instance.value.loader,
 			game_version: instance.value.game_version,
 		})
+		debug('afterSave: done')
 	},

 	async repair() {
+		debug('repair: called', { instancePath: instance.value.path })
 		repairing.value = true
 		await install(instance.value.path, true).catch(handleError)
 		repairing.value = false
@@ -217,9 +290,11 @@ provideInstallationSettings({
 			loader: instance.value.loader,
 			game_version: instance.value.game_version,
 		})
+		debug('repair: done')
 	},

 	async reinstallModpack() {
+		debug('reinstallModpack: called', { instancePath: instance.value.path })
 		reinstalling.value = true
 		await update_repair_modrinth(instance.value.path).catch(handleError)
 		reinstalling.value = false
@@ -227,9 +302,11 @@ provideInstallationSettings({
 			loader: instance.value.loader,
 			game_version: instance.value.game_version,
 		})
+		debug('reinstallModpack: done')
 	},

 	async unlinkModpack() {
+		debug('unlinkModpack: called', { instancePath: instance.value.path })
 		await edit(instance.value.path, {
 			linked_data: null as unknown as undefined,
 		})
@@ -237,27 +314,38 @@ provideInstallationSettings({
 			queryKey: ['linkedModpackInfo', instance.value.path],
 		})
 		onUnlinked()
+		debug('unlinkModpack: done')
 	},

 	getCachedModpackVersions: () => null,
 	async fetchModpackVersions() {
+		debug('fetchModpackVersions: called', {
+			projectId: instance.value.linked_data?.project_id,
+		})
 		const versions = await get_project_versions(instance.value.linked_data!.project_id!).catch(
 			handleError,
 		)
+		debug('fetchModpackVersions: done', { count: versions?.length ?? 0 })
 		return (versions ?? []) as Labrinth.Versions.v2.Version[]
 	},

 	async getVersionChangelog(versionId: string) {
+		debug('getVersionChangelog: called', { versionId })
 		return (await get_version(versionId, 'must_revalidate').catch(
 			() => null,
 		)) as Labrinth.Versions.v2.Version | null
 	},

 	async onModpackVersionConfirm(version) {
+		debug('onModpackVersionConfirm: called', {
+			versionId: version.id,
+			instancePath: instance.value.path,
+		})
 		await update_managed_modrinth_version(instance.value.path, version.id)
 		await queryClient.invalidateQueries({
 			queryKey: ['linkedModpackInfo', instance.value.path],
 		})
+		debug('onModpackVersionConfirm: done')
 	},

 	updaterModalProps: computed(() => ({
@@ -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
+	)
+}
@@ -1,52 +0,0 @@
-<template>
-	<div class="flex flex-wrap items-center gap-x-1.5 gap-y-1 leading-snug text-primary">
-		<button
-			v-if="inviterName"
-			type="button"
-			class="inline-flex min-w-0 items-center border-0 bg-transparent p-0 font-semibold text-contrast hover:underline"
-			@click="openInviterProfile(inviterName)"
-		>
-			<Avatar
-				:src="inviterAvatarUrl"
-				:alt="inviterName"
-				circle
-				size="xxs"
-				no-shadow
-				class="mr-1.5 inline-flex"
-			/>
-			<span>{{ inviterName }}</span>
-		</button>
-		<span>
-			<span v-if="inviterName" class="whitespace-nowrap">has invited you to manage</span>
-			<span v-else class="whitespace-nowrap">You have been invited to manage</span>
-			<span class="font-semibold text-contrast ml-1">{{ serverName }}</span>
-			<span>.</span>
-		</span>
-	</div>
-</template>
-
-<script setup>
-import { Avatar } from '@modrinth/ui'
-import { openUrl } from '@tauri-apps/plugin-opener'
-
-import { config } from '@/config'
-
-defineProps({
-	inviterName: {
-		type: String,
-		default: null,
-	},
-	inviterAvatarUrl: {
-		type: String,
-		default: null,
-	},
-	serverName: {
-		type: String,
-		required: true,
-	},
-})
-
-function openInviterProfile(username) {
-	openUrl(`${config.siteUrl}/user/${encodeURIComponent(username)}`)
-}
-</script>
@@ -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>
@@ -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,
@@ -10,6 +10,7 @@ export interface LoadingBarType {
 	version?: string
 	profile_path?: string
 	pack_name?: string
+	icon?: string | null
 }

 export interface LoadingBar {
@@ -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++

@@ -14,6 +14,7 @@ export type GameInstance = {
 	groups: string[]

 	linked_data?: LinkedData
+	preferred_update_channel: ReleaseChannel

 	created: Date
 	modified: Date
@@ -46,6 +47,8 @@ type LinkedData = {
 	locked: boolean
 }

+type ReleaseChannel = 'release' | 'beta' | 'alpha'
+
 export type InstanceLoader = 'vanilla' | 'forge' | 'fabric' | 'quilt' | 'neoforge'

 type ContentFile = {
@@ -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": "مثال.مودرنث.جج"
  },
@@ -86,6 +86,9 @@
  "app.appearance-settings.select-option": {
    "message": "Vyberte možnost"
  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Ukázat herní čas"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Umožňí přepínat zobrazení postranního panelu."
  },
@@ -326,8 +329,35 @@
  "app.settings.tabs.resource-management": {
    "message": "Správa zdrojů"
  },
-  "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.skins.add-button": {
+    "message": "Přidat skin"
+  },
+  "app.skins.apply-button": {
+    "message": "Použít"
+  },
+  "app.skins.delete-button": {
+    "message": "Smazat skin"
+  },
+  "app.skins.edit-button": {
+    "message": "Upravit skin"
+  },
+  "app.skins.modal.add-skin-button": {
+    "message": "Přidat skin"
+  },
+  "app.skins.preview.edit-button": {
+    "message": "Upravit skin"
+  },
+  "app.skins.section.minecon-earth-2017": {
+    "message": "MINECON Earth 2017"
+  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth Pride"
+  },
+  "app.skins.section.saved-skins": {
+    "message": "Uložené skiny"
  },
  "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."
@@ -359,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"
  },
@@ -80,6 +80,12 @@
  "app.appearance-settings.select-option": {
    "message": "Vælg en mulighed"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Vis hvor meget tid du har brugt på at spille en instance."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Vis tid spillet"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Aktivere muligheden for at slå sidepanelet til og fra."
  },
@@ -359,8 +365,95 @@
  "app.skins.modal.cape-fallback-name": {
    "message": "Kappe"
  },
-  "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.skins.modal.cape-section": {
+    "message": "Kappe"
+  },
+  "app.skins.modal.edit-title": {
+    "message": "Rediger skin"
+  },
+  "app.skins.modal.make-edit-first-tooltip": {
+    "message": "Rediger skinnet først!"
+  },
+  "app.skins.modal.no-cape-tooltip": {
+    "message": "Ingen kappe"
+  },
+  "app.skins.modal.none-cape-option": {
+    "message": "Ingen"
+  },
+  "app.skins.modal.save-skin-button": {
+    "message": "Gem skin"
+  },
+  "app.skins.modal.saving-tooltip": {
+    "message": "Gemmer..."
+  },
+  "app.skins.modal.upload-skin-first-tooltip": {
+    "message": "Upload et skin først!"
+  },
+  "app.skins.preview.edit-button": {
+    "message": "Rediger skin"
+  },
+  "app.skins.previewing-badge": {
+    "message": "Forhåndsvisning"
+  },
+  "app.skins.rate-limit.text": {
+    "message": "Du skifter dit skin for ofte. Mojang's servere har midlertidigt blokeret fremtidige anmodninger. Vent venligst et øjeblik for du prøver igen."
+  },
+  "app.skins.rate-limit.title": {
+    "message": "Ro på!"
+  },
+  "app.skins.section.builders-and-biomes": {
+    "message": "Builders & Biomes"
+  },
+  "app.skins.section.chase-the-skies": {
+    "message": "Chase the Skies"
+  },
+  "app.skins.section.default-skins": {
+    "message": "Standard skins"
+  },
+  "app.skins.section.minecon-earth-2017": {
+    "message": "MINECON Earth 2017"
+  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth Pride"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Du modtog disse skins for at donere til en Modrinth Pride indsamling imens der er Pride Month."
+  },
+  "app.skins.section.mounts-of-mayhem": {
+    "message": "Mounts of Mayhem"
+  },
+  "app.skins.section.saved-skins": {
+    "message": "Gemte skins"
+  },
+  "app.skins.section.striding-hero": {
+    "message": "Striding Hero"
+  },
+  "app.skins.section.the-copper-age": {
+    "message": "The Copper Age"
+  },
+  "app.skins.section.the-garden-awakens": {
+    "message": "The Garden Awakens"
+  },
+  "app.skins.section.tiny-takeover": {
+    "message": "Tiny Takeover"
+  },
+  "app.skins.sign-in.button": {
+    "message": "Log Ind"
+  },
+  "app.skins.sign-in.description": {
+    "message": "Venligst log ind til din Minecraft konto for at kunne funktionerne til at administrere dit skin i Modrinth appen."
+  },
+  "app.skins.sign-in.rinthbot-alt": {
+    "message": "Overrasket Modrinth Bot"
+  },
+  "app.skins.sign-in.title": {
+    "message": "Venligst log ind"
+  },
+  "app.skins.title": {
+    "message": "Skin vælger"
  },
  "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."
@@ -392,14 +485,23 @@
  "app.update.complete-toast.title": {
    "message": "Version {version} var installeret med succes!"
  },
-  "app.update.download-update": {
-    "message": "Download opdatering"
+  "app.world.server-modal.placeholder-address": {
+    "message": "eksemple.modrinth.gg"
  },
-  "app.update.downloading-update": {
-    "message": "Downloader opdatering ({percent}%)"
+  "app.world.server-modal.select-an-option": {
+    "message": "Vælg en mulighed"
  },
-  "app.update.reload-to-update": {
-    "message": "Genindlæs for at installere opdatering"
+  "app.world.world-item.incompatible-version": {
+    "message": "Ikke kompatibel version {version}"
+  },
+  "app.world.world-item.not-played-yet": {
+    "message": "Ikke spillet endnu"
+  },
+  "app.world.world-item.offline": {
+    "message": "Offline"
+  },
+  "app.world.world-item.players-online": {
+    "message": "{count} online"
  },
  "friends.action.add-friend": {
    "message": "Tilføj en ven"
@@ -500,6 +602,12 @@
  "instance.edit-world.title": {
    "message": "Rediger verden"
  },
+  "instance.files.adding-files": {
+    "message": "Tilføjer filer ({completed}/{total})"
+  },
+  "instance.files.save-as": {
+    "message": "Gem som..."
+  },
  "instance.server-modal.address": {
    "message": "Adresse"
  },
@@ -614,6 +722,9 @@
  "instance.settings.tabs.java": {
    "message": "Java og hukommelse"
  },
+  "instance.settings.tabs.java.enter-java-arguments": {
+    "message": "Indskriv Java argumenter..."
+  },
  "instance.settings.tabs.java.environment-variables": {
    "message": "Omgivelses variabler"
  },
@@ -629,6 +740,9 @@
  "instance.settings.tabs.java.java-memory": {
    "message": "Allokeret hukommelse"
  },
+  "instance.settings.tabs.java.java-path-placeholder": {
+    "message": "/vej/til/java"
+  },
  "instance.settings.tabs.window": {
    "message": "Vindue"
  },
@@ -701,9 +815,24 @@
  "instance.worlds.world_in_use": {
    "message": "Verden er i brug"
  },
+  "minecraft-account.add-account": {
+    "message": "Tilføj konto"
+  },
+  "minecraft-account.label": {
+    "message": "Minecraft konto"
+  },
+  "minecraft-account.not-signed-in": {
+    "message": "Ikke logged ind"
+  },
  "minecraft-account.remove-account": {
    "message": "Fjern konto"
  },
+  "minecraft-account.select-account": {
+    "message": "Vælg konto"
+  },
+  "minecraft-account.sign-in": {
+    "message": "Log ind på Minecraft"
+  },
  "search.filter.locked.instance": {
    "message": "Givet af instanceen"
  },
@@ -727,5 +856,20 @@
  },
  "search.filter.locked.server-loader.title": {
    "message": "Loader er givet af serveren"
+  },
+  "unknown-pack-warning-modal.body": {
+    "message": "En fil behandles kun, hvis den uploades til Modrinth, uanset filformat (herunder .mrpack)."
+  },
+  "unknown-pack-warning-modal.dont-show-again": {
+    "message": "Vis ikke denne advarsel igen"
+  },
+  "unknown-pack-warning-modal.header": {
+    "message": "Bekræft installation"
+  },
+  "unknown-pack-warning-modal.install-anyway": {
+    "message": "Installer alligevel"
+  },
+  "unknown-pack-warning-modal.warning.title": {
+    "message": "Ukendt fil advarsel"
  }
 }
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Option wählen"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Zeigt an, wie viel Zeit du mit dem Spielen einer Instanz verbracht hast."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Spielzeit anzeigen"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Ermöglicht das Umschalten der Seitenleiste."
  },
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "Wird installiert"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Keine verfügbaren Versionen stimmen mit {compatibilityLabel} überein. Wähle eine Version aus, um sie trotzdem zu installieren. Abhängigkeiten werden nicht automatisch installiert."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -342,10 +351,10 @@
    "message": "Bist du dir sicher, dass du diesen Skin löschen willst?"
  },
  "app.skins.dropped-file-error.text": {
-    "message": "Die abgelegte Datei konnte nicht gelesen werden."
+    "message": "Fehler beim Lesen der abgelegten Datei."
  },
  "app.skins.dropped-file-error.title": {
-    "message": "Fehler bei der Verarbeitung der Datei"
+    "message": "Fehler bei der Dateiverarbeitung"
  },
  "app.skins.edit-button": {
    "message": "Skin bearbeiten"
@@ -381,7 +390,7 @@
    "message": "Kein Umhang"
  },
  "app.skins.modal.none-cape-option": {
-    "message": "Keinen"
+    "message": "Keines"
  },
  "app.skins.modal.replace-texture-button": {
    "message": "Textur ersetzen"
@@ -390,13 +399,13 @@
    "message": "Skin speichern"
  },
  "app.skins.modal.saving-tooltip": {
-    "message": "Wird gespeichert..."
+    "message": "Speichern..."
  },
  "app.skins.modal.texture-section": {
    "message": "Textur"
  },
  "app.skins.modal.upload-skin-first-tooltip": {
-    "message": "Lade zuerst ein Skin hoch!"
+    "message": "Lade zuerst einen Skin hoch!"
  },
  "app.skins.preview.edit-button": {
    "message": "Skin bearbeiten"
@@ -405,10 +414,10 @@
    "message": "Vorschau"
  },
  "app.skins.rate-limit.text": {
-    "message": "Du wechselst dein Skin zu oft. Die Server von Mojang haben weitere Anfragen vorübergehend blockiert. Bitte warte einen Moment, bevor du es erneut versuchst."
+    "message": "Du änderst deinen Skin zu oft. Die Server von Mojang haben weitere Anfragen vorübergehend blockiert. Bitte warte einen Moment, bevor du es erneut versuchst."
  },
  "app.skins.rate-limit.title": {
-    "message": "Langsamer!"
+    "message": "Nicht so schnell!"
  },
  "app.skins.section.builders-and-biomes": {
    "message": "Builders & Biomes"
@@ -429,7 +438,7 @@
    "message": "Modrinth Pride"
  },
  "app.skins.section.modrinth-pride.tooltip": {
-    "message": "Du hast diese Skins erhalten, da du während des Pride-Monats für eine Modrinth-Pride-Spendenaktion gespendet hast."
+    "message": "Du hast diese Skins als Dankeschön für eine Spende bei der Modrinth Pride Spendenaktion während des Pride Month erhalten."
  },
  "app.skins.section.mounts-of-mayhem": {
    "message": "Mounts of Mayhem"
@@ -453,20 +462,17 @@
    "message": "Anmelden"
  },
  "app.skins.sign-in.description": {
-    "message": "Bitte melde dich bei deinem Minecraft-Konto an, um die Funktionen zur Skin-Verwaltung der Modrinth-App nutzen zu können."
+    "message": "Bitte melde dich in deinem Minecraft-Konto an, um die Skin-Verwaltungsfunktionen der Modrinth App zu nutzen."
  },
  "app.skins.sign-in.rinthbot-alt": {
    "message": "Begeisterter Modrinth-Bot"
  },
  "app.skins.sign-in.title": {
-    "message": "Bitte melde dich an"
+    "message": "Bitte anmelden"
  },
  "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."
  },
@@ -497,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"
  },
@@ -48,7 +48,7 @@
    "message": "Farbschema"
  },
  "app.appearance-settings.default-landing-page.description": {
-    "message": "Ändere die Kategorie, die beim Öffnen des Launchers angezeigt wird."
+    "message": "Ändere die Seite, die beim Öffnen des Launchers angezeigt wird."
  },
  "app.appearance-settings.default-landing-page.home": {
    "message": "Start"
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Wähle eine Option"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Zeigt an, wie viel Zeit du damit verbracht hast, eine Instanz zu spielen."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Spielzeit anzeigen"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Ermöglicht das Umschalten der Seitenleiste."
  },
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "Wird installiert"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Keine verfügbaren Versionen stimmen mit {compatibilityLabel} überein. Wähle eine Version aus, um sie trotzdem zu installieren. Abhängigkeiten werden nicht automatisch installiert."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -464,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."
  },
@@ -497,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"
  },
@@ -149,6 +158,9 @@
  "app.browse.server.installing": {
    "message": "Installing"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "No available versions match {compatibilityLabel}. Select a version to install anyway. Dependencies will not be installed automatically."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -425,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"
  },
@@ -479,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."
  },
@@ -501,7 +516,7 @@
    "message": "Download complete"
  },
  "app.update-popup.reload": {
-    "message": "Reload"
+    "message": "Reload to update"
  },
  "app.update-popup.title": {
    "message": "Update available"
@@ -512,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"
  },
@@ -710,6 +716,30 @@
  "instance.settings.tabs.general.name": {
    "message": "Name"
  },
+  "instance.settings.tabs.general.update-channel": {
+    "message": "Update channel"
+  },
+  "instance.settings.tabs.general.update-channel.alpha": {
+    "message": "Alpha"
+  },
+  "instance.settings.tabs.general.update-channel.alpha.description": {
+    "message": "Release, beta, and alpha versions will be shown as available updates."
+  },
+  "instance.settings.tabs.general.update-channel.beta": {
+    "message": "Beta"
+  },
+  "instance.settings.tabs.general.update-channel.beta.description": {
+    "message": "Release and beta versions will be shown as available updates."
+  },
+  "instance.settings.tabs.general.update-channel.release": {
+    "message": "Release"
+  },
+  "instance.settings.tabs.general.update-channel.release.description": {
+    "message": "Only release versions will be shown as available updates."
+  },
+  "instance.settings.tabs.general.update-channel.select": {
+    "message": "Select update channel"
+  },
  "instance.settings.tabs.hooks": {
    "message": "Launch hooks"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Selecciona una opción"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Muestra cuánto tiempo has estado jugando en una instancia."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Mostrar tiempo de juego"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Permite mostrar u ocultar la barra lateral."
  },
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "Instalando"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "No hay versiones disponibles que coincidan con {compatibilityLabel}. Selecciona una versión para instalarla de todas formas. Las dependencias no se instalarán automáticamente."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -422,6 +431,15 @@
  "app.skins.section.minecon-earth-2017": {
    "message": "MINECON Earth 2017"
  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Orgullo Modrinth"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Has recibido estas skins por donar a la fundación Orgullo Modrinth durante el Mes del Orgullo."
+  },
  "app.skins.section.mounts-of-mayhem": {
    "message": "Monturas del Caos"
  },
@@ -455,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."
  },
@@ -488,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"
  },
@@ -9,7 +9,7 @@
    "message": "Ocultar más instancias en ejecución"
  },
  "app.action-bar.make-primary-instance": {
-    "message": "Hacer instancia principal"
+    "message": "Establecer como instancia principal"
  },
  "app.action-bar.no-instances-running": {
    "message": "Ninguna instancia en ejecución"
@@ -24,16 +24,16 @@
    "message": "Mostrar más instancias en ejecución"
  },
  "app.action-bar.stop-instance": {
-    "message": "Finalizar instancia"
+    "message": "Detener instancia"
  },
  "app.action-bar.view-active-downloads": {
    "message": "Mostrar descargas activas"
  },
  "app.action-bar.view-instance": {
-    "message": "Mostrar instancia"
+    "message": "Ver instancia"
  },
  "app.action-bar.view-logs": {
-    "message": "Mostrar registros"
+    "message": "Ver registros"
  },
  "app.appearance-settings.advanced-rendering.description": {
    "message": "Habilita el renderizado avanzado, como los efectos de desenfoque, que pueden causar problemas de rendimiento sin renderizado acelerado por hardware."
@@ -42,43 +42,43 @@
    "message": "Renderizado avanzado"
  },
  "app.appearance-settings.color-theme.description": {
-    "message": "Seleccione su tema de color preferido para Modrinth en este dispositivo."
+    "message": "Selecciona tu tema de color preferido para la Modrinth App."
  },
  "app.appearance-settings.color-theme.title": {
    "message": "Tema de color"
  },
  "app.appearance-settings.default-landing-page.description": {
-    "message": "Cambia la página en la que el lanzador inicia."
+    "message": "Cambia la página que se abre al iniciar el lanzador."
  },
  "app.appearance-settings.default-landing-page.home": {
    "message": "Inicio"
  },
  "app.appearance-settings.default-landing-page.library": {
-    "message": "Librería"
+    "message": "Biblioteca"
  },
  "app.appearance-settings.default-landing-page.title": {
-    "message": "Página predeterminada"
+    "message": "Página de inicio predeterminada"
  },
  "app.appearance-settings.hide-nametag.description": {
    "message": "Desactiva la etiqueta arriba de tu personaje en la página de skins."
  },
  "app.appearance-settings.hide-nametag.title": {
-    "message": "Ocultar etiqueta"
+    "message": "Ocultar etiqueta de nombre"
  },
  "app.appearance-settings.jump-back-into-worlds.description": {
-    "message": "Incluye los mundos más recientes en la sección \"Vuelve a jugar tus mundos\" en la página de inicio."
+    "message": "Incluye los mundos recientes en la sección \"Volver a jugar\" de la página de inicio."
  },
  "app.appearance-settings.jump-back-into-worlds.title": {
-    "message": "Vuelve a jugar tus mundos"
+    "message": "Volver a jugar en tus mundos"
  },
  "app.appearance-settings.minimize-launcher.description": {
-    "message": "Minimiza el lanzador cuando un proceso de Minecraft empieza."
+    "message": "Minimiza el lanzador cuando se inicia un proceso de Minecraft."
  },
  "app.appearance-settings.minimize-launcher.title": {
-    "message": "Minimiza el lanzador"
+    "message": "Minimizar lanzador"
  },
  "app.appearance-settings.native-decorations.description": {
-    "message": "Usa los sistemas de marco de Windows (se requiere resetear la aplicación)."
+    "message": "Usa el marco de ventana del sistema (requiere reiniciar la aplicación)."
  },
  "app.appearance-settings.native-decorations.title": {
    "message": "Decoraciones nativas"
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Selecciona una opción"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Muestra cuánto tiempo has estado jugando en una instancia."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Mostrar tiempo de juego"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Activa la posibilidad de alternar la barra lateral."
  },
@@ -96,7 +102,7 @@
    "message": "Si intentas instalar un archivo de paquete de Modrinth (.mrpack) que no esté alojado en Modrinth, debes comprender los riesgos que esto conlleva antes de instalarlo."
  },
  "app.appearance-settings.unknown-pack-warning.title": {
-    "message": "Advertir antes de instalarme paquetes de mods desconocidos"
+    "message": "Adviérteme antes de instalarme modpacks desconocidos"
  },
  "app.auth-servers.unreachable.body": {
    "message": "Los servidores de autenticación de Minecraft pueden no estar funcionando en este momento. Verifica tu conexión a internet e inténtalo de nuevo más tarde."
@@ -105,7 +111,7 @@
    "message": "No se puede conectar con los servidores de autenticación"
  },
  "app.browse.add-servers-to-instance": {
-    "message": "Añadir servidor a instancia"
+    "message": "Añadiendo servidor a la instancia"
  },
  "app.browse.add-to-an-instance": {
    "message": "Añadir a una instancia"
@@ -135,7 +141,7 @@
    "message": "Ocultar servidores ya añadidos"
  },
  "app.browse.project-type.modpacks": {
-    "message": "Paquetes de Mods"
+    "message": "Modpacks"
  },
  "app.browse.server-instance-content-warning": {
    "message": "Añadir contenido puede comprometer la compatibilidad a la hora de unirse a un servidor. Cualquier contenido añadido se perderá cuando actualices la instancia del servidor."
@@ -143,11 +149,14 @@
  "app.browse.server.installing": {
    "message": "Instalando"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "No hay versiones disponibles que coincidan con {compatibilityLabel}. Selecciona una versión para instalarla de todas formas. Las dependencias no se instalarán automáticamente."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
  "app.creation-modal.installing-modpack.title": {
-    "message": "Instalando el modpack..."
+    "message": "Instalando modpack..."
  },
  "app.export-modal.description-placeholder": {
    "message": "Escribe la descripción del modpack..."
@@ -341,8 +350,137 @@
  "app.skins.apply-button": {
    "message": "Aplicar"
  },
-  "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.skins.delete-button": {
+    "message": "Borrar skin"
+  },
+  "app.skins.delete-modal.description": {
+    "message": "Esto borrará permanentemente la skin seleccionada. Esta acción no se puede deshacer."
+  },
+  "app.skins.delete-modal.title": {
+    "message": "¿Estás seguro/a de que quieres eliminar está skin?"
+  },
+  "app.skins.dropped-file-error.text": {
+    "message": "Error al leer el archivo arrastrado."
+  },
+  "app.skins.dropped-file-error.title": {
+    "message": "Error al procesar el archivo"
+  },
+  "app.skins.edit-button": {
+    "message": "Editar skin"
+  },
+  "app.skins.modal.add-skin-button": {
+    "message": "Añadir skin"
+  },
+  "app.skins.modal.add-title": {
+    "message": "Añadiendo una skin"
+  },
+  "app.skins.modal.arm-style-section": {
+    "message": "Estilo de brazo"
+  },
+  "app.skins.modal.arm-style-slim": {
+    "message": "Delgado"
+  },
+  "app.skins.modal.arm-style-wide": {
+    "message": "Ancho"
+  },
+  "app.skins.modal.cape-fallback-name": {
+    "message": "Capa"
+  },
+  "app.skins.modal.cape-section": {
+    "message": "Capa"
+  },
+  "app.skins.modal.edit-title": {
+    "message": "Editando skin"
+  },
+  "app.skins.modal.make-edit-first-tooltip": {
+    "message": "¡Modifica la skin primero!"
+  },
+  "app.skins.modal.no-cape-tooltip": {
+    "message": "Sin capa"
+  },
+  "app.skins.modal.none-cape-option": {
+    "message": "Nada"
+  },
+  "app.skins.modal.replace-texture-button": {
+    "message": "Reemplazar textura"
+  },
+  "app.skins.modal.save-skin-button": {
+    "message": "Guardar skin"
+  },
+  "app.skins.modal.saving-tooltip": {
+    "message": "Guardando..."
+  },
+  "app.skins.modal.texture-section": {
+    "message": "Textura"
+  },
+  "app.skins.modal.upload-skin-first-tooltip": {
+    "message": "¡Primero sube una skin!"
+  },
+  "app.skins.preview.edit-button": {
+    "message": "Editar skin"
+  },
+  "app.skins.previewing-badge": {
+    "message": "Previsualizando"
+  },
+  "app.skins.rate-limit.text": {
+    "message": "Estuviste cambiando tu skin demasiado rápido. Los servidores de Mojang han bloqueado temporalmente tus futuras solicitaciones. Por favor, espere un momento antes de intentar de nuevo."
+  },
+  "app.skins.rate-limit.title": {
+    "message": "¡Cálmate!"
+  },
+  "app.skins.section.builders-and-biomes": {
+    "message": "Builders y Biomas"
+  },
+  "app.skins.section.chase-the-skies": {
+    "message": "Persigue los cielos"
+  },
+  "app.skins.section.default-skins": {
+    "message": "Skins por defecto"
+  },
+  "app.skins.section.minecon-earth-2017": {
+    "message": "MINECON Earth 2017"
+  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Orgullo Modrinth"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Has recibido estas skins por donar a la fundación Orgullo Modrinth durante el Mes del Orgullo."
+  },
+  "app.skins.section.mounts-of-mayhem": {
+    "message": "Monturas del Caos"
+  },
+  "app.skins.section.saved-skins": {
+    "message": "Skins guardadas"
+  },
+  "app.skins.section.striding-hero": {
+    "message": "Striding Hero"
+  },
+  "app.skins.section.the-copper-age": {
+    "message": "La Edad de Cobre"
+  },
+  "app.skins.section.the-garden-awakens": {
+    "message": "El Jardín Despierta"
+  },
+  "app.skins.section.tiny-takeover": {
+    "message": "Pequeña Invasión"
+  },
+  "app.skins.sign-in.button": {
+    "message": "Iniciar Sesión"
+  },
+  "app.skins.sign-in.description": {
+    "message": "Por favor, inicia sesión con tu cuenta de Minecraft para usar las funciones del administrador de Skins de la app de Modrinth."
+  },
+  "app.skins.sign-in.rinthbot-alt": {
+    "message": "Modrinth Bot emocionado"
+  },
+  "app.skins.sign-in.title": {
+    "message": "Por favor, inicia sesión"
+  },
+  "app.skins.title": {
+    "message": "Selector de Skin"
  },
  "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."
@@ -374,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"
  },
@@ -45,13 +45,13 @@
    "message": "Sélectionnez votre couleur préférée pour le thème de Modrinth App."
  },
  "app.appearance-settings.color-theme.title": {
-    "message": "Thème couleur"
+    "message": "Couleur du thème"
  },
  "app.appearance-settings.default-landing-page.description": {
-    "message": "Modifier la page sur laquelle le lancheur s'ouvre."
+    "message": "Modifier la page sur laquelle le lanceur s'ouvre."
  },
  "app.appearance-settings.default-landing-page.home": {
-    "message": "Acceuil"
+    "message": "Accueil"
  },
  "app.appearance-settings.default-landing-page.library": {
    "message": "Bibliothèque"
@@ -72,10 +72,10 @@
    "message": "Mondes sur partie rapide"
  },
  "app.appearance-settings.minimize-launcher.description": {
-    "message": "Minimiser le launcher quand Minecraft démarre."
+    "message": "Minimiser le lanceur quand Minecraft démarre."
  },
  "app.appearance-settings.minimize-launcher.title": {
-    "message": "Minimiser le launcher"
+    "message": "Minimiser le lanceur"
  },
  "app.appearance-settings.native-decorations.description": {
    "message": "Utiliser le cadre fenêtre du système (redémarrage de l'application requis)."
@@ -86,8 +86,14 @@
  "app.appearance-settings.select-option": {
    "message": "Sélectionnez une option"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Affiche combien de temps vous avez passé sur une instance."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Afficher le temps de jeu"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
-    "message": "Permet d'ouvrir de de fermer la barre latérale."
+    "message": "Permet d'ouvrir de fermer la barre latérale."
  },
  "app.appearance-settings.toggle-sidebar.title": {
    "message": "Tiroir latéral"
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "Installation en cours"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Aucune version disponible ne correspond à {compatibilityLabel}. Sélectionnez une version pour l'installer malgré tout. Les dépendances ne seront pas installées automatiquement."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -333,10 +342,10 @@
    "message": "Appliquer"
  },
  "app.skins.delete-button": {
-    "message": "Supprimer la skin"
+    "message": "Supprimer le skin"
  },
  "app.skins.delete-modal.description": {
-    "message": "Cela va supprimer de manière permanente cette skin. Cette action est irréversible."
+    "message": "Cela va supprimer de manière permanente ce skin. Cette action est irréversible."
  },
  "app.skins.delete-modal.title": {
    "message": "Êtes-vous sûr de vouloir supprimer cette skin ?"
@@ -348,7 +357,7 @@
    "message": "Erreur lors du traitement du fichier"
  },
  "app.skins.edit-button": {
-    "message": "Modifier la skin"
+    "message": "Modifier le skin"
  },
  "app.skins.modal.add-skin-button": {
    "message": "Ajouter une skin"
@@ -372,7 +381,7 @@
    "message": "Cape"
  },
  "app.skins.modal.edit-title": {
-    "message": "Modification de la skin"
+    "message": "Modification du skin"
  },
  "app.skins.modal.make-edit-first-tooltip": {
    "message": "Faites d'abord une modification à la skin !"
@@ -387,7 +396,7 @@
    "message": "Remplacer la texture"
  },
  "app.skins.modal.save-skin-button": {
-    "message": "Sauvegarder la skin"
+    "message": "Sauvegarder le skin"
  },
  "app.skins.modal.saving-tooltip": {
    "message": "Sauvegarde..."
@@ -399,7 +408,7 @@
    "message": "Importez d'abord une skin !"
  },
  "app.skins.preview.edit-button": {
-    "message": "Modifier la skin"
+    "message": "Modifier le skin"
  },
  "app.skins.previewing-badge": {
    "message": "Aperçu"
@@ -464,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."
  },
@@ -497,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"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Válassz egy lehetőséget"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Megmutatja, mennyi időt töltöttél játszva egy profillal."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Játékidő megjelenítése"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Lehetővé teszi az oldalsáv be- és kikapcsolását."
  },
@@ -105,7 +111,7 @@
    "message": "Nem lehet elérni a hitelesítési kiszolgálókat"
  },
  "app.browse.add-servers-to-instance": {
-    "message": "Szerver hozzáadása az példányhoz"
+    "message": "Szerver hozzáadása a példányhoz"
  },
  "app.browse.add-to-an-instance": {
    "message": "Hozzáadás egy példányhoz"
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "Letöltés..."
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Nincs a(z) {compatibilityLabel} verziónak megfelelő elérhető verzió. Válassz ki egy verziót, ha mégis telepíteni szeretnéd. A függőségek nem települnek automatikusan."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -428,6 +437,15 @@
  "app.skins.section.minecon-earth-2017": {
    "message": "MINECON Earth 2017"
  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth Pride"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Ezeket a kinézeteket azért kaptad, mert a Pride-hónap során adományoztál a Modrinth Pride jótékonysági gyűjtéséhez."
+  },
  "app.skins.section.mounts-of-mayhem": {
    "message": "Mounts of Mayhem"
  },
@@ -461,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."
  },
@@ -494,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"
  },
@@ -816,7 +822,7 @@
    "message": "Ne mutasd a kezdőlapon"
  },
  "instance.worlds.game_already_open": {
-    "message": "A profil már el van indítva"
+    "message": "A példány már el van indítva"
  },
  "instance.worlds.hardcore": {
    "message": "Hardcore mód"
@@ -840,7 +846,7 @@
    "message": "Játék a profillal"
  },
  "instance.worlds.view_instance": {
-    "message": "Profil megtekintése"
+    "message": "Példány megtekintése"
  },
  "instance.worlds.world_in_use": {
    "message": "A világ használatban van"
@@ -864,13 +870,13 @@
    "message": "Bejelentkezés a Minecraftba"
  },
  "search.filter.locked.instance": {
-    "message": "A profil által van megadva"
+    "message": "Pédány által megadva"
  },
  "search.filter.locked.instance-game-version.title": {
-    "message": "A játékverzió a profil által van megadva"
+    "message": "A játékverziót az adott példány biztosítja"
  },
  "search.filter.locked.instance-loader.title": {
-    "message": "A betöltő a profil által van megadva"
+    "message": "A betöltőt az adott példány biztosítja"
  },
  "search.filter.locked.instance.sync": {
    "message": "Profil szinkronizálása"
@@ -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"
  },
@@ -86,14 +86,20 @@
  "app.appearance-settings.select-option": {
    "message": "Seleziona"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Mostra quanto tempo hai speso giocando a un'istanza."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Mostra tempo di gioco"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
-    "message": "Scegli se mostrare o nascondere la barra laterale."
+    "message": "Mostra o nascondi la barra laterale."
  },
  "app.appearance-settings.toggle-sidebar.title": {
    "message": "Abilita la barra laterale"
  },
  "app.appearance-settings.unknown-pack-warning.description": {
-    "message": "Visti i rischi, apparirà un avviso prima di installare un file Modrinth Pack (.mrpack) non proveniente da Modrinth."
+    "message": "Mostrerà un avviso prima di installare un file Modrinth Pack (.mrpack) non proveniente da Modrinth, a causa dei possibili rischi."
  },
  "app.appearance-settings.unknown-pack-warning.title": {
    "message": "Avvisami se installo pacchetti sconosciuti"
@@ -138,11 +144,14 @@
    "message": "Pacchetti di mod"
  },
  "app.browse.server-instance-content-warning": {
-    "message": "Aggiungere dei contenuti potrebbe portare problemi entrando nel server. Qualsiasi contenuto aggiunto sarà anche perso aggiornando i contenuti dell'istanza del server."
+    "message": "Aggiungere dei contenuti potrebbe causare problemi entrando nel server. Inoltre, qualsiasi contenuto aggiunto sarà perso a ogni aggiornamento dei contenuti dell'istanza."
  },
  "app.browse.server.installing": {
    "message": "Installazione"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Nessuna versione disponibile corrisponde a {compatibilityLabel}. Seleziona una versione da installare comunque. Le dipendenze non verranno scaricate automaticamente."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -461,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."
  },
@@ -494,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"
  },
@@ -302,8 +302,14 @@
  "app.settings.tabs.resource-management": {
    "message": "リソース管理"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} のインストール準備が整いました！今すぐ更新するには再読み込みするか、Modrinth Appを閉じる際に自動更新されます。"
+  "app.skins.modal.replace-texture-button": {
+    "message": "置きかえる"
+  },
+  "app.skins.modal.texture-section": {
+    "message": "テクスチャ"
+  },
+  "app.skins.preview.edit-button": {
+    "message": "編集"
  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} のダウンロードが完了しました。今すぐ更新するには再読み込みするか、Modrinth Appを閉じる際に自動更新されます。"
@@ -335,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"
  },
@@ -593,6 +590,9 @@
  "instance.settings.tabs.java.java-memory": {
    "message": "メモリ割り当て"
  },
+  "instance.settings.tabs.java.java-path-placeholder": {
+    "message": "/path/to/java"
+  },
  "instance.settings.tabs.window": {
    "message": "ウィンドウ"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "옵션 선택"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "인스턴스의 플레이 시간을 표시합니다."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "플레이 시간 표시"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "사이드바를 접거나 펼칠 수 있는 기능을 활성화합니다."
  },
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "설치 중"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "{compatibilityLabel} 버전과 일치하는 버전이 없습니다. 설치할 버전을 선택하세요. 종속성은 자동으로 설치되지 않습니다."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -431,6 +440,15 @@
  "app.skins.section.minecon-earth-2017": {
    "message": "MINECON Earth 2017"
  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth 프라이드"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "프라이드 월간 동안 Modrinth 프라이드 모금 행사에 기부하여 이 스킨들을 받았습니다."
+  },
  "app.skins.section.mounts-of-mayhem": {
    "message": "Mounts of Mayhem"
  },
@@ -455,15 +473,15 @@
  "app.skins.sign-in.description": {
    "message": "Modrinth 앱의 스킨 관리 기능을 사용하려면 Minecraft 계정에 로그인하세요."
  },
+  "app.skins.sign-in.rinthbot-alt": {
+    "message": "Excited Modrinth Bot"
+  },
  "app.skins.sign-in.title": {
    "message": "로그인하세요"
  },
  "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을 종료하면 자동으로 업데이트됩니다."
  },
@@ -494,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"
  },
@@ -143,6 +143,9 @@
  "app.browse.server.installing": {
    "message": "Sedang memasang"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Tiada versi tersedia yang sepadan dengan {compatibilityLabel}. Pilih versi untuk dipasang juga. Kebergantungan tidak akan dipasang secara automatik."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -329,8 +332,110 @@
  "app.settings.tabs.resource-management": {
    "message": "Pengurusan sumber"
  },
-  "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.skins.add-button": {
+    "message": "Tambah kekulit"
+  },
+  "app.skins.apply-button": {
+    "message": "Terapkan"
+  },
+  "app.skins.delete-button": {
+    "message": "Padam kekulit"
+  },
+  "app.skins.delete-modal.description": {
+    "message": "Ini akan memadamkan kekulit yang dipilih selama-lamanya. Tindakan ini tidak boleh dibuat asal."
+  },
+  "app.skins.edit-button": {
+    "message": "Sunting kekulit"
+  },
+  "app.skins.modal.add-skin-button": {
+    "message": "Tambah kekulit"
+  },
+  "app.skins.modal.arm-style-section": {
+    "message": "Gaya lengan"
+  },
+  "app.skins.modal.arm-style-slim": {
+    "message": "Kurus"
+  },
+  "app.skins.modal.arm-style-wide": {
+    "message": "Lebar"
+  },
+  "app.skins.modal.cape-fallback-name": {
+    "message": "Mantel"
+  },
+  "app.skins.modal.cape-section": {
+    "message": "Mantel"
+  },
+  "app.skins.modal.edit-title": {
+    "message": "Menyunting kekulit"
+  },
+  "app.skins.modal.no-cape-tooltip": {
+    "message": "Tiada mantel"
+  },
+  "app.skins.modal.none-cape-option": {
+    "message": "Tiada"
+  },
+  "app.skins.modal.save-skin-button": {
+    "message": "Simpan kekulit"
+  },
+  "app.skins.modal.saving-tooltip": {
+    "message": "Sedang menyimpan..."
+  },
+  "app.skins.modal.texture-section": {
+    "message": "Tekstur"
+  },
+  "app.skins.preview.edit-button": {
+    "message": "Sunting kekulit"
+  },
+  "app.skins.previewing-badge": {
+    "message": "Sedang pralihat"
+  },
+  "app.skins.rate-limit.text": {
+    "message": "Anda terlalu kerap menukar kekulit anda. Pelayan Mojang telah menyekat permintaan selanjutnya buat sementara waktu. Sila tunggu sebentar sebelum mencuba lagi."
+  },
+  "app.skins.rate-limit.title": {
+    "message": "Perlahanlah sikit!"
+  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth Pride"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Anda menerima kekulit ini kerana menderma kepada acara pengumpulan dana Modrinth Pride semasa Pride Month."
+  },
+  "app.skins.section.mounts-of-mayhem": {
+    "message": "Mounts of Mayhem"
+  },
+  "app.skins.section.saved-skins": {
+    "message": "Kekulit yang disimpan"
+  },
+  "app.skins.section.striding-hero": {
+    "message": "Striding Hero"
+  },
+  "app.skins.section.the-copper-age": {
+    "message": "The Copper Age"
+  },
+  "app.skins.section.the-garden-awakens": {
+    "message": "The Garden Awakens"
+  },
+  "app.skins.section.tiny-takeover": {
+    "message": "Tiny Takeover"
+  },
+  "app.skins.sign-in.button": {
+    "message": "Daftar Masuk"
+  },
+  "app.skins.sign-in.description": {
+    "message": "Sila daftar masuk ke akaun Minecraft anda untuk menggunakan ciri pengurusan kekulit milik Modrinth App."
+  },
+  "app.skins.sign-in.rinthbot-alt": {
+    "message": "Bot Modrinth yang Teruja"
+  },
+  "app.skins.sign-in.title": {
+    "message": "Sila daftar masuk"
+  },
+  "app.skins.title": {
+    "message": "Pemilih kekulit"
  },
  "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."
@@ -362,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"
  },
@@ -617,6 +713,9 @@
  "instance.settings.tabs.java.custom-memory-allocation": {
    "message": "Peruntukan ingatan tersuai"
  },
+  "instance.settings.tabs.java.enter-environment-variables": {
+    "message": "Masukkan pembolehubah persekitaran..."
+  },
  "instance.settings.tabs.java.enter-java-arguments": {
    "message": "Masukkan argumen Java..."
  },
@@ -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"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Wybierz opcję"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Pokazuje czas gry spędzony w danej instancji."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Pokaż czas gry"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Umożliwia przełączenie paska bocznego."
  },
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "Instalowanie"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Nie znaleziono żadnych wersji pasujących do {compatibilityLabel}. Wybierz wersję, by zainstalować ją mimo tego. Zależności nie zostaną zainstalowane automatycznie."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -327,13 +336,28 @@
    "message": "Zarządzanie zasobami"
  },
  "app.skins.add-button": {
-    "message": "Dodaj skina"
+    "message": "Dodaj skórkę"
+  },
+  "app.skins.add-button.drag-and-drop": {
+    "message": "Przeciągnij i upuść"
  },
  "app.skins.apply-button": {
    "message": "Zastosuj"
  },
  "app.skins.delete-button": {
-    "message": "Usuń skina"
+    "message": "Usuń skórkę"
+  },
+  "app.skins.delete-modal.description": {
+    "message": "To trwale usunie wybraną skórkę. Tej akcji nie można odwrócić."
+  },
+  "app.skins.delete-modal.title": {
+    "message": "Czy na pewno chcesz usunąć tą skórkę?"
+  },
+  "app.skins.dropped-file-error.text": {
+    "message": "Nie udało się odczytać wybranego pliku."
+  },
+  "app.skins.dropped-file-error.title": {
+    "message": "Błąd podczas przetwarzania pliku"
  },
  "app.skins.edit-button": {
    "message": "Edytuj skina"
@@ -344,20 +368,35 @@
  "app.skins.modal.add-title": {
    "message": "Dodawanie skina"
  },
+  "app.skins.modal.arm-style-section": {
+    "message": "Styl ramion"
+  },
+  "app.skins.modal.arm-style-slim": {
+    "message": "Smukły"
+  },
+  "app.skins.modal.arm-style-wide": {
+    "message": "Szeroki"
+  },
  "app.skins.modal.cape-fallback-name": {
    "message": "Peleryna"
  },
  "app.skins.modal.cape-section": {
-    "message": "Pelerynki"
+    "message": "Peleryny"
  },
  "app.skins.modal.edit-title": {
    "message": "Edytuj skina"
  },
+  "app.skins.modal.make-edit-first-tooltip": {
+    "message": "Wpierw zmień jakoś skórkę!"
+  },
  "app.skins.modal.no-cape-tooltip": {
    "message": "Brak peleryny"
  },
  "app.skins.modal.none-cape-option": {
-    "message": "Nic"
+    "message": "Brak"
+  },
+  "app.skins.modal.replace-texture-button": {
+    "message": "Zamień teksturę"
  },
  "app.skins.modal.save-skin-button": {
    "message": "Zapisz skina"
@@ -368,29 +407,74 @@
  "app.skins.modal.texture-section": {
    "message": "Tekstura"
  },
+  "app.skins.modal.upload-skin-first-tooltip": {
+    "message": "Wpierw prześlij skórkę!"
+  },
  "app.skins.preview.edit-button": {
-    "message": "Edytuj skina"
+    "message": "Edytuj skórkę"
+  },
+  "app.skins.previewing-badge": {
+    "message": "Podgląd"
+  },
+  "app.skins.rate-limit.text": {
+    "message": "Zbyt często zmieniasz swoją skórkę. Serwery Mojang tymczasowo zablokowały dalsze żądania. Odczekaj chwilę i spróbuj ponownie."
  },
  "app.skins.rate-limit.title": {
    "message": "Zwolnij!"
  },
+  "app.skins.section.builders-and-biomes": {
+    "message": "Builders & Biomes"
+  },
+  "app.skins.section.chase-the-skies": {
+    "message": "Chase the Skies"
+  },
  "app.skins.section.default-skins": {
-    "message": "Domyślne skiny"
+    "message": "Domyślne skórki"
  },
  "app.skins.section.minecon-earth-2017": {
    "message": "MINECON Earth 2017"
  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Duma Modrinth"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Zdobyłeś te skórki poprzez dotację na zbiórkę Dumy Modrinth w okresie Miesiąca Dumy."
+  },
+  "app.skins.section.mounts-of-mayhem": {
+    "message": "Mounts of Mayhem"
+  },
+  "app.skins.section.saved-skins": {
+    "message": "Zapisane skórki"
+  },
+  "app.skins.section.striding-hero": {
+    "message": "Striding Hero"
+  },
+  "app.skins.section.the-copper-age": {
+    "message": "The Copper Age"
+  },
+  "app.skins.section.the-garden-awakens": {
+    "message": "The Garden Awakens"
+  },
+  "app.skins.section.tiny-takeover": {
+    "message": "Tiny Takeover"
+  },
  "app.skins.sign-in.button": {
-    "message": "Zaloguj Się"
+    "message": "Zaloguj się"
+  },
+  "app.skins.sign-in.description": {
+    "message": "Zaloguj się na konto Minecraft, by móc zarządzać skórkami poprzez Modrinth App."
+  },
+  "app.skins.sign-in.rinthbot-alt": {
+    "message": "Podekscytowany Modrinth Bot"
  },
  "app.skins.sign-in.title": {
-    "message": "Proszę zaloguj się"
+    "message": "Zaloguj się"
  },
  "app.skins.title": {
-    "message": "Wybierz skina"
-  },
-  "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."
+    "message": "Wybierz skórkę"
  },
  "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."
@@ -422,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"
  },
@@ -1,6 +1,6 @@
 {
  "app.action-bar.downloading-java": {
-    "message": "Baixando java {version}"
+    "message": "Baixando Java {version}"
  },
  "app.action-bar.downloads": {
    "message": "Downloads"
@@ -9,19 +9,19 @@
    "message": "Ocultar mais instâncias em execução"
  },
  "app.action-bar.make-primary-instance": {
-    "message": "Criar instância primária"
+    "message": "Tornar instância principal"
  },
  "app.action-bar.no-instances-running": {
    "message": "Nenhuma instância em execução"
  },
  "app.action-bar.offline": {
-    "message": "Offline"
+    "message": "Inativo"
  },
  "app.action-bar.primary-instance": {
-    "message": "Instância primária"
+    "message": "Instância principal"
  },
  "app.action-bar.show-more-running-instances": {
-    "message": "Mostrar mais instâncias em execução"
+    "message": "Exibir mais instâncias em execução"
  },
  "app.action-bar.stop-instance": {
    "message": "Parar instância"
@@ -33,10 +33,10 @@
    "message": "Ver instância"
  },
  "app.action-bar.view-logs": {
-    "message": "Ver logs"
+    "message": "Ver registros"
  },
  "app.appearance-settings.advanced-rendering.description": {
-    "message": "Ativa a renderização avançada, como efeitos de desfoque que podem causar problemas de desempenho sem a renderização acelerada de hardware."
+    "message": "Ativa a renderização avançada, como desfoque que talvez afete o desempenho sem renderização acelerada do hardware."
  },
  "app.appearance-settings.advanced-rendering.title": {
    "message": "Renderização avançada"
@@ -45,10 +45,10 @@
    "message": "Selecione seu tema de cores preferido para o Modrinth App."
  },
  "app.appearance-settings.color-theme.title": {
-    "message": "Tema de Cores"
+    "message": "Tema de cores"
  },
  "app.appearance-settings.default-landing-page.description": {
-    "message": "Alterar a página em que o launcher é aberto."
+    "message": "Altera a página que o launcher é aberto."
  },
  "app.appearance-settings.default-landing-page.home": {
    "message": "Início"
@@ -60,25 +60,25 @@
    "message": "Página inicial padrão"
  },
  "app.appearance-settings.hide-nametag.description": {
-    "message": "Desativa o nome acima do seu jogador na página de skins."
+    "message": "Desativa o nametag acima do seu jogador na página de Skins."
  },
  "app.appearance-settings.hide-nametag.title": {
-    "message": "Ocultar nome"
+    "message": "Ocultar nametag"
  },
  "app.appearance-settings.jump-back-into-worlds.description": {
-    "message": "Inclui mundos recentes na seção \"Voltar à ação\" na página inicial."
+    "message": "Inclui mundos recentes na seção \"Retomar\" na página inicial."
  },
  "app.appearance-settings.jump-back-into-worlds.title": {
-    "message": "Volte aos mundos"
+    "message": "Retomar aos mundos"
  },
  "app.appearance-settings.minimize-launcher.description": {
-    "message": "Minimize o launcher quando um processo do Minecraft for iniciado."
+    "message": "Minimize o launcher assim que algum processo do Minecraft iniciar."
  },
  "app.appearance-settings.minimize-launcher.title": {
    "message": "Minimizar launcher"
  },
  "app.appearance-settings.native-decorations.description": {
-    "message": "Usar molduras de janela do sistema (requer reiniciar o aplicativo)."
+    "message": "Usar molduras de janela do sistema (exige reinicialização do aplicativo)."
  },
  "app.appearance-settings.native-decorations.title": {
    "message": "Decorações nativas"
@@ -86,14 +86,20 @@
  "app.appearance-settings.select-option": {
    "message": "Selecione uma opção"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Exibe a quantidade de tempo jogado de uma instância."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Exibir tempo jogado"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
-    "message": "Ativa a capacidade de alternar a visibilidade da barra lateral."
+    "message": "Permite alternar a barra lateral."
  },
  "app.appearance-settings.toggle-sidebar.title": {
    "message": "Alternar barra lateral"
  },
  "app.appearance-settings.unknown-pack-warning.description": {
-    "message": "Se você tentar instalar um arquivo Modrinth Pack (.mrpack) que não esteja hospedado no Modrinth, garantiremos que você entenda os riscos antes de instalá-lo."
+    "message": "Se você tentar instalar um arquivo Modrinth Pack (.mrpack) não hospedado no Modrinth, garantiremos que você entenda os riscos antes de instalá-lo."
  },
  "app.appearance-settings.unknown-pack-warning.title": {
    "message": "Avise-me antes de instalar pacotes de mods desconhecidos"
@@ -123,13 +129,13 @@
    "message": "Já adicionado"
  },
  "app.browse.back-to-instance": {
-    "message": "Voltar a instância"
+    "message": "Voltar à instância"
  },
  "app.browse.discover-content": {
-    "message": "Descubra conteúdo"
+    "message": "Descobrir conteúdo"
  },
  "app.browse.discover-servers": {
-    "message": "Descubra servidores"
+    "message": "Descobrir servidores"
  },
  "app.browse.hide-added-servers": {
    "message": "Ocultar servidores já adicionados"
@@ -138,11 +144,14 @@
    "message": "Pacotes de mods"
  },
  "app.browse.server-instance-content-warning": {
-    "message": "Adicionar conteúdo pode quebrar a compatibilidade ao entrar no servidor. Qualquer conteúdo adicionado também será perdido ao atualizar o conteúdo da instância do servidor."
+    "message": "Adicionar conteúdo talvez quebre a compatibilidade ao entrar no servidor. Qualquer conteúdo adicionado será perdido ao atualizar o conteúdo da instância do servidor."
  },
  "app.browse.server.installing": {
    "message": "Instalando"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Nenhuma versão disponível corresponde a {compatibilityLabel}. Selecione uma versão para instalar mesmo assim. As dependências não serão instaladas automaticamente."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -168,7 +177,7 @@
    "message": "Nome do pacote de mods"
  },
  "app.export-modal.select-files-label": {
-    "message": "Configure quais arquivos serão incluídos nessa exportação"
+    "message": "Configure quais arquivos serão incluídos na exportação"
  },
  "app.export-modal.version-number-label": {
    "message": "Número da versão"
@@ -177,7 +186,7 @@
    "message": "1.0.0"
  },
  "app.instance.confirm-delete.admonition-body": {
-    "message": "Todos os dados da sua instância serão permanentemente excluídos, incluindo seus mundos, configurações e todo o conteúdo instalado."
+    "message": "Todos os dados para sua instância serão excluídos permanentemente, incluindo seus mundos, configs e todo o conteúdo instalado."
  },
  "app.instance.confirm-delete.admonition-header": {
    "message": "Esta ação não pode ser desfeita"
@@ -189,7 +198,7 @@
    "message": "Excluir instância"
  },
  "app.instance.modpack-already-installed.body": {
-    "message": "Este pacote de mods já está instalado na instância <bold>{instanceName}</bold>. Tem certeza de que deseja duplicá-lo?"
+    "message": "Este pacote de mods já foi instalado na instância <bold>{instanceName}</bold>. Deseja mesmo duplicá-lo?"
  },
  "app.instance.modpack-already-installed.create": {
    "message": "Criar"
@@ -210,10 +219,10 @@
    "message": "{count} projetos foram adicionados"
  },
  "app.instance.mods.share-text": {
-    "message": "Confira os projetos que estou usando no meu pacote de mods!"
+    "message": "Dê uma olhada nos projetos que estou usando no meu pacote de mods!"
  },
  "app.instance.mods.share-title": {
-    "message": "Compartilhando conteúdo do pacote de mods\n\n\n    \t\t\t\t\t\t\n    \t\t\t\t\t\t\t\n    \t\t\t\t\t\t\n    \t\t\t\t\t\t"
+    "message": "Compartilhando conteúdo do pacote de mods"
  },
  "app.instance.mods.successfully-uploaded": {
    "message": "Adicionado com sucesso"
@@ -225,19 +234,19 @@
    "message": "Explorar servidores"
  },
  "app.instance.worlds.delete-world-description": {
-    "message": "'{name}' será excluído permanentemente, e não haverá como recuperá-lo."
+    "message": "'{name}' será **excluído permanentemente**, e não poderá ser recuperado."
  },
  "app.instance.worlds.delete-world-title": {
-    "message": "Tem certeza de que deseja excluir este mundo permanentemente?"
+    "message": "Deseja mesmo excluir este mundo permanentemente?"
  },
  "app.instance.worlds.filter-modded": {
    "message": "Modificado"
  },
  "app.instance.worlds.filter-offline": {
-    "message": "Offline"
+    "message": "Inativo"
  },
  "app.instance.worlds.filter-online": {
-    "message": "Online"
+    "message": "Ativo"
  },
  "app.instance.worlds.filter-vanilla": {
    "message": "Jogo padrão"
@@ -249,13 +258,13 @@
    "message": "Nenhum servidor ou mundo adicionado"
  },
  "app.instance.worlds.remove-server-description": {
-    "message": "'{name}' será removido da sua lista, inclusive no jogo, e não haverá como recuperá-lo."
+    "message": "'{name}' será removido da lista, inclusive no jogo, e não poderá ser recuperado."
  },
  "app.instance.worlds.remove-server-description-with-address": {
-    "message": "'{name}' ({address}) será removido da sua lista, inclusive no jogo, e não haverá como recuperá-lo."
+    "message": "'{name}' ({address}) será removido da lista, inclusive no jogo, e não poderá ser recuperado."
  },
  "app.instance.worlds.remove-server-title": {
-    "message": "Tem certeza de que deseja remover {name}?"
+    "message": "Deseja mesmo remover {name}?"
  },
  "app.instance.worlds.search-worlds-placeholder": {
    "message": "Buscar {count} mundos..."
@@ -276,7 +285,7 @@
    "message": "Pacote de mods necessário"
  },
  "app.modal.install-to-play.server-requires-mods": {
-    "message": "Este servidor requer mods para jogar. Clique em Instalar para configurar os arquivos necessários a partir do Modrinth, e iniciar diretamente no servidor."
+    "message": "Este servidor exige mods para jogar. Clique em instalar para configurar os arquivos necessários através do Modrinth, e então iniciar diretamente no servidor."
  },
  "app.modal.install-to-play.shared-instance": {
    "message": "Instância compartilhada"
@@ -285,7 +294,7 @@
    "message": "Instância de servidor compartilhada"
  },
  "app.modal.install-to-play.view-contents": {
-    "message": "Ver conteúdos"
+    "message": "Ver conteúdo"
  },
  "app.modal.update-to-play.header": {
    "message": "Atualize para jogar"
@@ -294,19 +303,19 @@
    "message": "Atualização necessária"
  },
  "app.modal.update-to-play.update-required-description": {
-    "message": "É necessária uma atualização para jogar {name}. Atualize para a versão mais recente para iniciar o jogo."
+    "message": "Uma atualização é necessária para jogar {name}. Atualize para a versão mais recente para iniciar o jogo."
  },
  "app.project.install-button.already-installed": {
    "message": "Este projeto já foi instalado"
  },
  "app.project.install-context.back-to-browse": {
-    "message": "Voltar ao descobrir"
+    "message": "Voltar a descobrir"
  },
  "app.project.install-context.install-content-to-instance": {
    "message": "Instalar conteúdo para a instância"
  },
  "app.settings.developer-mode-enabled": {
-    "message": "Modo de desenvolvedor ativado."
+    "message": "Modo desenvolvedor ativado."
  },
  "app.settings.downloading": {
    "message": "Baixando v{version}"
@@ -342,16 +351,16 @@
    "message": "Excluir skin"
  },
  "app.skins.delete-modal.description": {
-    "message": "Isto permanentemente deletará a skin selecionada. Esta ação não pode ser desfeita."
+    "message": "Isso excluirá permanentemente a skin. Esta ação não pode ser desfeita."
  },
  "app.skins.delete-modal.title": {
-    "message": "Tem certeza de que deseja excluir esta skin?"
+    "message": "Deseja mesmo excluir esta skin?"
  },
  "app.skins.dropped-file-error.text": {
    "message": "Falha ao ler o arquivo solto."
  },
  "app.skins.dropped-file-error.title": {
-    "message": "Erro ao processar o arquivo"
+    "message": "Erro ao processar arquivo"
  },
  "app.skins.edit-button": {
    "message": "Editar skin"
@@ -360,7 +369,7 @@
    "message": "Adicionar skin"
  },
  "app.skins.modal.add-title": {
-    "message": "Adicionando skin"
+    "message": "Adicionando uma skin"
  },
  "app.skins.modal.arm-style-section": {
    "message": "Estilo do braço"
@@ -375,13 +384,13 @@
    "message": "Capa"
  },
  "app.skins.modal.cape-section": {
-    "message": "Capa"
+    "message": "Capas"
  },
  "app.skins.modal.edit-title": {
-    "message": "Editando skin"
+    "message": "Editando a skin"
  },
  "app.skins.modal.make-edit-first-tooltip": {
-    "message": "Primeiro, faça uma edição na skin!"
+    "message": "Primeiramente, faça uma edição na skin!"
  },
  "app.skins.modal.no-cape-tooltip": {
    "message": "Sem capa"
@@ -402,19 +411,19 @@
    "message": "Textura"
  },
  "app.skins.modal.upload-skin-first-tooltip": {
-    "message": "Primeiro, faça o envio de uma skin!"
+    "message": "Primeiramente, envie uma skin!"
  },
  "app.skins.preview.edit-button": {
    "message": "Editar skin"
  },
  "app.skins.previewing-badge": {
-    "message": "Pré-visualizando"
+    "message": "Prévia"
  },
  "app.skins.rate-limit.text": {
-    "message": "Você está trocando de skin com muita frequência. Os servidores da Mojang bloquearam temporariamente novas solicitações. Aguarde um momento antes de tentar novamente."
+    "message": "Você está mudando de skin muitas vezes. Os servidores da Mojang bloquearam temporariamente novas solicitações. Aguarde um momento antes de tentar novamente."
  },
  "app.skins.rate-limit.title": {
-    "message": "Vá mais devagar!"
+    "message": "Mais lento!"
  },
  "app.skins.section.builders-and-biomes": {
    "message": "Construtores & Biomas"
@@ -432,10 +441,10 @@
    "message": "Modrinth"
  },
  "app.skins.section.modrinth-pride": {
-    "message": "Orgulho LGBTQIA+ do Modrinth"
+    "message": "Modrinth Pride"
  },
  "app.skins.section.modrinth-pride.tooltip": {
-    "message": "Você recebeu estas skins por doar para uma campanha de arrecadação de fundos do Orgulho LGBTQIA+ do Modrinth durante o Mês do Orgulho."
+    "message": "Você recebeu estas skins por doar para uma campanha de arrecadação do Modrinth Pride durante o Mês de Orgulho."
  },
  "app.skins.section.mounts-of-mayhem": {
    "message": "Mounts of Mayhem"
@@ -456,7 +465,7 @@
    "message": "Tiny Takeover"
  },
  "app.skins.sign-in.button": {
-    "message": "Fazer login"
+    "message": "Iniciar sessão"
  },
  "app.skins.sign-in.description": {
    "message": "Faça login na sua conta do Minecraft para usar os recursos de gerenciamento de skins do Modrinth app."
@@ -465,13 +474,10 @@
    "message": "Modrinth Bot animado"
  },
  "app.skins.sign-in.title": {
-    "message": "Por favor, faça login"
+    "message": "Por favor, inicie sessão"
  },
  "app.skins.title": {
-    "message": "Seletor de skin"
-  },
-  "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."
+    "message": "Seletor de skins"
  },
  "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."
@@ -480,7 +486,7 @@
    "message": "O Modrinth App v{version} está disponível. Use seu gerenciador de pacotes para atualizar e obter os recursos e correções mais recentes!"
  },
  "app.update-popup.body.metered": {
-    "message": "O Modrinth App v{version} já está disponível! Como você está em uma rede limitada, não o baixamos automaticamente."
+    "message": "O Modrinth App v{version} já está disponível! Já que sua rede é limitada, não a instalamos automaticamente."
  },
  "app.update-popup.changelog": {
    "message": "Mudanças"
@@ -489,7 +495,7 @@
    "message": "Baixar ({size})"
  },
  "app.update-popup.download-complete": {
-    "message": "Download concluído"
+    "message": "Instalação concluída"
  },
  "app.update-popup.reload": {
    "message": "Recarregar"
@@ -503,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"
  },
@@ -525,22 +522,25 @@
    "message": "Ainda não jogado"
  },
  "app.world.world-item.offline": {
-    "message": "Offline"
+    "message": "Inativo"
  },
  "app.world.world-item.players-online": {
-    "message": "{count} online"
+    "message": "{count} ativo(s)"
  },
  "friends.action.add-friend": {
-    "message": "Adicionar um amigo"
+    "message": "Adicionar amigo"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, one {pedido} other {pedidos}} de amizade"
  },
  "friends.add-friend.submit": {
-    "message": "Enviar amizade"
+    "message": "Enviar pedido de amizade"
  },
  "friends.add-friend.title": {
-    "message": "Adicionando amigo"
+    "message": "Adicionar um amigo"
  },
  "friends.add-friend.username.description": {
-    "message": "Pode ser diferente do nome que ele usa no Minecraft!"
+    "message": "Pode diferir do nome de usuário do Minecraft!"
  },
  "friends.add-friend.username.placeholder": {
    "message": "Insira o nome de usuário..."
@@ -816,13 +816,13 @@
    "message": "Servidor de Minecraft"
  },
  "instance.worlds.cant_connect": {
-    "message": "Não foi possível se conectar ao servidor"
+    "message": "Não foi possível conectar ao servidor"
  },
  "instance.worlds.copy_address": {
    "message": "Copiar endereço"
  },
  "instance.worlds.dont_show_on_home": {
-    "message": "Não mostrar na tela inicial"
+    "message": "Não mostrar no início"
  },
  "instance.worlds.game_already_open": {
    "message": "A instância já está aberta"
@@ -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"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Выберите вариант"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Показывать время, проведённое в сборке."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Время игры"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Показывать кнопку скрытия боковой панели."
  },
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "Установка"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Не найдено доступных версий, совместимых с {compatibilityLabel}. Выберите версию для установки вручную. Зависимости не будут установлены автоматически."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -396,7 +405,7 @@
    "message": "Предпросмотр"
  },
  "app.skins.rate-limit.text": {
-    "message": "Слишком частая смена скина. Серверы Mojang временно заблокировали дальнейшие запросы. Подождите немного, прежде чем попробовать снова."
+    "message": "Вы слишком часто меняете скин. Серверы Mojang временно заблокировали дальнейшие запросы. Подождите немного, прежде чем попробовать снова."
  },
  "app.skins.rate-limit.title": {
    "message": "Не так быстро!"
@@ -416,6 +425,12 @@
  "app.skins.section.modrinth": {
    "message": "Modrinth"
  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth Pride"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Эти скины получены за участие в сборе средств Modrinth Pride в месяц гордости."
+  },
  "app.skins.section.mounts-of-mayhem": {
    "message": "Mounts of Mayhem"
  },
@@ -438,7 +453,7 @@
    "message": "Войти"
  },
  "app.skins.sign-in.description": {
-    "message": "Чтобы использовать функции управления скинами Modrinth App, войдите в свою учётную запись Minecraft."
+    "message": "Пожалуйста, войдите в свой аккаунт Minecraft, чтобы воспользоваться функциями управления скинами в приложении Modrinth."
  },
  "app.skins.sign-in.rinthbot-alt": {
    "message": "Восторженный Modrinth Bot"
@@ -449,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} завершено. Перезапустите приложение, чтобы обновить его, или оно обновится автоматически после закрытия."
  },
@@ -482,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"
  },
@@ -47,12 +47,21 @@
  "app.appearance-settings.color-theme.title": {
    "message": "Färgtema"
  },
+  "app.appearance-settings.default-landing-page.description": {
+    "message": "Ändrar sidan som launchern öppnas på."
+  },
  "app.appearance-settings.default-landing-page.home": {
    "message": "Hem"
  },
  "app.appearance-settings.default-landing-page.library": {
    "message": "Bibliotek"
  },
+  "app.appearance-settings.default-landing-page.title": {
+    "message": "Standardlandingssida"
+  },
+  "app.appearance-settings.hide-nametag.description": {
+    "message": "Inaktiverar namnskylten ovanför din spelare på utseende-sidan."
+  },
  "app.appearance-settings.hide-nametag.title": {
    "message": "Dölj namnskylt"
  },
@@ -68,12 +77,21 @@
  "app.appearance-settings.select-option": {
    "message": "Välj ett alternativ"
  },
+  "app.appearance-settings.toggle-sidebar.description": {
+    "message": "Låter dig växla sidofältet."
+  },
+  "app.appearance-settings.toggle-sidebar.title": {
+    "message": "Växla sidofält"
+  },
  "app.auth-servers.unreachable.body": {
    "message": "Minecrafts autentiseringsservrar kan vara nere just nu. Kontrollera din internetanslutning och försök igen senare."
  },
  "app.auth-servers.unreachable.header": {
    "message": "Kan ej nå autentiseringsservrarna"
  },
+  "app.browse.add-to-an-instance": {
+    "message": "Lägg till i en instans"
+  },
  "app.browse.add-to-instance": {
    "message": "Lägg till i instans"
  },
@@ -86,12 +104,18 @@
  "app.browse.already-added": {
    "message": "Redan tillagd"
  },
+  "app.browse.back-to-instance": {
+    "message": "Tillbaka till instans"
+  },
  "app.browse.discover-content": {
    "message": "Upptäck innehåll"
  },
  "app.browse.discover-servers": {
    "message": "Upptäck servrar"
  },
+  "app.browse.hide-added-servers": {
+    "message": "Dölj servrar som redan är tillagda"
+  },
  "app.browse.project-type.modpacks": {
    "message": "Modpaket"
  },
@@ -101,6 +125,9 @@
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
+  "app.creation-modal.installing-modpack.title": {
+    "message": "Installerar modpaket..."
+  },
  "app.export-modal.description-placeholder": {
    "message": "Ange modpaketets beskrivning..."
  },
@@ -326,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."
  },
@@ -359,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"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Bir seçenek seçin"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Bir oyun oturumunda ne kadar zaman geçirdiğinizi gösterir."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Oynama Süresini Göster"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Kenar çubuğunu ayarlama özelliğini aktifleştirir."
  },
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "Yükleniyor"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "Kullanılabilir sürümler {compatibilityLabel} ile eşleşmiyor. Yine de kurulacak bir sürüm seçin. Bağımlılıklar otomatik olarak yüklenmeyecektir."
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -165,7 +174,7 @@
    "message": "Mod Paketi Adı"
  },
  "app.export-modal.modpack-name-placeholder": {
-    "message": "Modpaketi adı"
+    "message": "Mod paketi adı"
  },
  "app.export-modal.select-files-label": {
    "message": "Bu dışa aktarmaya hangi dosyaların dahil edileceğini yapılandırma"
@@ -183,10 +192,10 @@
    "message": "Bu eylem geri alınamaz"
  },
  "app.instance.confirm-delete.delete-button": {
-    "message": "Kurulumu sil"
+    "message": "Oturumu sil"
  },
  "app.instance.confirm-delete.header": {
-    "message": "Kurulumu sil"
+    "message": "Oturumu sil"
  },
  "app.instance.modpack-already-installed.body": {
    "message": "Bu mod paketi zaten <bold>{instanceName}</bold> kurulumunda yüklü. Kopyalamak istediğinizden emin misiniz?"
@@ -273,7 +282,7 @@
    "message": "Yükle"
  },
  "app.modal.install-to-play.mod-count": {
-    "message": "{count, plural,one {#mod}other {#modlar}}"
+    "message": "{count, plural, one {#mod} other {#mods}}"
  },
  "app.modal.install-to-play.required-modpack": {
    "message": "Gerekli mod paketi"
@@ -336,7 +345,7 @@
    "message": "Skin ekle"
  },
  "app.skins.add-button.drag-and-drop": {
-    "message": "Sürükle bırak"
+    "message": "Sürükle ve bırak"
  },
  "app.skins.apply-button": {
    "message": "Uygula"
@@ -423,7 +432,7 @@
    "message": "İnşaatçılar & Biyomlar"
  },
  "app.skins.section.chase-the-skies": {
-    "message": "Chase the Skies"
+    "message": "Gökyüzünü kovala"
  },
  "app.skins.section.default-skins": {
    "message": "Varsayılan skinler"
@@ -431,23 +440,32 @@
  "app.skins.section.minecon-earth-2017": {
    "message": "MINECON Earth 2017"
  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth Onuru"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Bu skinleri, Onur Ayı boyunca Modrinth'in düzenlediği bir bağış kampanyasına yaptığınız bağış karşılığında aldınız."
+  },
  "app.skins.section.mounts-of-mayhem": {
-    "message": "Mounts of Mayhem"
+    "message": "Kaos Dağları"
  },
  "app.skins.section.saved-skins": {
    "message": "Kaydedilen Skinler"
  },
  "app.skins.section.striding-hero": {
-    "message": "Striding Hero"
+    "message": "Yürüyen Kahraman"
  },
  "app.skins.section.the-copper-age": {
-    "message": "The Copper Age"
+    "message": "Bakır Çağı"
  },
  "app.skins.section.the-garden-awakens": {
-    "message": "The Garden Awakens"
+    "message": "Bahçe Uyanıyor"
  },
  "app.skins.section.tiny-takeover": {
-    "message": "Tiny Takeover"
+    "message": "Küçük Devralma"
  },
  "app.skins.sign-in.button": {
    "message": "Giriş Yap"
@@ -464,11 +482,8 @@
  "app.skins.title": {
    "message": "Skin seçici"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} güncellemesi indirilmeye hazır! Hemen güncellemek için yeniden başlatın veya Modrinth App’i kapattığınızda otomatik olarak güncellenecek."
-  },
  "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üncellenecek."
+    "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."
  },
  "app.update-popup.body.linux": {
    "message": "Modrinth App v{version} yayımlandı. En yeni özellikler ve hata düzeltmeleri için paket yöneticin üzerinden güncelle!"
@@ -492,20 +507,11 @@
    "message": "Güncelleme mevcut"
  },
  "app.update.complete-toast.text": {
-    "message": "Değişiklikleri görüntülemek için buraya tıklayın."
+    "message": "Yama notlarını görüntülemek için buraya tıklayın."
  },
  "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"
  },
@@ -519,7 +525,7 @@
    "message": "Henüz oynanmadı"
  },
  "app.world.world-item.offline": {
-    "message": "Çevrim dışı"
+    "message": "Çevrimdışı"
  },
  "app.world.world-item.players-online": {
    "message": "{count} çevrimiçi"
@@ -555,16 +561,16 @@
    "message": "Arkadaşlık isteği gönderildi"
  },
  "friends.friend.view-profile": {
-    "message": "Profili gör"
+    "message": "Profili görüntüle"
  },
  "friends.heading": {
    "message": "Arkadaşlar"
  },
  "friends.heading.active": {
-    "message": "Aktif"
+    "message": "Çevrimiçi"
  },
  "friends.heading.offline": {
-    "message": "Çevrim dışı"
+    "message": "Çevrimdışı"
  },
  "friends.heading.online": {
    "message": "Çevrim içi"
@@ -630,7 +636,7 @@
    "message": "Adres"
  },
  "instance.server-modal.name": {
-    "message": "Ad"
+    "message": "Sunucu Adı"
  },
  "instance.server-modal.placeholder-name": {
    "message": "Minecraft Sunucusu"
@@ -657,7 +663,7 @@
    "message": "Çoğalt"
  },
  "instance.settings.tabs.general.duplicate-button.tooltip.installing": {
-    "message": "İndirilirken çoğaltılamaz."
+    "message": "Kurulurken çoğaltılamaz."
  },
  "instance.settings.tabs.general.duplicate-instance": {
    "message": "Profili çoğalt"
@@ -696,7 +702,7 @@
    "message": "Başlatma kancaları"
  },
  "instance.settings.tabs.hooks.custom-hooks": {
-    "message": "Özel başlatma kancası"
+    "message": "Özel başlatma kancaları"
  },
  "instance.settings.tabs.hooks.description": {
    "message": "Kancalar gelişmiş kullanıcıların oyunu başlattıktan önce ve sonra belirli sistem komutları çalıştırmasını sağlar."
@@ -723,13 +729,13 @@
    "message": "Oyun başlatma kancaları"
  },
  "instance.settings.tabs.hooks.wrapper": {
-    "message": "Sarmalayıcı"
+    "message": "Paketleyici"
  },
  "instance.settings.tabs.hooks.wrapper.description": {
-    "message": "Minecraft'ı başlatmak için sarmalayıcı komutu."
+    "message": "Minecraft'ı başlatmak için paketleyici komutu."
  },
  "instance.settings.tabs.hooks.wrapper.enter": {
-    "message": "Sarmalayıcı komutu girin..."
+    "message": "Paketleyici komutu girin..."
  },
  "instance.settings.tabs.installation": {
    "message": "Kurulum"
@@ -837,7 +843,7 @@
    "message": "Yalnızca Minecraft Alpha 1.0.5 veya daha yüksek sunuculara hızlıca girebilirsin"
  },
  "instance.worlds.no_singleplayer_quick_play": {
-    "message": "Yalnızca Minecraft 1.20 veya daha yüksek sürümlerde tek oyunculu dünyalara doğrudan girebilirsin"
+    "message": "Yalnızca Minecraft 1.20+ sürümlerde tek oyunculu dünyalara doğrudan girebilirsin"
  },
  "instance.worlds.play_instance": {
    "message": "Kurulumu oyna"
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Виберіть опцію"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Показує, скільки часу ви провели в цьому профілі."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Час гри"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Умикає можливість перемикання бокової панелі."
  },
@@ -419,6 +425,15 @@
  "app.skins.section.minecon-earth-2017": {
    "message": "MINECON Earth 2017"
  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth Pride"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "Ви отримали ці скіни за участь у благодійній акції Modrinth Pride під час місяця прайду."
+  },
  "app.skins.section.mounts-of-mayhem": {
    "message": "Mounts of Mayhem"
  },
@@ -452,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."
  },
@@ -485,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"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "Chọn một tuỳ chọn"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "Hiển thị thời gian bạn đã dành để chơi bằng một cấu hình."
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "Hiện thời gian chơi"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "Bật tính năng ẩn hiển thị thanh menu bên."
  },
@@ -272,9 +278,6 @@
  "app.modal.install-to-play.install-button": {
    "message": "Tải xuống"
  },
-  "app.modal.install-to-play.mod-count": {
-    "message": "{count, plural, one {# mod} other {# mods}}"
-  },
  "app.modal.install-to-play.required-modpack": {
    "message": "Yêu cầu modpack"
  },
@@ -438,7 +441,7 @@
    "message": "Modrinth Pride"
  },
  "app.skins.section.modrinth-pride.tooltip": {
-    "message": "Bạn đã được tặng những skin này sau khi quyên góp cho Modrinth trong tháng Lẩu Gà Bình Thuận thế giới."
+    "message": "Bạn đã được tặng những skin này sau khi quyên góp cho Modrinth trong tháng tự hào LGBT thế giới."
  },
  "app.skins.section.mounts-of-mayhem": {
    "message": "Mounts of Mayhem"
@@ -462,7 +465,7 @@
    "message": "Đăng nhập"
  },
  "app.skins.sign-in.description": {
-    "message": "Đặng nhập vào mội tài khoản Minecraft để sử dụng trình sửa Skin trong ứng dụng này."
+    "message": "Đặng nhập vào mội tài khoản Minecraft để đổi skin Skin trong ứng dụng này."
  },
  "app.skins.sign-in.rinthbot-alt": {
    "message": "Bot phấn khích"
@@ -471,10 +474,7 @@
    "message": "Đăng nhập đã"
  },
  "app.skins.title": {
-    "message": "Trình sửa 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."
+    "message": "Đổi skin"
  },
  "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."
@@ -506,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"
  },
@@ -536,9 +527,6 @@
  "friends.action.add-friend": {
    "message": "Thêm một người bạn"
  },
-  "friends.action.view-friend-requests": {
-    "message": "{count} yêu cầu kết bạn {count, plural, one {request} other {requests}}"
-  },
  "friends.add-friend.submit": {
    "message": "Gửi yêu cầu kết bạn"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "选择一个选项"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "显示你在每个实例中游玩的时间。"
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "显示总游玩时间"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "启用切换侧边栏的功能。"
  },
@@ -120,7 +126,7 @@
    "message": "已添加"
  },
  "app.browse.already-added": {
-    "message": "已添加过"
+    "message": "已经添加"
  },
  "app.browse.back-to-instance": {
    "message": "返回实例"
@@ -143,6 +149,9 @@
  "app.browse.server.installing": {
    "message": "安装中"
  },
+  "app.content-install.no-compatible-versions": {
+    "message": "没有与 {compatibilityLabel} 匹配的可用版本。如果仍要安装，请选择一个版本。依赖项将不会自动安装。"
+  },
  "app.creation-modal.installing-modpack.description": {
    "message": "{fileName}"
  },
@@ -411,7 +420,7 @@
    "message": "建造者与生物群系"
  },
  "app.skins.section.chase-the-skies": {
-    "message": "追逐苍穹"
+    "message": "追逐天空"
  },
  "app.skins.section.default-skins": {
    "message": "默认皮肤"
@@ -422,23 +431,29 @@
  "app.skins.section.modrinth": {
    "message": "Modrinth"
  },
+  "app.skins.section.modrinth-pride": {
+    "message": "Modrinth 精选"
+  },
+  "app.skins.section.modrinth-pride.tooltip": {
+    "message": "你在骄傲月期间为 Modrinth 的骄傲月筹款活动捐款，因此获得了这些皮肤。"
+  },
  "app.skins.section.mounts-of-mayhem": {
-    "message": "暴乱坐骑"
+    "message": "群骑纷争"
  },
  "app.skins.section.saved-skins": {
    "message": "已保存皮肤"
  },
  "app.skins.section.striding-hero": {
-    "message": "阔步英雄"
+    "message": "Striding Hero"
  },
  "app.skins.section.the-copper-age": {
    "message": "铜器时代"
  },
  "app.skins.section.the-garden-awakens": {
-    "message": "花园苏醒"
+    "message": "苍园觉醒"
  },
  "app.skins.section.tiny-takeover": {
-    "message": "微小占领"
+    "message": "小鬼当家"
  },
  "app.skins.sign-in.button": {
    "message": "登录"
@@ -455,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} 更新已下载完成！立即重启更新，或退出时自动安装。"
  },
@@ -488,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"
  },
@@ -86,6 +86,12 @@
  "app.appearance-settings.select-option": {
    "message": "選擇選項"
  },
+  "app.appearance-settings.show-play-time.description": {
+    "message": "顯示您在該實例的遊玩時間"
+  },
+  "app.appearance-settings.show-play-time.title": {
+    "message": "顯示遊玩時間"
+  },
  "app.appearance-settings.toggle-sidebar.description": {
    "message": "啟用切換側邊欄的功能。"
  },
@@ -320,8 +326,83 @@
  "app.settings.tabs.resource-management": {
    "message": "資源管理"
  },
-  "app.update-popup.body": {
-    "message": "Modrinth App v{version} 已準備好安裝！立即重新載入以更新，或在關閉 Modrinth App 時自動更新。"
+  "app.skins.add-button": {
+    "message": "新增皮膚"
+  },
+  "app.skins.apply-button": {
+    "message": "確認"
+  },
+  "app.skins.delete-button": {
+    "message": "刪除皮膚"
+  },
+  "app.skins.delete-modal.title": {
+    "message": "你確定要刪除這個皮膚嗎"
+  },
+  "app.skins.edit-button": {
+    "message": "編輯皮膚"
+  },
+  "app.skins.modal.add-skin-button": {
+    "message": "新增皮膚"
+  },
+  "app.skins.modal.add-title": {
+    "message": "正在新增皮膚"
+  },
+  "app.skins.modal.cape-fallback-name": {
+    "message": "披風"
+  },
+  "app.skins.modal.cape-section": {
+    "message": "披風"
+  },
+  "app.skins.modal.edit-title": {
+    "message": "編輯皮膚"
+  },
+  "app.skins.modal.no-cape-tooltip": {
+    "message": "無披風"
+  },
+  "app.skins.modal.none-cape-option": {
+    "message": "無"
+  },
+  "app.skins.modal.replace-texture-button": {
+    "message": "覆蓋材質包"
+  },
+  "app.skins.modal.save-skin-button": {
+    "message": "儲存皮膚"
+  },
+  "app.skins.modal.saving-tooltip": {
+    "message": "正在儲存"
+  },
+  "app.skins.modal.texture-section": {
+    "message": "材質包"
+  },
+  "app.skins.modal.upload-skin-first-tooltip": {
+    "message": "馬上新增一個皮膚"
+  },
+  "app.skins.preview.edit-button": {
+    "message": "編輯皮膚"
+  },
+  "app.skins.previewing-badge": {
+    "message": "正在預覽"
+  },
+  "app.skins.rate-limit.title": {
+    "message": "慢一點"
+  },
+  "app.skins.section.default-skins": {
+    "message": "預設皮膚"
+  },
+  "app.skins.section.modrinth": {
+    "message": "Modrinth"
+  },
+  "app.skins.section.saved-skins": {
+    "message": "皮膚已儲存"
+  },
+  "app.skins.sign-in.button": {
+    "message": "登入"
+  },
+  "app.skins.sign-in.title": {
+    "message": "請登入"
+  },
+  "app.skins.title": {
+    "message": "皮膚選擇"
  },
  "app.update-popup.body.download-complete": {
    "message": "Modrinth App v{version} 已完成下載！立即重新載入以更新，或在關閉 Modrinth App 時自動更新。"
@@ -353,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,38 @@
+<script setup lang="ts">
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	ServersManageAccessPage,
+} from '@modrinth/ui'
+import { useQueryClient } from '@tanstack/vue-query'
+import { openUrl } from '@tauri-apps/plugin-opener'
+
+const client = injectModrinthClient()
+const { serverId } = injectModrinthServerContext()
+const queryClient = useQueryClient()
+
+try {
+	await Promise.all([
+		queryClient.ensureQueryData({
+			queryKey: ['servers', 'users', 'v1', serverId],
+			queryFn: () => client.archon.server_users_v1.list(serverId),
+			staleTime: 30_000,
+		}),
+		queryClient.ensureQueryData({
+			queryKey: ['servers', 'v1', 'detail', serverId],
+			queryFn: () => client.archon.servers_v1.get(serverId),
+			staleTime: 30_000,
+		}),
+	])
+} catch {
+	// Let mounted layouts' useQuery surface errors; do not fail route setup.
+}
+
+function userProfileLink(username: string) {
+	return () => openUrl(`https://modrinth.com/user/${encodeURIComponent(username)}`)
+}
+</script>
+
+<template>
+	<ServersManageAccessPage :user-profile-link="userProfileLink" />
+</template>
@@ -1,7 +1,8 @@
+import Access from './Access.vue'
 import Backups from './Backups.vue'
 import Content from './Content.vue'
 import Files from './Files.vue'
 import Index from './Index.vue'
 import Overview from './Overview.vue'

-export { Backups, Content, Files, Index, Overview }
+export { Access, Backups, Content, Files, Index, Overview }
@@ -1227,6 +1227,15 @@ watch(
 	},
 )

+watch(
+	() => props.instance?.preferred_update_channel,
+	async (newValue, oldValue) => {
+		if (newValue !== oldValue) {
+			await initProjects('must_revalidate')
+		}
+	},
+)
+
 onUnmounted(() => {
 	isUnmounted = true
 	removeBeforeEach()
@@ -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?.()
+}
@@ -1,6 +1,6 @@
 import type { Labrinth } from '@modrinth/api-client'
 import type { ContentInstallInstance, ContentInstallProjectInfo, ContentItem } from '@modrinth/ui'
-import { createContext } from '@modrinth/ui'
+import { createContext, defineMessage, useVIntl } from '@modrinth/ui'
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import dayjs from 'dayjs'
@@ -34,7 +34,7 @@ import {
 } from '@/store/install.js'

 interface ModalRef {
-	show: () => void
+	show: (initialVersionId?: string) => void
 	hide: () => void
 }

@@ -42,19 +42,14 @@ interface ModpackAlreadyInstalledModalRef {
 	show: (instanceName: string, instancePath: string) => void
 }

-interface IncompatibilityWarningModalRef {
-	show: (
-		instance: GameInstance,
-		project: Labrinth.Projects.v2.Project,
-		versions: Labrinth.Versions.v2.Version[],
-		version: Labrinth.Versions.v2.Version,
-		callback: (versionId?: string) => void,
-	) => void
-}
-
 const LOADER_ORDER = ['vanilla', 'fabric', 'quilt', 'neoforge', 'forge']
 const SUPPORTED_LOADERS: Set<string> = new Set(['vanilla', 'forge', 'fabric', 'quilt', 'neoforge'])
 const VANILLA_COMPATIBLE_LOADERS: Set<string> = new Set(['minecraft', 'datapack'])
+const noCompatibleVersionsMessage = defineMessage({
+	id: 'app.content-install.no-compatible-versions',
+	defaultMessage:
+		'No available versions match {compatibilityLabel}. Select a version to install anyway. Dependencies will not be installed automatically.',
+})

 function sortLoaders(loaders: string[]): string[] {
 	return loaders.slice().sort((a, b) => {
@@ -91,7 +86,17 @@ export interface ContentInstallContext {
 	setModpackAlreadyInstalledModal: (ref: ModpackAlreadyInstalledModalRef) => void
 	handleModpackDuplicateCreateAnyway: () => Promise<void>
 	handleModpackDuplicateGoToInstance: (instancePath: string) => void
-	setIncompatibilityWarningModal: (ref: IncompatibilityWarningModalRef) => void
+	setIncompatibilityWarningModal: (ref: ModalRef) => void
+	incompatibilityWarningVersions: Ref<Labrinth.Versions.v2.Version[]>
+	incompatibilityWarningCurrentGameVersion: Ref<string>
+	incompatibilityWarningCurrentLoader: Ref<string>
+	incompatibilityWarningProjectType: Ref<string | undefined>
+	incompatibilityWarningProjectIconUrl: Ref<string | undefined>
+	incompatibilityWarningProjectName: Ref<string | undefined>
+	incompatibilityWarningMessage: Ref<string | undefined>
+	incompatibilityWarningInstalling: Ref<boolean>
+	handleIncompatibilityWarningInstall: (version: Labrinth.Versions.v2.Version) => Promise<void>
+	handleIncompatibilityWarningCancel: () => void
 	install: (
 		projectId: string,
 		versionId?: string | null,
@@ -113,6 +118,7 @@ export function createContentInstall(opts: {
 	router: Router
 	handleError: (err: unknown) => void
 }): ContentInstallContext {
+	const { formatMessage } = useVIntl()
 	const instances = ref<ContentInstallInstance[]>([])
 	const compatibleLoaders = ref<string[]>([])
 	const gameVersions = ref<string[]>([])
@@ -124,6 +130,14 @@ export function createContentInstall(opts: {

 	const projectInfo = ref<ContentInstallProjectInfo | null>(null)
 	const installingItems = ref<Map<string, ContentItem[]>>(new Map())
+	const incompatibilityWarningVersions = ref<Labrinth.Versions.v2.Version[]>([])
+	const incompatibilityWarningCurrentGameVersion = ref('')
+	const incompatibilityWarningCurrentLoader = ref('')
+	const incompatibilityWarningProjectType = ref<string | undefined>(undefined)
+	const incompatibilityWarningProjectIconUrl = ref<string | undefined>(undefined)
+	const incompatibilityWarningProjectName = ref<string | undefined>(undefined)
+	const incompatibilityWarningMessage = ref<string | undefined>(undefined)
+	const incompatibilityWarningInstalling = ref(false)

 	function addInstallingItem(
 		instancePath: string,
@@ -239,11 +253,15 @@ export function createContentInstall(opts: {

 	let modalRef: ModalRef | null = null
 	let modpackAlreadyInstalledModalRef: ModpackAlreadyInstalledModalRef | null = null
-	let incompatibilityWarningModalRef: IncompatibilityWarningModalRef | null = null
+	let incompatibilityWarningModalRef: ModalRef | null = null
 	let currentProject: Labrinth.Projects.v2.Project | null = null
 	let currentVersions: Labrinth.Versions.v2.Version[] = []
 	let currentCallback: (versionId?: string) => void = () => {}
 	let profileMap: Record<string, GameInstance> = {}
+	let incompatibilityWarningInstance: GameInstance | null = null
+	let incompatibilityWarningProject: Labrinth.Projects.v2.Project | null = null
+	let incompatibilityWarningCallback: (versionId?: string) => void = () => {}
+	let incompatibilityWarningInstalled = false

 	let pendingModpackInstall: {
 		project: Labrinth.Projects.v2.Project
@@ -410,15 +428,35 @@ export function createContentInstall(opts: {
 	async function handleInstallToInstance(instance: ContentInstallInstance) {
 		const profile = profileMap[instance.id]
 		const storeInstance = instances.value.find((i) => i.id === instance.id)
-		if (storeInstance) storeInstance.installing = true
+		if (!currentProject || !profile) {
+			opts.handleError('No project or instance found')
+			return
+		}

 		const version = findPreferredVersion(currentVersions, currentProject, profile)
 		if (!version) {
-			if (storeInstance) storeInstance.installing = false
-			opts.handleError('No compatible version found')
+			if (currentVersions.length > 0 && incompatibilityWarningModalRef) {
+				const onIncompatibleInstall = (versionId?: string) => {
+					if (versionId && storeInstance) {
+						storeInstance.installed = true
+					}
+					currentCallback(versionId)
+				}
+				await showIncompatibilityWarning(
+					profile,
+					currentProject,
+					currentVersions,
+					currentVersions[0],
+					onIncompatibleInstall,
+				)
+			} else {
+				opts.handleError('No version found')
+			}
 			return
 		}

+		if (storeInstance) storeInstance.installing = true
+
 		const installedProjectIds: string[] = []
 		if (currentProject) {
 			addInstallingItem(instance.id, currentProject, version)
@@ -458,6 +496,73 @@ export function createContentInstall(opts: {
 		}
 	}

+	async function showIncompatibilityWarning(
+		instance: GameInstance,
+		project: Labrinth.Projects.v2.Project,
+		versions: Labrinth.Versions.v2.Version[],
+		version: Labrinth.Versions.v2.Version,
+		callback: (versionId?: string) => void,
+	) {
+		incompatibilityWarningInstance = instance
+		incompatibilityWarningProject = project
+		incompatibilityWarningCallback = callback
+		incompatibilityWarningInstalled = false
+		incompatibilityWarningInstalling.value = false
+		incompatibilityWarningVersions.value = versions
+		incompatibilityWarningCurrentGameVersion.value = instance.game_version ?? ''
+		incompatibilityWarningCurrentLoader.value = instance.loader ?? ''
+		incompatibilityWarningProjectType.value = project.project_type
+		incompatibilityWarningProjectIconUrl.value = project.icon_url ?? undefined
+		incompatibilityWarningProjectName.value = project.title
+
+		const compatibilityLabel =
+			project.project_type === 'resourcepack' || project.project_type === 'datapack'
+				? (instance.game_version ?? '')
+				: `${instance.loader ?? ''} ${instance.game_version ?? ''}`.trim()
+		incompatibilityWarningMessage.value = formatMessage(noCompatibleVersionsMessage, {
+			compatibilityLabel,
+		})
+
+		await nextTick()
+		incompatibilityWarningModalRef?.show(version.id)
+		trackEvent('ProjectInstallStart', { source: 'ProjectIncompatibilityWarningModal' })
+	}
+
+	async function handleIncompatibilityWarningInstall(version: Labrinth.Versions.v2.Version) {
+		if (!incompatibilityWarningInstance || !incompatibilityWarningProject) return
+
+		incompatibilityWarningInstalling.value = true
+		try {
+			await add_project_from_version(incompatibilityWarningInstance.path, version.id, 'standalone')
+		} catch (err) {
+			opts.handleError(err)
+			incompatibilityWarningInstalling.value = false
+			return
+		}
+
+		incompatibilityWarningInstalling.value = false
+		incompatibilityWarningInstalled = true
+		incompatibilityWarningCallback(version.id)
+		incompatibilityWarningModalRef?.hide()
+
+		trackEvent('ProjectInstall', {
+			loader: incompatibilityWarningInstance.loader,
+			game_version: incompatibilityWarningInstance.game_version,
+			id: incompatibilityWarningProject.id,
+			version_id: version.id,
+			project_type: incompatibilityWarningProject.project_type,
+			title: incompatibilityWarningProject.title,
+			source: 'ProjectIncompatibilityWarningModal',
+		})
+	}
+
+	function handleIncompatibilityWarningCancel() {
+		if (!incompatibilityWarningInstalled) {
+			incompatibilityWarningCallback()
+		}
+		incompatibilityWarningInstalled = false
+	}
+
 	async function handleCreateAndInstall(data: {
 		name: string
 		iconPath: string | null
@@ -614,7 +719,7 @@ export function createContentInstall(opts: {
 					removeInstallingItems(instancePath, installedProjectIds)
 				}
 			} else {
-				incompatibilityWarningModalRef?.show(instance, project, projectVersions, version, callback)
+				await showIncompatibilityWarning(instance, project, projectVersions, version, callback)
 			}
 		} else {
 			let versions = (
@@ -668,9 +773,19 @@ export function createContentInstall(opts: {
 			pendingModpackInstall = null
 			opts.router.push(`/instance/${encodeURIComponent(instancePath)}`)
 		},
-		setIncompatibilityWarningModal(ref: IncompatibilityWarningModalRef) {
+		setIncompatibilityWarningModal(ref: ModalRef) {
 			incompatibilityWarningModalRef = ref
 		},
+		incompatibilityWarningVersions,
+		incompatibilityWarningCurrentGameVersion,
+		incompatibilityWarningCurrentLoader,
+		incompatibilityWarningProjectType,
+		incompatibilityWarningProjectIconUrl,
+		incompatibilityWarningProjectName,
+		incompatibilityWarningMessage,
+		incompatibilityWarningInstalling,
+		handleIncompatibilityWarningInstall,
+		handleIncompatibilityWarningCancel,
 		install,
 		installingItems,
 	}
@@ -1,6 +1,7 @@
 import type { AbstractPopupNotificationManager, AbstractWebNotificationManager } from '@modrinth/ui'

 import { setupCreationModal } from './setup/creation-modal'
+import { setupFileDropProvider } from './setup/file-drop'
 import { setupFilePickerProvider } from './setup/file-picker'
 import { setupInstanceImportProvider } from './setup/instance-import'
 import { setupTagsProvider } from './setup/tags'
@@ -10,6 +11,7 @@ export function setupProviders(
 	popupNotificationManager: AbstractPopupNotificationManager,
 ) {
 	setupTagsProvider(notificationManager)
+	setupFileDropProvider()
 	setupFilePickerProvider()
 	setupInstanceImportProvider(notificationManager)

@@ -0,0 +1,62 @@
+import { provideFileDrop } from '@modrinth/ui'
+import { invoke } from '@tauri-apps/api/core'
+import type { DragDropEvent } from '@tauri-apps/api/webview'
+import { getCurrentWebview } from '@tauri-apps/api/webview'
+
+function getFileName(path: string) {
+	return path.split(/[\\/]/).pop() || 'file'
+}
+
+function toLogicalPosition(position: { x: number; y: number }) {
+	const scale = window.devicePixelRatio || 1
+	return {
+		x: position.x / scale,
+		y: position.y / scale,
+	}
+}
+
+async function readDraggedFile(path: string) {
+	const data = await invoke<number[]>('plugin:files|file_read_dragged_file', { path })
+	return new Uint8Array(data)
+}
+
+export function setupFileDropProvider() {
+	let nativeFileDropPaths: string[] = []
+
+	provideFileDrop({
+		async listenNativeFileDrop(handler) {
+			return await getCurrentWebview().onDragDropEvent((event: { payload: DragDropEvent }) => {
+				const payload = event.payload
+
+				if (payload.type === 'leave') {
+					nativeFileDropPaths = []
+					void handler({
+						type: 'leave',
+						paths: [],
+						position: { x: 0, y: 0 },
+					})
+					return
+				}
+
+				if (payload.type === 'enter' || payload.type === 'drop') {
+					nativeFileDropPaths = payload.paths
+				}
+
+				void handler({
+					type: payload.type,
+					paths: nativeFileDropPaths,
+					position: toLogicalPosition(payload.position),
+				})
+
+				if (payload.type === 'drop') {
+					nativeFileDropPaths = []
+				}
+			})
+		},
+		async createFilesFromNativePaths(paths) {
+			return await Promise.all(
+				paths.map(async (path) => new File([await readDraggedFile(path)], getFileName(path))),
+			)
+		},
+	})
+}
@@ -73,6 +73,14 @@ export default new createRouter({
 						breadcrumb: [{ name: '?Server' }],
 					},
 				},
+				{
+					path: 'access',
+					name: 'ServerManageAccess',
+					component: Hosting.Access,
+					meta: {
+						breadcrumb: [{ name: '?Server' }],
+					},
+				},
 			],
 		},
 		{
@@ -240,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)
@@ -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",
@@ -270,7 +271,11 @@ fn main() {
            .plugin(
                "files",
                InlinedPlugin::new()
-                    .commands(&["file_extract_zip", "file_save_as"])
+                    .commands(&[
+                        "file_extract_zip",
+                        "file_save_as",
+                        "file_read_dragged_file",
+                    ])
                    .default_permission(
                        DefaultPermissionRule::AllowAllCommands,
                    ),
@@ -11,6 +11,7 @@ pub fn init<R: Runtime>() -> tauri::plugin::TauriPlugin<R> {
        .invoke_handler(tauri::generate_handler![
            file_extract_zip,
            file_save_as,
+            file_read_dragged_file,
        ])
        .build()
 }
@@ -21,6 +22,19 @@ pub struct ExtractDryRunResult {
    conflicting_files: Vec<String>,
 }

+#[tauri::command]
+pub async fn file_read_dragged_file(path: String) -> Result<Vec<u8>> {
+    let metadata = tokio::fs::metadata(&path).await?;
+    if !metadata.is_file() {
+        return Err(theseus::Error::from(theseus::ErrorKind::OtherError(
+            "Dropped path is not a file".to_string(),
+        ))
+        .into());
+    }
+
+    Ok(tokio::fs::read(path).await?)
+}
+
 #[tauri::command]
 pub async fn file_extract_zip(
    instance_path: &str,
@@ -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]
@@ -392,6 +392,7 @@ pub struct EditProfile {
        with = "serde_with::rust::double_option"
    )]
    pub linked_data: Option<Option<LinkedData>>,
+    pub preferred_update_channel: Option<ReleaseChannel>,

    #[serde(
        default,
@@ -456,6 +457,11 @@ pub async fn profile_edit(path: &str, edit_profile: EditProfile) -> Result<()> {
        if let Some(linked_data) = edit_profile.linked_data.clone() {
            prof.linked_data = linked_data;
        }
+        if let Some(preferred_update_channel) =
+            edit_profile.preferred_update_channel
+        {
+            prof.preferred_update_channel = preferred_update_channel;
+        }
        if let Some(groups) = edit_profile.groups.clone() {
            prof.groups = groups;
        }
@@ -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"
+			}
 		}
 	}
 }
@@ -40,4 +40,3 @@ These composables are deprecated and should not be used in new code:

 - **`useAsyncData`** - we use tanstack, not nuxt's built in async data utility.
 - **`useBaseFetch`** (`src/composables/fetch.js`) — legacy Labrinth fetch wrapper. Use `client.labrinth.*` modules instead.
- **`useServersFetch`** (`src/composables/servers/servers-fetch.ts`) — legacy Archon fetch wrapper with manual retry/circuit-breaker. Use `client.archon.*` modules instead — refer to the `packages/api-client/CLAUDE.md` for more information.
@@ -224,6 +224,7 @@ export default defineNuxtConfig({
 				globalThis.INTERCOM_APP_ID ||
 				'ykeritl9',
 			production: isProduction(),
+			cookieSecure: isProduction(),
 			buildEnv: process.env.BUILD_ENV,
 			preview: process.env.PREVIEW === 'true',
 			featureFlagOverrides: getFeatureFlagOverrides(),
@@ -26,7 +26,7 @@
 		"@types/semver": "^7.7.1",
 		"autoprefixer": "^10.4.19",
 		"glob": "^10.2.7",
-		"nuxt": "^3.20.2",
+		"nuxt": "=3.20.2",
 		"postcss": "^8.4.39",
 		"prettier-plugin-tailwindcss": "^0.6.5",
 		"sass": "^1.58.0",
@@ -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'
@@ -227,7 +227,7 @@ import {
 	normalizeSelectedValues as normalizeSelectedFilterValues,
 	type ProjectVersionFilterOption,
 	type ProjectVersionFilterOptionProjectMetadata,
-} from './query-filter.ts'
+} from './query-filter-utils.ts'

 type AnalyticsFilterValueCategory = Exclude<AnalyticsQueryFilterCategory, 'project'>
 type GameVersionType = 'release' | 'all'
@@ -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"
@@ -434,7 +488,7 @@ import {
 	getAnalyticsStatsForBreakdown,
 	getAnalyticsStatsForFilterCategory,
 	getEnabledAnalyticsStatsForState,
-} from './query-filter.ts'
+} from './query-filter-utils.ts'
 import QueryBuilderFilter from './QueryFilter.vue'
 import {
 	ensureMinimumTimeRange,
@@ -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),
@@ -1,244 +1,284 @@
 <template>
 	<div
-		class="notification"
-		:class="{
-			'has-body': hasBody,
-			compact: compact,
-			read: notification.read,
-		}"
+		:class="
+			type === 'server_invite'
+				? { read: notification.read }
+				: {
+						notification: true,
+						'has-body': hasBody,
+						compact: compact,
+						read: notification.read,
+					}
+		"
 	>
-		<nuxt-link
-			v-if="!type"
-			:to="notification.link"
-			class="notification__icon backed-svg"
-			:class="{ raised: raised }"
-		>
-			<BellIcon />
-		</nuxt-link>
-		<DoubleIcon v-else class="notification__icon">
-			<template #primary>
-				<nuxt-link v-if="project" :to="getProjectLink(project)" tabindex="-1">
-					<Avatar size="xs" :src="project.icon_url" :raised="raised" no-shadow />
-				</nuxt-link>
-				<nuxt-link
-					v-else-if="organization"
-					:to="`/organization/${organization.slug}`"
-					tabindex="-1"
-				>
-					<Avatar size="xs" :src="organization.icon_url" :raised="raised" no-shadow />
-				</nuxt-link>
-				<nuxt-link v-else-if="user" :to="getUserLink(user)" tabindex="-1">
-					<Avatar size="xs" :src="user.avatar_url" :raised="raised" no-shadow />
-				</nuxt-link>
-				<Avatar v-else size="xs" :raised="raised" no-shadow />
-			</template>
-			<template #secondary>
-				<ScaleIcon
-					v-if="type === 'moderator_message' || type === 'status_change'"
-					class="moderation-color"
-				/>
-				<UserPlusIcon v-else-if="type === 'team_invite' && project" class="creator-color" />
-				<UserPlusIcon
-					v-else-if="type === 'organization_invite' && organization"
-					class="creator-color"
-				/>
-				<VersionIcon v-else-if="type === 'project_update' && project && version" />
-				<BellIcon v-else />
-			</template>
-		</DoubleIcon>
-		<div class="notification__title">
-			<template v-if="type === 'project_update' && project && version">
-				A project you follow,
-				<nuxt-link :to="getProjectLink(project)" class="title-link">{{ project.title }}</nuxt-link>
-				, has been updated:
-			</template>
-			<template v-else-if="type === 'team_invite' && project">
-				<nuxt-link
-					:to="`/user/${invitedBy.username}`"
-					class="iconified-link title-link inline-flex"
-				>
-					<Avatar
-						:src="invitedBy.avatar_url"
-						circle
-						size="xxs"
-						no-shadow
-						:raised="raised"
-						class="inline-flex"
-					/>
-					<span class="space">&nbsp;</span>
-					<span>{{ invitedBy.username }}</span>
-				</nuxt-link>
-				<span>
-					has invited you to join
-					<nuxt-link :to="getProjectLink(project)" class="title-link">
-						{{ project.title }} </nuxt-link
-					>.
-				</span>
-			</template>
-			<template v-else-if="type === 'organization_invite' && organization">
-				<nuxt-link
-					:to="`/user/${invitedBy.username}`"
-					class="iconified-link title-link inline-flex"
-				>
-					<Avatar
-						:src="invitedBy.avatar_url"
-						circle
-						size="xxs"
-						no-shadow
-						:raised="raised"
-						class="inline-flex"
-					/>
-					<span class="space">&nbsp;</span>
-					<span>{{ invitedBy.username }}</span>
-				</nuxt-link>
-				<span>
-					has invited you to join
-					<nuxt-link :to="`/organization/${organization.slug}`" class="title-link">
-						{{ organization.name }} </nuxt-link
-					>.
-				</span>
-			</template>
-			<template v-else-if="type === 'status_change' && project">
-				<nuxt-link :to="getProjectLink(project)" class="title-link">
-					{{ project.title }}
-				</nuxt-link>
-				<template v-if="tags.rejectedStatuses.includes(notification.body.new_status)">
-					has been
-					<ProjectStatusBadge :status="notification.body.new_status" />
-				</template>
-				<template v-else>
-					updated from
-					<ProjectStatusBadge :status="notification.body.old_status" />
-					to
-					<ProjectStatusBadge :status="notification.body.new_status" />
-				</template>
-				by the moderators.
-			</template>
-			<template v-else-if="type === 'moderator_message' && thread && project && !report">
-				Your project,
-				<nuxt-link :to="getProjectLink(project)" class="title-link">{{ project.title }}</nuxt-link>
-				, has received
-				<template v-if="notification.grouped_notifs"> messages</template>
-				<template v-else>a message</template>
-				from the moderators.
-			</template>
-			<template v-else-if="type === 'moderator_message' && thread && report">
-				A moderator replied to your report of
-				<template v-if="version">
-					version
-					<nuxt-link :to="getVersionLink(project, version)" class="title-link">
-						{{ version.name }}
-					</nuxt-link>
-					of project
-				</template>
-				<nuxt-link v-if="project" :to="getProjectLink(project)" class="title-link">
-					{{ project.title }}
-				</nuxt-link>
-				<nuxt-link v-else-if="user" :to="getUserLink(user)" class="title-link">
-					{{ user.username }}
-				</nuxt-link>
-				.
-			</template>
-			<nuxt-link v-else :to="notification.link" class="title-link">
-				<span v-html="renderString(notification.title)" />
-			</nuxt-link>
-			<!--      <span v-else class="known-errors">Error reading notification.</span>-->
-		</div>
-		<div v-if="hasBody" class="notification__body">
-			<ThreadSummary
-				v-if="type === 'moderator_message' && thread"
-				:thread="thread"
-				:link="threadLink"
-				:raised="raised"
-				:messages="getMessages()"
-				class="thread-summary"
-				:auth="auth"
-			/>
-			<div v-else-if="type === 'project_update'" class="version-list">
+		<template v-if="type === 'server_invite'">
+			<div class="flex flex-col gap-4">
+				<ModrinthServersIcon class="h-auto w-56 max-w-full text-[var(--color-heading)]" />
 				<div
-					v-for="notif in (notification.grouped_notifs
-						? [notification, ...notification.grouped_notifs]
-						: [notification]
-					).filter((x) => x.extra_data.version)"
-					:key="notif.id"
-					class="version-link"
+					class="flex flex-wrap items-center gap-x-1.5 gap-y-2 text-lg leading-tight text-[var(--color-heading)]"
 				>
-					<VersionIcon />
 					<nuxt-link
-						:to="getVersionLink(notif.extra_data.project, notif.extra_data.version)"
-						class="text-link"
+						v-if="invitedBy"
+						:to="`/user/${invitedBy.username}`"
+						class="inline-flex items-center font-bold text-[var(--color-heading)] hover:underline"
 					>
-						{{ notif.extra_data.version.name }}
-					</nuxt-link>
-					<span class="version-info">
-						for
-						<Categories
-							:categories="getLoaderCategories(notif.extra_data.version)"
-							:type="notif.extra_data.project.project_type"
-							class="categories"
+						<Avatar
+							:src="invitedBy.avatar_url"
+							circle
+							size="xxs"
+							no-shadow
+							:raised="raised"
+							class="mr-1.5 inline-flex"
 						/>
-						{{ $formatVersion(notif.extra_data.version.game_versions) }}
-						<span v-tooltip="formatDateTime(notif.extra_data.version.date_published)" class="date">
-							{{ formatRelativeTime(notif.extra_data.version.date_published) }}
-						</span>
-					</span>
+						<span>{{ invitedBy.username }}</span>
+					</nuxt-link>
+					<span v-if="invitedBy">has invited you to manage</span>
+					<span v-else>You have been invited to manage</span>
+					<span
+						><strong class="font-bold text-[var(--color-heading)]">{{
+							notification.body.server_name
+						}}</strong
+						>.</span
+					>
 				</div>
-			</div>
-			<template v-else>
-				{{ notification.text }}
-			</template>
-		</div>
-		<span class="notification__date">
-			<span v-if="notification.read" class="read-badge inline-flex">
-				<CheckCircleIcon /> Read
-			</span>
-			<span v-tooltip="formatDateTime(notification.created)" class="inline-flex">
-				<CalendarIcon class="mr-1" /> Received
-				{{ formatRelativeTime(notification.created) }}
-			</span>
-		</span>
-		<div v-if="compact" class="notification__actions">
-			<template v-if="type === 'team_invite' || type === 'organization_invite'">
-				<ButtonStyled circular color="brand" type="transparent">
-					<button
-						v-tooltip="`Accept`"
-						@click="
-							() => {
-								acceptTeamInvite(notification.body.team_id)
-								read()
-							}
-						"
-					>
-						<CheckIcon />
-					</button>
-				</ButtonStyled>
-				<ButtonStyled circular color="red" type="transparent">
-					<button
-						v-tooltip="`Decline`"
-						@click="
-							() => {
-								removeSelfFromTeam(notification.body.team_id)
-								read()
-							}
-						"
-					>
-						<XIcon />
-					</button>
-				</ButtonStyled>
-			</template>
-			<ButtonStyled v-else-if="!notification.read" circular type="transparent">
-				<button v-tooltip="`Mark as read`" @click="read()">
-					<XIcon />
-				</button>
-			</ButtonStyled>
-		</div>
-		<div v-else class="notification__actions">
-			<div v-if="type !== null" class="input-group">
-				<template
-					v-if="(type === 'team_invite' || type === 'organization_invite') && !notification.read"
+				<div
+					v-if="!notification.read"
+					class="flex flex-wrap items-center gap-3"
+					:class="{ 'gap-2': compact }"
 				>
 					<ButtonStyled color="brand">
+						<button @click="performActionByTitle(notification, 'Accept')">
+							<CheckIcon />
+							Accept
+						</button>
+					</ButtonStyled>
+					<ButtonStyled color="red">
+						<button @click="performActionByTitle(notification, 'Deny')">
+							<XIcon />
+							Decline
+						</button>
+					</ButtonStyled>
+				</div>
+				<div
+					class="mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-[var(--color-text-secondary)]"
+				>
+					<span
+						v-if="notification.read"
+						class="inline-flex items-center font-bold text-[var(--color-text)]"
+					>
+						<CheckCircleIcon /> Read
+					</span>
+					<span v-tooltip="formatDateTime(notification.created)" class="inline-flex items-center">
+						<CalendarIcon class="mr-1" /> Received
+						{{ formatRelativeTime(notification.created) }}
+					</span>
+					<CopyCode v-if="flags.developerMode" :text="notification.id" />
+				</div>
+			</div>
+		</template>
+		<template v-else>
+			<nuxt-link
+				v-if="!type"
+				:to="notification.link"
+				class="notification__icon backed-svg"
+				:class="{ raised: raised }"
+			>
+				<BellIcon />
+			</nuxt-link>
+			<DoubleIcon v-else class="notification__icon">
+				<template #primary>
+					<nuxt-link v-if="project" :to="getProjectLink(project)" tabindex="-1">
+						<Avatar size="xs" :src="project.icon_url" :raised="raised" no-shadow />
+					</nuxt-link>
+					<nuxt-link
+						v-else-if="organization"
+						:to="`/organization/${organization.slug}`"
+						tabindex="-1"
+					>
+						<Avatar size="xs" :src="organization.icon_url" :raised="raised" no-shadow />
+					</nuxt-link>
+					<nuxt-link v-else-if="user" :to="getUserLink(user)" tabindex="-1">
+						<Avatar size="xs" :src="user.avatar_url" :raised="raised" no-shadow />
+					</nuxt-link>
+					<Avatar v-else size="xs" :raised="raised" no-shadow />
+				</template>
+				<template #secondary>
+					<ScaleIcon
+						v-if="type === 'moderator_message' || type === 'status_change'"
+						class="moderation-color"
+					/>
+					<UserPlusIcon v-else-if="type === 'team_invite' && project" class="creator-color" />
+					<UserPlusIcon
+						v-else-if="type === 'organization_invite' && organization"
+						class="creator-color"
+					/>
+					<VersionIcon v-else-if="type === 'project_update' && project && version" />
+					<BellIcon v-else />
+				</template>
+			</DoubleIcon>
+			<div class="notification__title">
+				<template v-if="type === 'project_update' && project && version">
+					A project you follow,
+					<nuxt-link :to="getProjectLink(project)" class="title-link">{{
+						project.title
+					}}</nuxt-link>
+					, has been updated:
+				</template>
+				<template v-else-if="type === 'team_invite' && project">
+					<nuxt-link
+						:to="`/user/${invitedBy.username}`"
+						class="iconified-link title-link inline-flex"
+					>
+						<Avatar
+							:src="invitedBy.avatar_url"
+							circle
+							size="xxs"
+							no-shadow
+							:raised="raised"
+							class="inline-flex"
+						/>
+						<span class="space">&nbsp;</span>
+						<span>{{ invitedBy.username }}</span>
+					</nuxt-link>
+					<span>
+						has invited you to join
+						<nuxt-link :to="getProjectLink(project)" class="title-link">
+							{{ project.title }} </nuxt-link
+						>.
+					</span>
+				</template>
+				<template v-else-if="type === 'organization_invite' && organization">
+					<nuxt-link
+						:to="`/user/${invitedBy.username}`"
+						class="iconified-link title-link inline-flex"
+					>
+						<Avatar
+							:src="invitedBy.avatar_url"
+							circle
+							size="xxs"
+							no-shadow
+							:raised="raised"
+							class="inline-flex"
+						/>
+						<span class="space">&nbsp;</span>
+						<span>{{ invitedBy.username }}</span>
+					</nuxt-link>
+					<span>
+						has invited you to join
+						<nuxt-link :to="`/organization/${organization.slug}`" class="title-link">
+							{{ organization.name }} </nuxt-link
+						>.
+					</span>
+				</template>
+				<template v-else-if="type === 'status_change' && project">
+					<nuxt-link :to="getProjectLink(project)" class="title-link">
+						{{ project.title }}
+					</nuxt-link>
+					<template v-if="tags.rejectedStatuses.includes(notification.body.new_status)">
+						has been
+						<ProjectStatusBadge :status="notification.body.new_status" />
+					</template>
+					<template v-else>
+						updated from
+						<ProjectStatusBadge :status="notification.body.old_status" />
+						to
+						<ProjectStatusBadge :status="notification.body.new_status" />
+					</template>
+					by the moderators.
+				</template>
+				<template v-else-if="type === 'moderator_message' && thread && project && !report">
+					Your project,
+					<nuxt-link :to="getProjectLink(project)" class="title-link">{{
+						project.title
+					}}</nuxt-link>
+					, has received
+					<template v-if="notification.grouped_notifs"> messages</template>
+					<template v-else>a message</template>
+					from the moderators.
+				</template>
+				<template v-else-if="type === 'moderator_message' && thread && report">
+					A moderator replied to your report of
+					<template v-if="version">
+						version
+						<nuxt-link :to="getVersionLink(project, version)" class="title-link">
+							{{ version.name }}
+						</nuxt-link>
+						of project
+					</template>
+					<nuxt-link v-if="project" :to="getProjectLink(project)" class="title-link">
+						{{ project.title }}
+					</nuxt-link>
+					<nuxt-link v-else-if="user" :to="getUserLink(user)" class="title-link">
+						{{ user.username }}
+					</nuxt-link>
+					.
+				</template>
+				<nuxt-link v-else :to="notification.link" class="title-link">
+					<span v-html="renderString(notification.title)" />
+				</nuxt-link>
+				<!--      <span v-else class="known-errors">Error reading notification.</span>-->
+			</div>
+			<div v-if="hasBody" class="notification__body">
+				<ThreadSummary
+					v-if="type === 'moderator_message' && thread"
+					:thread="thread"
+					:link="threadLink"
+					:raised="raised"
+					:messages="getMessages()"
+					class="thread-summary"
+					:auth="auth"
+				/>
+				<div v-else-if="type === 'project_update'" class="version-list">
+					<div
+						v-for="notif in (notification.grouped_notifs
+							? [notification, ...notification.grouped_notifs]
+							: [notification]
+						).filter((x) => x.extra_data.version)"
+						:key="notif.id"
+						class="version-link"
+					>
+						<VersionIcon />
+						<nuxt-link
+							:to="getVersionLink(notif.extra_data.project, notif.extra_data.version)"
+							class="text-link"
+						>
+							{{ notif.extra_data.version.name }}
+						</nuxt-link>
+						<span class="version-info">
+							for
+							<Categories
+								:categories="getLoaderCategories(notif.extra_data.version)"
+								:type="notif.extra_data.project.project_type"
+								class="categories"
+							/>
+							{{ $formatVersion(notif.extra_data.version.game_versions) }}
+							<span
+								v-tooltip="formatDateTime(notif.extra_data.version.date_published)"
+								class="date"
+							>
+								{{ formatRelativeTime(notif.extra_data.version.date_published) }}
+							</span>
+						</span>
+					</div>
+				</div>
+				<template v-else>
+					{{ notification.text }}
+				</template>
+			</div>
+			<span class="notification__date">
+				<span v-if="notification.read" class="read-badge inline-flex">
+					<CheckCircleIcon /> Read
+				</span>
+				<span v-tooltip="formatDateTime(notification.created)" class="inline-flex">
+					<CalendarIcon class="mr-1" /> Received
+					{{ formatRelativeTime(notification.created) }}
+				</span>
+			</span>
+			<div v-if="compact" class="notification__actions">
+				<template v-if="type === 'team_invite' || type === 'organization_invite'">
+					<ButtonStyled circular color="brand" type="transparent">
 						<button
+							v-tooltip="`Accept`"
 							@click="
 								() => {
 									acceptTeamInvite(notification.body.team_id)
@@ -247,11 +287,11 @@
 							"
 						>
 							<CheckIcon />
-							Accept
 						</button>
 					</ButtonStyled>
-					<ButtonStyled color="red">
+					<ButtonStyled circular color="red" type="transparent">
 						<button
+							v-tooltip="`Decline`"
 							@click="
 								() => {
 									removeSelfFromTeam(notification.body.team_id)
@@ -260,41 +300,79 @@
 							"
 						>
 							<XIcon />
-							Decline
 						</button>
 					</ButtonStyled>
 				</template>
-				<ButtonStyled v-else-if="!notification.read">
-					<button @click="read()">
-						<CheckIcon />
-						Mark as read
+				<ButtonStyled v-else-if="!notification.read" circular type="transparent">
+					<button v-tooltip="`Mark as read`" @click="read()">
+						<XIcon />
 					</button>
 				</ButtonStyled>
-				<CopyCode v-if="flags.developerMode" :text="notification.id" />
 			</div>
-			<div v-else class="input-group">
-				<ButtonStyled v-if="notification.link && notification.link !== '#'">
-					<nuxt-link :to="notification.link" target="_blank">
-						<ExternalIcon />
-						Open link
-					</nuxt-link>
-				</ButtonStyled>
-				<ButtonStyled v-for="(action, actionIndex) in notification.actions" :key="actionIndex">
-					<button @click="performAction(notification, actionIndex)">
-						<CheckIcon v-if="action.title === 'Accept'" />
-						<XIcon v-else-if="action.title === 'Deny'" />
-						{{ action.title }}
-					</button>
-				</ButtonStyled>
-				<ButtonStyled v-if="notification.actions.length === 0 && !notification.read">
-					<button @click="performAction(notification, null)">
-						<CheckIcon />
-						Mark as read
-					</button>
-				</ButtonStyled>
-				<CopyCode v-if="flags.developerMode" :text="notification.id" />
+			<div v-else class="notification__actions">
+				<div v-if="type !== null" class="input-group">
+					<template
+						v-if="(type === 'team_invite' || type === 'organization_invite') && !notification.read"
+					>
+						<ButtonStyled color="brand">
+							<button
+								@click="
+									() => {
+										acceptTeamInvite(notification.body.team_id)
+										read()
+									}
+								"
+							>
+								<CheckIcon />
+								Accept
+							</button>
+						</ButtonStyled>
+						<ButtonStyled color="red">
+							<button
+								@click="
+									() => {
+										removeSelfFromTeam(notification.body.team_id)
+										read()
+									}
+								"
+							>
+								<XIcon />
+								Decline
+							</button>
+						</ButtonStyled>
+					</template>
+					<ButtonStyled v-else-if="!notification.read">
+						<button @click="read()">
+							<CheckIcon />
+							Mark as read
+						</button>
+					</ButtonStyled>
+					<CopyCode v-if="flags.developerMode" :text="notification.id" />
+				</div>
+				<div v-else class="input-group">
+					<ButtonStyled v-if="notification.link && notification.link !== '#'">
+						<nuxt-link :to="notification.link" target="_blank">
+							<ExternalIcon />
+							Open link
+						</nuxt-link>
+					</ButtonStyled>
+					<ButtonStyled v-for="(action, actionIndex) in notification.actions" :key="actionIndex">
+						<button @click="performAction(notification, actionIndex)">
+							<CheckIcon v-if="action.title === 'Accept'" />
+							<XIcon v-else-if="action.title === 'Deny'" />
+							{{ action.title }}
+						</button>
+					</ButtonStyled>
+					<ButtonStyled v-if="notification.actions.length === 0 && !notification.read">
+						<button @click="performAction(notification, null)">
+							<CheckIcon />
+							Mark as read
+						</button>
+					</ButtonStyled>
+					<CopyCode v-if="flags.developerMode" :text="notification.id" />
+				</div>
 			</div>
-		</div>
+		</template>
 	</div>
 </template>

@@ -328,11 +406,13 @@ import { markAsRead } from '~/helpers/platform-notifications'
 import { getProjectLink, getVersionLink } from '~/helpers/projects'
 import { acceptTeamInvite, removeSelfFromTeam } from '~/helpers/teams'

+import ModrinthServersIcon from '../brand/ModrinthServersIcon.vue'
 import ThreadSummary from './thread/ThreadSummary.vue'

 const client = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
 const emit = defineEmits(['update:notifications'])
+const router = useRouter()
 const formatRelativeTime = useRelativeTime()
 const formatDateTime = useFormatDateTime({
 	timeStyle: 'short',
@@ -415,9 +495,29 @@ async function performAction(notification, actionIndex) {
 		await read()

 		if (actionIndex !== null) {
-			await useBaseFetch(`${notification.actions[actionIndex].action_route[1]}`, {
-				method: notification.actions[actionIndex].action_route[0].toUpperCase(),
-			})
+			const action = notification.actions[actionIndex]
+
+			if (type.value === 'server_invite') {
+				const actionName = action.title.toLowerCase()
+				const inviteAction = actionName === 'accept' ? 'accept' : 'decline'
+				const serverId = notification.body.server_id
+
+				await client.request(`/servers/${serverId}/invites/${inviteAction}`, {
+					api: 'archon',
+					version: 1,
+					method: 'POST',
+				})
+
+				if (inviteAction === 'accept') {
+					await router.push(`/hosting/manage/${encodeURIComponent(serverId)}`)
+				}
+			} else {
+				const [method, route] = action.action_route
+
+				await useBaseFetch(route, {
+					method: method.toUpperCase(),
+				})
+			}
 		}
 	} catch (err) {
 		addNotification({
@@ -429,6 +529,20 @@ async function performAction(notification, actionIndex) {
 	stopLoading()
 }

+function performActionByTitle(notification, title) {
+	const actionIndex = notification.actions.findIndex((action) => action.title === title)
+	if (actionIndex === -1) {
+		addNotification({
+			title: 'An error occurred',
+			text: `Missing ${title.toLowerCase()} action for notification.`,
+			type: 'error',
+		})
+		return
+	}
+
+	return performAction(notification, actionIndex)
+}
+
 function getMessages() {
 	const messages = []
 	if (props.notification.body.message_id) {
@@ -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>
@@ -1,20 +1,22 @@
 <script setup lang="ts">
+import type { Archon } from '@modrinth/api-client'
 import { PlusIcon, XIcon } from '@modrinth/assets'
 import {
 	Accordion,
 	ButtonStyled,
+	injectModrinthClient,
 	injectNotificationManager,
 	NewModal,
 	ServerNotice,
 	StyledInput,
 	TagItem,
 } from '@modrinth/ui'
-import type { ServerNotice as ServerNoticeType } from '@modrinth/utils'
 import { ref } from 'vue'

-import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
-
 const { addNotification } = injectNotificationManager()
+const client = injectModrinthClient()
+
+type ServerNoticeType = Archon.Notices.v0.ListedNotice

 const modal = ref<InstanceType<typeof NewModal>>()

@@ -32,28 +34,23 @@ const assignedNodes = computed(() => assigned.value.filter((n) => n.kind === 'no
 const inputField = ref('')

 async function refresh() {
-	await useServersFetch('notices').then((res) => {
-		const notices = res as ServerNoticeType[]
-		assigned.value = notices.find((n) => n.id === notice.value?.id)?.assigned ?? []
-	})
+	const notices = await client.archon.notices_v0.list()
+	assigned.value = notices.find((n) => n.id === notice.value?.id)?.assigned ?? []
 }

 async function assign(server: boolean = true) {
 	const input = inputField.value.trim()

 	if (input !== '' && notice.value) {
-		await useServersFetch(
-			`notices/${notice.value.id}/assign?${server ? 'server' : 'node'}=${input}`,
-			{
-				method: 'PUT',
-			},
-		).catch((err) => {
-			addNotification({
-				title: 'Error assigning notice',
-				text: err,
-				type: 'error',
+		await client.archon.notices_v0
+			.assign(notice.value.id, server ? { server: input } : { node: input })
+			.catch((err) => {
+				addNotification({
+					title: 'Error assigning notice',
+					text: err,
+					type: 'error',
+				})
 			})
-		})
 	} else {
 		addNotification({
 			title: 'Error assigning notice',
@@ -84,18 +81,15 @@ async function unassignDetect() {

 async function unassign(id: string, server: boolean = true) {
 	if (notice.value) {
-		await useServersFetch(
-			`notices/${notice.value.id}/unassign?${server ? 'server' : 'node'}=${id}`,
-			{
-				method: 'PUT',
-			},
-		).catch((err) => {
-			addNotification({
-				title: 'Error unassigning notice',
-				text: err,
-				type: 'error',
+		await client.archon.notices_v0
+			.unassign(notice.value.id, server ? { server: id } : { node: id })
+			.catch((err) => {
+				addNotification({
+					title: 'Error unassigning notice',
+					text: err,
+					type: 'error',
+				})
 			})
-		})
 	}
 	await refresh()
 }
@@ -125,7 +119,7 @@ defineExpose({ show, hide })
 				:level="notice.level"
 				:message="notice.message"
 				:dismissable="notice.dismissable"
-				:title="notice.title"
+				:title="notice.title ?? undefined"
 				preview
 			/>
 			<div class="flex flex-col gap-2">
@@ -133,6 +133,7 @@ import { CheckIcon, PlusIcon, XIcon } from '@modrinth/assets'
 import {
 	ButtonStyled,
 	Combobox,
+	injectModrinthClient,
 	injectNotificationManager,
 	NewModal,
 	StyledInput,
@@ -143,9 +144,9 @@ import { DEFAULT_CREDIT_EMAIL_MESSAGE } from '@modrinth/utils/utils.ts'
 import { computed, ref } from 'vue'

 import { useBaseFetch } from '#imports'
-import { useServersFetch } from '~/composables/servers/servers-fetch.ts'

 const { addNotification } = injectNotificationManager()
+const client = injectModrinthClient()

 const modal = ref<InstanceType<typeof NewModal>>()

@@ -205,12 +206,12 @@ const applyDisabled = computed(() => {
 async function ensureOverview() {
 	if (regions.value.length || nodeHostnames.value.length) return
 	try {
-		const data = await useServersFetch<any>('/nodes/overview', { version: 'internal' })
-		regions.value = (data.regions || []).map((r: any) => ({
+		const data = await client.archon.nodes_internal.overview()
+		regions.value = data.regions.map((r) => ({
 			value: r.key,
 			label: `${r.display_name} (${r.key})`,
 		}))
-		nodeHostnames.value = data.node_hostnames || []
+		nodeHostnames.value = data.node_hostnames
 		if (!selectedRegion.value && regions.value.length) selectedRegion.value = regions.value[0].value
 	} catch (err) {
 		addNotification({ title: 'Failed to load nodes overview', text: String(err), type: 'error' })
@@ -198,6 +198,7 @@ import {
 	ButtonStyled,
 	Chips,
 	Combobox,
+	injectModrinthClient,
 	injectNotificationManager,
 	NewModal,
 	StyledInput,
@@ -207,13 +208,12 @@ import {
 import dayjs from 'dayjs'
 import { computed, ref } from 'vue'

-import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
-
 const emit = defineEmits<{
 	success: []
 }>()

 const { addNotification } = injectNotificationManager()
+const client = injectModrinthClient()

 const modal = ref<InstanceType<typeof NewModal>>()

@@ -341,12 +341,12 @@ const submitDisabled = computed(() => {
 async function ensureOverview() {
 	if (regions.value.length || nodeHostnames.value.length) return
 	try {
-		const data = await useServersFetch<any>('/nodes/overview', { version: 'internal' })
-		regions.value = (data.regions || []).map((r: any) => ({
+		const data = await client.archon.nodes_internal.overview()
+		regions.value = data.regions.map((r) => ({
 			value: r.key,
 			label: `${r.display_name} (${r.key})`,
 		}))
-		nodeHostnames.value = data.node_hostnames || []
+		nodeHostnames.value = data.node_hostnames
 		if (!selectedRegion.value && regions.value.length) {
 			selectedRegion.value = regions.value[0].value
 		}
@@ -364,30 +364,22 @@ async function submit() {
 			scheduleOption.value === 'now' ? undefined : dayjs(scheduledDate.value).toISOString()

 		if (mode.value === 'servers') {
-			await useServersFetch('/transfers/schedule/servers', {
-				version: 'internal',
-				method: 'POST',
-				body: {
-					server_ids: parsedServerIds.value,
-					scheduled_at: scheduledAt,
-					target_region: selectedRegion.value || undefined,
-					node_tags: selectedTags.value.length > 0 ? selectedTags.value : undefined,
-					reason: reason.value.trim(),
-				},
+			await client.archon.transfers_internal.scheduleServers({
+				server_ids: parsedServerIds.value,
+				scheduled_at: scheduledAt,
+				target_region: selectedRegion.value || undefined,
+				node_tags: selectedTags.value.length > 0 ? selectedTags.value : undefined,
+				reason: reason.value.trim(),
 			})
 		} else {
-			await useServersFetch('/transfers/schedule/nodes', {
-				version: 'internal',
-				method: 'POST',
-				body: {
-					node_hostnames: selectedNodes.value.slice(),
-					scheduled_at: scheduledAt,
-					target_region: selectedRegion.value || undefined,
-					node_tags: selectedTags.value.length > 0 ? selectedTags.value : undefined,
-					reason: reason.value.trim(),
-					cordon_nodes: cordonNodes.value,
-					tag_nodes: tagNodes.value.trim() || undefined,
-				},
+			await client.archon.transfers_internal.scheduleNodes({
+				node_hostnames: selectedNodes.value.slice(),
+				scheduled_at: scheduledAt,
+				target_region: selectedRegion.value || undefined,
+				node_tags: selectedTags.value.length > 0 ? selectedTags.value : undefined,
+				reason: reason.value.trim(),
+				cordon_nodes: cordonNodes.value,
+				tag_nodes: tagNodes.value.trim() || undefined,
 			})
 		}

@@ -48,7 +48,12 @@
 					>{{ isIncome ? '' : '-' }}{{ formatMoney(transaction.amount) }}</span
 				>
 				<template v-if="transaction.type === 'withdrawal' && transaction.status === 'in-transit'">
-					<Tooltip theme="dismissable-prompt" :triggers="['hover', 'focus']" no-auto-focus>
+					<Tooltip
+						theme="dismissable-prompt"
+						class="inline-flex shrink-0"
+						:triggers="['hover', 'focus']"
+						no-auto-focus
+					>
 						<span class="my-auto align-middle"
 							><ButtonStyled circular type="outlined" size="small">
 								<button class="align-middle" @click="cancelPayout">
@@ -1,8 +1,9 @@
 export const useAffiliates = () => {
+	const config = useRuntimeConfig()
 	const affiliateCookie = useCookie('mrs_afl', {
 		maxAge: 60 * 60 * 24 * 7, // 7 days
 		sameSite: 'lax',
-		secure: true,
+		secure: config.public.cookieSecure,
 		httpOnly: false,
 		path: '/',
 	})
@@ -30,10 +30,11 @@ export const initAuth = async (oldToken = null) => {
 	}

 	const route = useRoute()
+	const config = useRuntimeConfig()
 	const authCookie = useCookie('auth-token', {
 		maxAge: 60 * 60 * 24 * 365 * 10,
 		sameSite: 'lax',
-		secure: true,
+		secure: config.public.cookieSecure,
 		httpOnly: false,
 		path: '/',
 	})
@@ -54,6 +54,8 @@ export const DEFAULT_FEATURE_FLAGS = validateValues({
 	showViewProdRouteBanner: false,
 	showModeratorProjectMemberUi: false,
 	showModeratorPrivateMessageHighlight: true,
+	archonApiStaging: false,
+	showHostingAccessInstanceAuditLog: false,
 } as const)

 export type FeatureFlag = keyof typeof DEFAULT_FEATURE_FLAGS
@@ -64,19 +66,20 @@ export type AllFeatureFlags = {

 export type PartialFeatureFlags = Partial<AllFeatureFlags>

-const COOKIE_OPTIONS = {
-	maxAge: 60 * 60 * 24 * 365 * 10,
-	sameSite: 'lax',
-	secure: true,
-	httpOnly: false,
-	path: '/',
-} satisfies CookieOptions<PartialFeatureFlags>
+const getCookieOptions = () =>
+	({
+		maxAge: 60 * 60 * 24 * 365 * 10,
+		sameSite: 'lax',
+		secure: useRuntimeConfig().public.cookieSecure,
+		httpOnly: false,
+		path: '/',
+	}) satisfies CookieOptions<PartialFeatureFlags>

 export const useFeatureFlags = () =>
 	useState<AllFeatureFlags>('featureFlags', () => {
 		const config = useRuntimeConfig()

-		const savedFlags = useCookie<PartialFeatureFlags>('featureFlags', COOKIE_OPTIONS)
+		const savedFlags = useCookie<PartialFeatureFlags>('featureFlags', getCookieOptions())

 		if (!savedFlags.value) {
 			savedFlags.value = {}
@@ -106,6 +109,6 @@ export const useFeatureFlags = () =>

 export const saveFeatureFlags = () => {
 	const flags = useFeatureFlags()
-	const cookie = useCookie<PartialFeatureFlags>('featureFlags', COOKIE_OPTIONS)
+	const cookie = useCookie<PartialFeatureFlags>('featureFlags', getCookieOptions())
 	cookie.value = flags.value
 }
@@ -1,264 +0,0 @@
-/**
- * @deprecated Use `@modrinth/api-client` via `injectModrinthClient()` instead.
- * The api-client's archon modules (`client.archon.servers_v0`, etc.) handle auth,
- * retry, and circuit breaking automatically. This composable is kept for legacy
- * code that hasn't been migrated yet.
- */
-
-import { PANEL_VERSION } from '@modrinth/api-client'
-import type { V1ErrorInfo } from '@modrinth/utils'
-import { ModrinthServerError, ModrinthServersFetchError } from '@modrinth/utils'
-import { $fetch, FetchError } from 'ofetch'
-
-export interface ServersFetchOptions {
-	method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE'
-	contentType?: string
-	body?: Record<string, any>
-	version?: number | 'internal'
-	override?: {
-		url?: string
-		token?: string
-	}
-	retry?: number | boolean
-	bypassAuth?: boolean
-}
-
-export async function useServersFetch<T>(
-	path: string,
-	options: ServersFetchOptions = {},
-	module?: string,
-	errorContext?: string,
-): Promise<T> {
-	const config = useRuntimeConfig()
-	const auth = await useAuth()
-	const authToken = auth.value?.token
-
-	if (!authToken && !options.bypassAuth) {
-		const error = new ModrinthServersFetchError(
-			'[Modrinth Hosting] Cannot fetch without auth',
-			10000,
-		)
-		throw new ModrinthServerError('Missing auth token', 401, error, module, undefined, undefined)
-	}
-
-	const {
-		method = 'GET',
-		contentType = 'application/json',
-		body,
-		version = 0,
-		override,
-		retry = method === 'GET' ? 3 : 0,
-	} = options
-
-	const circuitBreakerKey = `${module || 'default'}_${path}`
-	const failureCount = useState<number>(`fetch_failures_${circuitBreakerKey}`, () => 0)
-	const lastFailureTime = useState<number>(`last_failure_${circuitBreakerKey}`, () => 0)
-
-	const now = Date.now()
-	if (failureCount.value >= 3 && now - lastFailureTime.value < 30000) {
-		const error = new ModrinthServersFetchError(
-			'[Modrinth Hosting] Circuit breaker open - too many recent failures',
-			503,
-		)
-		throw new ModrinthServerError(
-			'Service temporarily unavailable',
-			503,
-			error,
-			module,
-			undefined,
-			undefined,
-		)
-	}
-
-	if (now - lastFailureTime.value > 30000) {
-		failureCount.value = 0
-	}
-
-	const base = (import.meta.server ? config.pyroBaseUrl : config.public.pyroBaseUrl)?.replace(
-		/\/$/,
-		'',
-	)
-
-	if (!base) {
-		const error = new ModrinthServersFetchError(
-			'[Modrinth Hosting] Cannot fetch without base url. Make sure to set a PYRO_BASE_URL in environment variables',
-			10001,
-		)
-		throw new ModrinthServerError(
-			'Configuration error: Missing PYRO_BASE_URL',
-			500,
-			error,
-			module,
-			undefined,
-			undefined,
-		)
-	}
-
-	const versionString = `v${version}`
-	let newOverrideUrl = override?.url
-	if (newOverrideUrl && newOverrideUrl.includes('v0') && version !== 0) {
-		newOverrideUrl = newOverrideUrl.replace('v0', versionString)
-	}
-
-	const fullUrl = newOverrideUrl
-		? `https://${newOverrideUrl}/${path.replace(/^\//, '')}`
-		: version === 0
-			? `${base}/modrinth/v${version}/${path.replace(/^\//, '')}`
-			: version === 'internal'
-				? `${base}/_internal/${path.replace(/^\//, '')}`
-				: `${base}/v${version}/${path.replace(/^\//, '')}`
-
-	const headers: Record<string, string> = {
-		'User-Agent': 'Modrinth/1.0 (https://modrinth.com)',
-		'X-Archon-Request': 'true',
-		'X-Panel-Version': String(PANEL_VERSION),
-		Vary: 'Accept, Origin',
-	}
-
-	if (!options.bypassAuth) {
-		headers.Authorization = `Bearer ${override?.token ?? authToken}`
-		headers['Access-Control-Allow-Headers'] = 'Authorization'
-	}
-
-	if (contentType !== 'none') {
-		headers['Content-Type'] = contentType
-	}
-
-	if (import.meta.client && typeof window !== 'undefined') {
-		headers.Origin = window.location.origin
-	}
-
-	let attempts = 0
-	const maxAttempts = (typeof retry === 'boolean' ? (retry ? 3 : 1) : retry) + 1
-	let lastError: Error | null = null
-
-	while (attempts < maxAttempts) {
-		try {
-			const response = await $fetch<T>(fullUrl, {
-				method,
-				headers,
-				body:
-					body && contentType === 'application/json' ? JSON.stringify(body) : (body ?? undefined),
-				timeout: 10000,
-			})
-
-			failureCount.value = 0
-			return response
-		} catch (error) {
-			lastError = error as Error
-			attempts++
-
-			if (error instanceof FetchError) {
-				const statusCode = error.response?.status
-				const statusText = error.response?.statusText || 'Unknown error'
-
-				if (statusCode && statusCode >= 500) {
-					failureCount.value++
-					lastFailureTime.value = now
-				}
-
-				let v1Error: V1ErrorInfo | undefined
-				if (error.data?.error && error.data?.description) {
-					v1Error = {
-						context: errorContext,
-						...error.data,
-					}
-				}
-
-				const errorMessages: { [key: number]: string } = {
-					400: 'Bad Request',
-					401: 'Unauthorized',
-					403: 'Forbidden',
-					404: 'Not Found',
-					405: 'Method Not Allowed',
-					408: 'Request Timeout',
-					429: "You're making requests too quickly. Please wait a moment and try again.",
-					500: 'Internal Server Error',
-					502: 'Bad Gateway',
-					503: 'Service Unavailable',
-					504: 'Gateway Timeout',
-				}
-
-				const message =
-					statusCode && statusCode in errorMessages
-						? errorMessages[statusCode]
-						: `HTTP Error: ${statusCode || 'unknown'} ${statusText}`
-
-				const isRetryable = statusCode ? [408, 429].includes(statusCode) : false
-				const is5xxRetryable =
-					statusCode && statusCode >= 500 && statusCode < 600 && method === 'GET' && attempts === 1
-
-				if (!(isRetryable || is5xxRetryable) || attempts >= maxAttempts) {
-					console.error('Fetch error:', error)
-
-					const fetchError = new ModrinthServersFetchError(
-						`[Modrinth Hosting] ${error.message}`,
-						statusCode,
-						error,
-					)
-					throw new ModrinthServerError(
-						`[Modrinth Hosting] ${message}`,
-						statusCode,
-						fetchError,
-						module,
-						v1Error,
-						error.data,
-					)
-				}
-
-				const baseDelay = statusCode && statusCode >= 500 ? 5000 : 1000
-				const delay = Math.min(baseDelay * Math.pow(2, attempts - 1) + Math.random() * 1000, 15000)
-				console.warn(`Retrying request in ${delay}ms (attempt ${attempts}/${maxAttempts - 1})`)
-				await new Promise((resolve) => setTimeout(resolve, delay))
-				continue
-			}
-
-			console.error('Unexpected fetch error:', error)
-			const fetchError = new ModrinthServersFetchError(
-				'[Modrinth Hosting] An unexpected error occurred during the fetch operation.',
-				undefined,
-				error as Error,
-			)
-			throw new ModrinthServerError(
-				'Unexpected error during fetch operation',
-				undefined,
-				fetchError,
-				module,
-				undefined,
-				undefined,
-			)
-		}
-	}
-
-	console.error('All retry attempts failed:', lastError)
-	if (lastError instanceof FetchError) {
-		const statusCode = lastError.response?.status
-		const pyroError = new ModrinthServersFetchError(
-			'Maximum retry attempts reached',
-			statusCode,
-			lastError,
-		)
-		throw new ModrinthServerError(
-			'Maximum retry attempts reached',
-			statusCode,
-			pyroError,
-			module,
-			undefined,
-			lastError.data,
-		)
-	}
-
-	const fetchError = new ModrinthServersFetchError(
-		'Maximum retry attempts reached',
-		undefined,
-		lastError || undefined,
-	)
-	throw new ModrinthServerError(
-		'Maximum retry attempts reached',
-		undefined,
-		fetchError,
-		module,
-		undefined,
-		undefined,
-	)
-}
@@ -17,7 +17,6 @@ export type FilterSelection = {
 const cookieDefaults = {
 	maxAge: TEN_MINUTES,
 	sameSite: 'lax' as const,
-	secure: true,
 	path: '/',
 	httpOnly: false,
 }
@@ -52,13 +51,19 @@ function newFilterSelection(
 }

 export function useCdnDownloadContext() {
-	const filterGameVersionCookie = useCookie<string | null>('mr_download_filter_game_version', {
+	const config = useRuntimeConfig()
+	const cookieOptions = {
 		...cookieDefaults,
+		secure: config.public.cookieSecure,
+	}
+
+	const filterGameVersionCookie = useCookie<string | null>('mr_download_filter_game_version', {
+		...cookieOptions,
 		default: () => null,
 	})

 	const filterLoaderCookie = useCookie<string | null>('mr_download_filter_loader', {
-		...cookieDefaults,
+		...cookieOptions,
 		default: () => null,
 	})

@@ -14,6 +14,7 @@ import {
 import type { Ref } from 'vue'

 import { useFeatureFlags } from '~/composables/featureFlags.ts'
+import { withStagingArchonBaseUrl } from '~/helpers/archon.ts'

 async function getRateLimitKeyFromSecretsStore(): Promise<string | undefined> {
 	try {
@@ -37,7 +38,8 @@ export function createModrinthClient(

 	const clientConfig: NuxtClientConfig = {
 		labrinthBaseUrl: config.apiBaseUrl,
-		archonBaseUrl: config.archonBaseUrl,
+		archonBaseUrl: () =>
+			withStagingArchonBaseUrl(config.archonBaseUrl, flags.value.archonApiStaging),
 		archonSentryCapture: () => flags.value.archonSentryCapture,
 		rateLimitKey: config.rateLimitKey || getRateLimitKeyFromSecretsStore,
 		features: [
@@ -0,0 +1,12 @@
+export const STAGING_ARCHON_BASE_URL = 'https://staging-archon.modrinth.com/'
+
+export function withStagingArchonBaseUrl(
+	baseUrl: string,
+	useStaging = useFeatureFlags().value.archonApiStaging,
+) {
+	if (!useStaging) {
+		return baseUrl
+	}
+
+	return STAGING_ARCHON_BASE_URL
+}
@@ -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',
@@ -1115,9 +1115,6 @@
  "frog.title": {
    "message": "ضفدع"
  },
-  "hosting-marketing.available-locations": {
-    "message": "متاح في أمريكا الشمالية، أوروبا، و جنوب شرق اۤسيا لتغطية أوسع."
-  },
  "hosting-marketing.billing.monthly": {
    "message": "ادفع شهريا"
  },
--- 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
Calum H.andGitHub	9404d46782	feat: release channels instance setting (#6252 ) * feat: rough release channels impl draft * feat: move to bottom + lint * fix: invalidate content queries on channel change * fix: change to chips * fix: lint * fix: copy	2026-06-08 17:10:59 +00:00
Calum H.andGitHub	926c72de42	fix: files tab drag and drop (#6325 ) * fix: files drag drop * fix: standardize drag and drop + fix files tab permissions	2026-06-08 17:03:30 +00:00
Calum H.GitHub Prospector	9729737d7d	fix: replace save banner in env migration modal with physical bn (#6028 ) * feat: dont use save banner for project env modal * fix: modal btn gap * fix: lint * Update packages/ui/src/components/project/settings/environment/ProjectEnvironmentModal.vue Signed-off-by: Calum H. <hendersoncal117@gmail.com> * fix: lint * fix: import --------- Signed-off-by: Calum H. <hendersoncal117@gmail.com> Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>	2026-06-08 16:52:35 +00:00
Truman GaoandGitHub	97a8c11b50	fix: incorrectly showing empty state for versions page (#6303 ) * fix: incorrectly showing empty state for versions page * refactor: pnpm prepr	2026-06-08 16:40:00 +00:00
Truman GaoandGitHub	4d654162eb	refactor: rename query-filter.ts to query-filter-utils.ts (#6335 )	2026-06-08 16:39:12 +00:00
Modrinth BotandGitHub	33b1419bdf	New translations from Crowdin (main) (#6332 )	2026-06-08 16:20:46 +00:00
Calum H.andGitHub	c28ba2e6a4	fix: z index of console tab expanded (#6334 ) fix: z index	2026-06-08 15:56:14 +00:00
aecsocketandGitHub	c7ba6ba8b2	Bump frontend version upload timeout (#6333 ) Bump upload timeout	2026-06-08 15:43:18 +00:00
Calum H.andGitHub	7366c32df3	feat: incompat modal improvement (#6256 ) * feat: incompat modal improvement * feat: use ContentUpdaterModal and remove IncompatibilityWarningModal * fix: lint * fix: lint	2026-06-05 15:56:05 +00:00
ThatGravyBoat GitHub Prospector	707e219ff8	feat: use multi select for moderation reports (#6312 ) Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>	2026-06-05 14:55:05 +00:00
Calum H.andGitHub	dfe12d4ecb	feat: server access post release QA (#6316 ) * fix: clicking users in table in app takes you to blank page instead of website * fix: wrong loader icon on server panel * fix: surface var misalignment * fix: password managers still detecting username field as something to autofill * feat: show users on backupitem components * feat: seperators for filter sections * fix: lint + change remove -> revoke * fix: copy * feat: align copy	2026-06-05 14:54:27 +00:00
Truman GaoandGitHub	c653228fe7	fix: malformed versions causing versions list page to crash (#6315 )	2026-06-05 09:49:59 +00:00
Prospector	352a196795	update blog date	2026-06-04 11:56:52 -07:00
Calum H.andGitHub	cef9b1efe5	fix: release workflow (#6311 )	2026-06-04 09:31:41 -07:00
Calum H.andGitHub	7d6c54cff9	feat: changelog (#6310 )	2026-06-04 18:01:38 +02:00
Calum H.GitHub Prospector	bd97ace974	feat: hosting access tab (#5995 ) * feat: implement access tab with dummy data * fix: spacing * feat: qa * feat: implement backend * qa: qa pass * feat: fix user "search" * fix: lint * feat: change to bitfield * feat: fix fields * fix: lint * fix: lint * feat: hook up api * feat: fix permissions * feat: audit log table event start * feat: better mobile mode for audit log table * feat: i18n * feat: qa * feat: enforce permissions * feat: email template start * feat: qa * fix: tooltip bug * feat: qa * impl: sse support in api-client * feat: sse impl * fix: desync path * feat: time frame picker from analytics * feat: QA * fix: spacing * fix: permisison audit log entries * fix: hosting manage page shared server detection * fix: lint * feat: qa + lint * feat: audit log table sort by time * feat: finish frontend panel stuff * fix: lint * fix: backend alignment * fix: lint * fix: supress friend errors * feat: qa * fix: qa * fix: lint * fix: utils barrel * fix: safari cookies in dev * fix: pin nuxt * feat: fixes + notif fix * fix: notifications * feat: qa * fix: notification sync not happening immediately * fix: qa * fix: qa * feat: qa * blog + prepr * feat: toast shit * blog images * thumbnail update one last time * prepr * feat: use reinvite route * update images * fix: reinvite stuff * fix: lint * fix: alignment of save bar * fix: notif sizing * fix: split up access * fix: lint * fix: lint * fix: link --------- Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>	2026-06-04 15:58:01 +00:00
Calum H.GitHub sychic	58ad58f958	feat: user search (#6302 ) * feat: user search * refactor: use sqlx macro * refactor: better name for escaped query * style: cleanup unused import * chore: update sqlx query cache * fix: tests --------- Co-authored-by: sychic <47618543+Sychic@users.noreply.github.com>	2026-06-03 19:38:24 +00:00