Delete patches/AstralRinth_Git_Diff_02112025.patch

* infer project type by draft version loader

* fix detecting modpack project type when editing

* fix no loaders check

* pnpm run fix

.cargo/config.toml

@@ -1,9 +1,6 @@
-[build]
-rustflags = ["--cfg", "tokio_unstable"]
-
 # Windows has stack overflows when calling from Tauri, so we increase the default stack size used by the compiler
 [target.'cfg(windows)']
-rustflags = ["--cfg", "tokio_unstable", "-C", "link-args=/STACK:16777220"]
+rustflags = ["-C", "link-args=/STACK:16777220"]
 
 [target.x86_64-pc-windows-msvc]
 linker = "rust-lld"

.github/instructions/i18n-convert.instructions.md

@@ -9,6 +9,7 @@ Please follow these rules precisely:
 1. Identify translatable strings
 
 - Scan the <template> for all user-visible strings (inner text, alt attributes, placeholders, button labels, etc.). Do not extract dynamic expressions (like {{ user.name }}) or HTML tags. Only extract static human-readable text.
+- There may be strings within the <script> block, e.g dropdown option labels, notifications etc.
 
 2. Create message definitions
 

.gitignore

@@ -65,3 +65,6 @@ app-playground-data/*
 
 .astro
 .claude
+
+# labrinth demo fixtures
+apps/labrinth/fixtures/demo

CLAUDE.md

@@ -56,4 +56,8 @@ Use `docker exec labrinth-clickhouse clickhouse-client` to access the Clickhouse
 
 ### Postgres
 
-Use `docker exec labrinth-postgres psql -U postgres` to access the PostgreSQL instance.
+Use `docker exec labrinth-postgres psql -U labrinth -d labrinth -c "SELECT 1"` to access the PostgreSQL instance, replacing the `SELECT 1` with your query.
+
+# Guidelines
+
+- Do not create new non-source code files (e.g. Bash scripts, SQL scripts) unless explicitly prompted to.

Cargo.toml

@@ -8,6 +8,7 @@ members = [
   "packages/app-lib",
   "packages/ariadne",
   "packages/daedalus",
+  "packages/modrinth-log",
   "packages/modrinth-maxmind",
   "packages/modrinth-util",
   "packages/path-util",
@@ -27,6 +28,7 @@ actix-rt = "2.11.0"
 actix-web = "4.11.0"
 actix-web-prom = "0.10.0"
 actix-ws = "0.3.0"
+arc-swap = "1.7.1"
 argon2 = { version = "0.5.3", features = ["std"] }
 ariadne = { path = "packages/ariadne" }
 async-compression = { version = "0.4.32", default-features = false }
@@ -54,7 +56,6 @@ clap = "4.5.48"
 clickhouse = "0.14.0"
 color-eyre = "0.6.5"
 color-thief = "0.2.2"
-console-subscriber = "0.4.1"
 const_format = "0.2.34"
 daedalus = { path = "packages/daedalus" }
 dashmap = "6.1.0"
@@ -107,8 +108,10 @@ lettre = { version = "0.11.19", default-features = false, features = [
 ] }
 maxminddb = "0.26.0"
 meilisearch-sdk = { version = "0.30.0", default-features = false }
+modrinth-log = { path = "packages/modrinth-log" }
 modrinth-maxmind = { path = "packages/modrinth-maxmind" }
 modrinth-util = { path = "packages/modrinth-util" }
+muralpay = { path = "packages/muralpay" }
 murmur2 = "0.1.0"
 native-dialog = "0.9.2"
 notify = { version = "8.2.0", default-features = false }
@@ -139,6 +142,7 @@ rust-s3 = { version = "0.37.0", default-features = false, features = [
 ] }
 rustls = "0.23.32"
 rusty-money = "0.4.1"
+secrecy = "0.10.3"
 sentry = { version = "0.45.0", default-features = false, features = [
   "backtrace",
   "contexts",
@@ -161,6 +165,7 @@ sha2 = "0.10.9"
 shlex = "1.3.0"
 spdx = "0.12.0"
 sqlx = { version = "0.8.6", default-features = false }
+strum = "0.27.2"
 sysinfo = { version = "0.37.2", default-features = false }
 tar = "0.4.44"
 tauri = "2.8.5"
@@ -246,6 +251,7 @@ redundant_clone = "warn"
 redundant_feature_names = "warn"
 redundant_type_annotations = "warn"
 todo = "warn"
+too_many_arguments = "allow"
 uninlined_format_args = "warn"
 unnested_or_patterns = "warn"
 wildcard_dependencies = "warn"

_typos.toml

@@ -9,7 +9,7 @@ extend-exclude = [
   # contains licenses like `CC-BY-ND-4.0`
   "packages/moderation/src/data/stages/license.ts",
   # contains payment card IDs like `IY1VMST1MOXS` which are flagged
-  "apps/labrinth/src/queue/payouts.rs",
+  "apps/labrinth/src/queue/payouts/mod.rs",
 ]
 
 [default.extend-words]

apps/app-frontend/package.json

@@ -13,11 +13,13 @@
 		"test": "vue-tsc --noEmit"
 	},
 	"dependencies": {
-		"@sfirew/minecraft-motd-parser": "^1.1.6",
+		"@modrinth/api-client": "workspace:^",
 		"@modrinth/assets": "workspace:*",
 		"@modrinth/ui": "workspace:*",
 		"@modrinth/utils": "workspace:*",
 		"@sentry/vue": "^8.27.0",
+		"@sfirew/minecraft-motd-parser": "^1.1.6",
+		"@tanstack/vue-query": "^5.90.7",
 		"@tauri-apps/api": "^2.5.0",
 		"@tauri-apps/plugin-dialog": "^2.2.1",
 		"@tauri-apps/plugin-http": "^2.5.0",
@@ -41,9 +43,9 @@
 		"vue-virtual-scroller": "v2.0.0-beta.8"
 	},
 	"devDependencies": {
-		"@modrinth/tooling-config": "workspace:*",
 		"@eslint/compat": "^1.1.1",
 		"@formatjs/cli": "^6.2.12",
+		"@modrinth/tooling-config": "workspace:*",
 		"@nuxt/eslint-config": "^0.5.6",
 		"@taijased/vue-render-tracker": "^1.0.7",
 		"@vitejs/plugin-vue": "^5.0.4",
@@ -56,6 +58,7 @@
 		"tailwindcss": "^3.4.4",
 		"typescript": "^5.5.4",
 		"vite": "^5.4.6",
+		"vue-component-type-helpers": "^3.1.8",
 		"vue-tsc": "^2.1.6"
 	},
 	"packageManager": "pnpm@9.4.0",

apps/app-frontend/src/App.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { AuthFeature, PanelVersionFeature, TauriModrinthClient } from '@modrinth/api-client'
 import {
 	ArrowBigUpDashIcon,
 	ChangeSkinIcon,
@@ -18,12 +19,14 @@ import {
 	RefreshCwIcon,
 	RestoreIcon,
 	RightArrowIcon,
+	ServerIcon,
 	SettingsIcon,
 	UserIcon,
 	WorldIcon,
 	XIcon,
 } from '@modrinth/assets'
 import {
+	Admonition,
 	Avatar,
 	Button,
 	ButtonStyled,
@@ -32,9 +35,13 @@ import {
 	NotificationPanel,
 	OverflowMenu,
 	ProgressSpinner,
-	provideNotificationManager
+	provideModrinthClient,
+	provideNotificationManager,
+	providePageContext,
+	useDebugLogger,
 } from '@modrinth/ui'
 import { renderString } from '@modrinth/utils'
+import { useQuery } from '@tanstack/vue-query'
 import { getVersion } from '@tauri-apps/api/app'
 import { invoke } from '@tauri-apps/api/core'
 import { getCurrentWindow } from '@tauri-apps/api/window'
@@ -63,7 +70,8 @@ import RunningAppBar from '@/components/ui/RunningAppBar.vue'
 import SplashScreen from '@/components/ui/SplashScreen.vue'
 import URLConfirmModal from '@/components/ui/URLConfirmModal.vue'
 import { useCheckDisableMouseover } from '@/composables/macCssFix.js'
-import { debugAnalytics, optOutAnalytics, trackEvent } from '@/helpers/analytics'
+import { debugAnalytics, initAnalytics, optOutAnalytics, trackEvent } from '@/helpers/analytics'
+import { check_reachable } from '@/helpers/auth.js'
 import { get_user } from '@/helpers/cache.js'
 import { command_listener, warning_listener } from '@/helpers/events.js'
 import { useFetch } from '@/helpers/fetch.js'
@@ -97,6 +105,20 @@ const notificationManager = new AppNotificationManager()
 provideNotificationManager(notificationManager)
 const { handleError, addNotification } = notificationManager
 
+const tauriApiClient = new TauriModrinthClient({
+	userAgent: `modrinth/theseus/${getVersion()} (support@modrinth.com)`,
+	features: [
+		new AuthFeature({
+			token: async () => (await getCreds()).session,
+		}),
+		new PanelVersionFeature(),
+	],
+})
+provideModrinthClient(tauriApiClient)
+providePageContext({
+	hierarchicalSidebarAvailable: ref(true),
+	showAds: ref(false),
+})
 const news = ref([])
 const availableSurvey = ref(false)
 
@@ -121,6 +143,27 @@ const criticalErrorMessage = ref()
 
 const isMaximized = ref(false)
 
+const authUnreachableDebug = useDebugLogger('AuthReachableChecker')
+const authServerQuery = useQuery({
+	queryKey: ['authServerReachability'],
+	queryFn: async () => {
+		await check_reachable()
+		authUnreachableDebug('Auth servers are reachable')
+		return true
+	},
+	refetchInterval: 5 * 60 * 1000, // 5 minutes
+	retry: false,
+	refetchOnWindowFocus: false,
+})
+
+const authUnreachable = computed(() => {
+	if (authServerQuery.isError.value && !authServerQuery.isLoading.value) {
+		console.warn('Failed to reach auth servers', authServerQuery.error.value)
+		return true
+	}
+	return false
+})
+
 onMounted(async () => {
 	await useCheckDisableMouseover()
 	await getRemote(false) // [AR] Check for updates
@@ -156,6 +199,15 @@ const messages = defineMessages({
 		id: 'app.update.downloading-update',
 		defaultMessage: 'Downloading update ({percent}%)',
 	},
+	authUnreachableHeader: {
+		id: 'app.auth-servers.unreachable.header',
+		defaultMessage: 'Cannot reach authentication servers',
+	},
+	authUnreachableBody: {
+		id: 'app.auth-servers.unreachable.body',
+		defaultMessage:
+			'Minecraft authentication servers may be down right now. Check your internet connection and try again later.',
+	},
 })
 
 async function setupApp() {
@@ -315,7 +367,11 @@ const handleClose = async () => {
 
 const router = useRouter()
 router.afterEach((to, from, failure) => {
-	trackEvent('PageView', { path: to.path, fromPath: from.path, failed: failure })
+	trackEvent('PageView', {
+		path: to.path,
+		fromPath: from.path,
+		failed: failure,
+	})
 })
 const route = useRoute()
 
@@ -339,7 +395,7 @@ async function fetchCredentials() {
 	if (creds && creds.user_id) {
 		creds.user = await get_user(creds.user_id).catch(handleError)
 	}
-	credentials.value = creds
+	credentials.value = creds ?? null
 }
 
 async function signIn() {
@@ -570,7 +626,11 @@ provideAppUpdateDownloadProgress(appUpdateDownload) // [AR Note] If delete this
 <template>
 	<SplashScreen v-if="!stateFailed" ref="splashScreen" data-tauri-drag-region />
 	<div id="teleports"></div>
-	<div v-if="stateInitialized" class="app-grid-layout experimental-styles-within relative">
+	<div
+		v-if="stateInitialized"
+		class="app-grid-layout experimental-styles-within relative"
+		:class="{ 'disable-advanced-rendering': !themeStore.advancedRendering }"
+	>
 		<Suspense>
 			<AppSettingsModal ref="settingsModal" />
 		</Suspense>
@@ -589,6 +649,13 @@ provideAppUpdateDownloadProgress(appUpdateDownload) // [AR Note] If delete this
 			<NavButton v-if="themeStore.featureFlags.worlds_tab" v-tooltip.right="'Worlds'" to="/worlds">
 				<WorldIcon />
 			</NavButton>
+			<NavButton
+				v-if="themeStore.featureFlags.servers_in_app"
+				v-tooltip.right="'Servers'"
+				to="/hosting/manage"
+			>
+				<ServerIcon />
+			</NavButton>
 			<NavButton
 				v-tooltip.right="'Discover content'"
 				to="/browse/modpack"
@@ -612,7 +679,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload) // [AR Note] If delete this
 			>
 				<LibraryIcon />
 			</NavButton>
-			<div class="h-px w-6 mx-auto my-2 bg-button-bg"></div>
+			<div class="h-px w-6 mx-auto my-2 bg-surface-5"></div>
 			<suspense>
 				<QuickInstanceSwitcher />
 			</suspense>
@@ -773,7 +840,10 @@ provideAppUpdateDownloadProgress(appUpdateDownload) // [AR Note] If delete this
 	<div
 		v-if="stateInitialized"
 		class="app-contents experimental-styles-within"
-		:class="{ 'sidebar-enabled': sidebarVisible }"
+		:class="{
+			'sidebar-enabled': sidebarVisible,
+			'disable-advanced-rendering': !themeStore.advancedRendering,
+		}"
 	>
 		<div class="app-viewport flex-grow router-view">
 			<transition name="popup-survey">
@@ -821,16 +891,25 @@ provideAppUpdateDownloadProgress(appUpdateDownload) // [AR Note] If delete this
 					width: 'calc(100% - var(--right-bar-width))',
 				}"
 			></div>
-			<div
+			<Admonition
 				v-if="criticalErrorMessage"
-				class="m-6 mb-0 flex flex-col border-red bg-bg-red rounded-2xl border-2 border-solid p-4 gap-1 font-semibold text-contrast"
+				type="critical"
+				:header="criticalErrorMessage.header"
+				class="m-6 mb-0"
 			>
-				<h1 class="m-0 text-lg font-extrabold">{{ criticalErrorMessage.header }}</h1>
 				<div
 					class="markdown-body text-primary"
 					v-html="renderString(criticalErrorMessage.body ?? '')"
 				></div>
-			</div>
+			</Admonition>
+			<Admonition
+				v-if="authUnreachable"
+				type="warning"
+				:header="formatMessage(messages.authUnreachableHeader)"
+				class="m-6 mb-0"
+			>
+				{{ formatMessage(messages.authUnreachableBody) }}
+			</Admonition>
 			<RouterView v-slot="{ Component }">
 				<template v-if="Component">
 					<Suspense @pending="loading.startLoading()" @resolve="loading.stopLoading()">
@@ -1032,7 +1111,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload) // [AR Note] If delete this
 
 .app-sidebar::before {
 	content: '';
-	box-shadow: -15px 0 15px -15px rgba(0, 0, 0, 0.2) inset;
+	box-shadow: -15px 0 15px -15px rgba(0, 0, 0, 0.1) inset;
 	top: 0;
 	bottom: 0;
 	left: -2rem;
@@ -1057,9 +1136,10 @@ provideAppUpdateDownloadProgress(appUpdateDownload) // [AR Note] If delete this
 	right: calc(-1 * var(--left-bar-width));
 	bottom: calc(-1 * var(--left-bar-width));
 	border-radius: var(--radius-xl);
-	box-shadow:
-		1px 1px 15px rgba(0, 0, 0, 0.2) inset,
-		inset 1px 1px 1px rgba(255, 255, 255, 0.23);
+	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1) inset;
+	border-color: var(--surface-5);
+	border-width: 1px;
+	border-style: solid;
 	pointer-events: none;
 }
 

apps/app-frontend/src/assets/modrinth_servers.svg

@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" version="1.1" viewBox="0 0 1793 199">
-  <g>
-    <g id="Layer_1">
-      <g id="green" fill="var(--color-brand)">
-        <path d="M1184.1,166.6c-8,0-15.6-1-22.9-3.1s-13.1-4.6-17.4-7.6l8.5-16.9c4.3,2.7,9.4,5,15.3,6.8,5.9,1.8,11.9,2.7,17.8,2.7s12.1-.9,15.2-2.8c3.1-1.9,4.7-4.5,4.7-7.7s-1.1-4.6-3.2-6c-2.1-1.4-4.9-2.4-8.4-3.1-3.4-.7-7.3-1.4-11.5-2-4.2-.6-8.4-1.4-12.6-2.4-4.2-1-8-2.5-11.5-4.5-3.4-2-6.2-4.6-8.4-7.9-2.1-3.3-3.2-7.7-3.2-13.2s1.7-11.3,5.2-15.8c3.4-4.5,8.3-7.9,14.5-10.3,6.2-2.4,13.6-3.7,22.2-3.7s12.9.7,19.4,2.1c6.5,1.4,11.9,3.4,16.2,6.1l-8.5,16.9c-4.5-2.7-9.1-4.6-13.6-5.6-4.6-1-9.1-1.5-13.6-1.5-6.8,0-11.8,1-15,3-3.3,2-4.9,4.6-4.9,7.7s1.1,5,3.2,6.4c2.1,1.4,4.9,2.6,8.4,3.4,3.4.8,7.3,1.5,11.5,2,4.2.5,8.4,1.3,12.6,2.4,4.2,1.1,8,2.5,11.5,4.4,3.5,1.8,6.3,4.4,8.5,7.7,2.1,3.3,3.2,7.7,3.2,13s-1.8,11.1-5.3,15.5c-3.5,4.4-8.5,7.8-14.9,10.2-6.4,2.4-14.1,3.7-23,3.7Z"/>
-        <path d="M1291.1,166.6c-10.6,0-19.8-2.1-27.7-6.3-7.9-4.2-14-10-18.3-17.4-4.3-7.4-6.5-15.7-6.5-25.1s2.1-17.9,6.3-25.2c4.2-7.3,10-13,17.5-17.2,7.4-4.2,15.9-6.2,25.4-6.2s17.5,2,24.8,6.1c7.2,4,12.9,9.7,17.1,17.1,4.2,7.4,6.2,16,6.2,26s0,2,0,3.2c0,1.2-.2,2.3-.3,3.4h-79.3v-14.8h67.5l-8.7,4.6c.1-5.5-1-10.3-3.4-14.4-2.4-4.2-5.6-7.4-9.7-9.8-4.1-2.4-8.8-3.6-14.2-3.6s-10.2,1.2-14.3,3.6c-4.1,2.4-7.3,5.7-9.6,9.9-2.3,4.2-3.5,9.2-3.5,14.9v3.6c0,5.7,1.3,10.7,3.9,15.1,2.6,4.4,6.3,7.8,11,10.2,4.7,2.4,10.2,3.6,16.4,3.6s10.2-.8,14.4-2.5c4.3-1.7,8.1-4.3,11.4-7.8l11.9,13.7c-4.3,5-9.6,8.8-16.1,11.5-6.5,2.7-13.9,4-22.2,4Z"/>
-        <path d="M1357.2,165.3v-95.1h21.2v26.2l-2.5-7.7c2.8-6.4,7.3-11.3,13.4-14.6,6.1-3.3,13.7-5,22.9-5v21.2c-1-.2-1.8-.4-2.7-.4-.8,0-1.7,0-2.5,0-8.4,0-15.1,2.5-20.1,7.4-5,4.9-7.5,12.3-7.5,22v46.1h-22.3Z"/>
-        <path d="M1460,165.3l-40.8-95.1h23.2l35.1,83.9h-11.4l36.3-83.9h21.4l-40.8,95.1h-23Z"/>
-        <path d="M1579.6,166.6c-10.6,0-19.8-2.1-27.7-6.3-7.9-4.2-14-10-18.3-17.4-4.3-7.4-6.5-15.7-6.5-25.1s2.1-17.9,6.3-25.2c4.2-7.3,10-13,17.5-17.2,7.4-4.2,15.9-6.2,25.4-6.2s17.5,2,24.8,6.1c7.2,4,12.9,9.7,17.1,17.1,4.2,7.4,6.2,16,6.2,26s0,2,0,3.2c0,1.2-.2,2.3-.3,3.4h-79.3v-14.8h67.5l-8.7,4.6c.1-5.5-1-10.3-3.4-14.4-2.4-4.2-5.6-7.4-9.7-9.8-4.1-2.4-8.8-3.6-14.2-3.6s-10.2,1.2-14.3,3.6c-4.1,2.4-7.3,5.7-9.6,9.9-2.3,4.2-3.5,9.2-3.5,14.9v3.6c0,5.7,1.3,10.7,3.9,15.1,2.6,4.4,6.3,7.8,11,10.2,4.7,2.4,10.2,3.6,16.4,3.6s10.2-.8,14.4-2.5c4.3-1.7,8.1-4.3,11.4-7.8l11.9,13.7c-4.3,5-9.6,8.8-16.1,11.5-6.5,2.7-13.9,4-22.2,4Z"/>
-        <path d="M1645.7,165.3v-95.1h21.2v26.2l-2.5-7.7c2.8-6.4,7.3-11.3,13.4-14.6,6.1-3.3,13.7-5,22.9-5v21.2c-1-.2-1.8-.4-2.7-.4-.8,0-1.7,0-2.5,0-8.4,0-15.1,2.5-20.1,7.4-5,4.9-7.5,12.3-7.5,22v46.1h-22.3Z"/>
-        <path d="M1749.9,166.6c-8,0-15.6-1-22.9-3.1s-13.1-4.6-17.4-7.6l8.5-16.9c4.3,2.7,9.4,5,15.3,6.8,5.9,1.8,11.9,2.7,17.8,2.7s12.1-.9,15.2-2.8c3.1-1.9,4.7-4.5,4.7-7.7s-1.1-4.6-3.2-6c-2.1-1.4-4.9-2.4-8.4-3.1-3.4-.7-7.3-1.4-11.5-2-4.2-.6-8.4-1.4-12.6-2.4-4.2-1-8-2.5-11.5-4.5-3.4-2-6.2-4.6-8.4-7.9-2.1-3.3-3.2-7.7-3.2-13.2s1.7-11.3,5.2-15.8c3.4-4.5,8.3-7.9,14.5-10.3,6.2-2.4,13.6-3.7,22.2-3.7s12.9.7,19.4,2.1c6.5,1.4,11.9,3.4,16.2,6.1l-8.5,16.9c-4.5-2.7-9.1-4.6-13.6-5.6-4.6-1-9.1-1.5-13.6-1.5-6.8,0-11.8,1-15,3-3.3,2-4.9,4.6-4.9,7.7s1.1,5,3.2,6.4c2.1,1.4,4.9,2.6,8.4,3.4,3.4.8,7.3,1.5,11.5,2,4.2.5,8.4,1.3,12.6,2.4,4.2,1.1,8,2.5,11.5,4.4,3.5,1.8,6.3,4.4,8.5,7.7,2.1,3.3,3.2,7.7,3.2,13s-1.8,11.1-5.3,15.5c-3.5,4.4-8.5,7.8-14.9,10.2-6.4,2.4-14.1,3.7-23,3.7Z"/>
-        <g>
-          <path d="M9.8,143l63.4-38.1-5.8-15.3,18.1-18.6,22.9-4.9,6.6,8.2-10.6,10.7-9.2,2.9-6.6,6.8,3.2,9,6.5,6.9,9.2-2.5,6.6-7.2,14.3-4.5,4.3,9.6-14.8,18.1-24.8,7.8-11.1-12.4-63.6,38.2c-3-3.9-6.5-9.4-8.8-14.7ZM192.8,65.4l-50.4,13.6c2.8,7.4,3.7,11.7,4.5,16.5l50.3-13.6c-.8-5.4-2.2-10.8-4.4-16.5Z" fill-rule="evenodd"/>
-          <path d="M17.3,106.5c3.6,42.1,38.9,75.2,82,75.2s60.7-18.9,74-46.3l16.4,5.7c-15.8,34.1-50.3,57.9-90.4,57.9S3.6,158.2,0,106.5h17.3ZM.3,89.4C5.3,39.2,47.8,0,99.3,0s99.5,44.6,99.5,99.5-1.1,17.4-3.3,25.5l-16.3-5.7c1.6-6.5,2.4-13.1,2.4-19.8,0-45.4-36.9-82.3-82.3-82.3S22.6,48.7,17.6,89.4H.3Z" fill-rule="evenodd"/>
-          <path d="M99,51.6c-26.4,0-47.9,21.5-47.9,48s21.5,48,48,48,2.7,0,4-.2l4.8,16.8c-2.9.4-5.8.6-8.8.6-36,0-65.2-29.2-65.2-65.2S63.1,34.4,99,34.4s1.8,0,2.7,0l-2.7,17.1ZM118.6,37.4c26.4,8.3,45.6,33,45.6,62.2s-16.4,50.2-39.8,60l-4.8-16.7c16.2-7.7,27.4-24.2,27.4-43.3s-13-38.1-31.1-44.9l2.7-17.2Z" fill-rule="evenodd"/>
-        </g>
-      </g>
-      <g id="black" fill="currentColor">
-        <path d="M354.8,69.2c12,0,21.7,3.4,28.6,10.4,7,7.2,10.6,17.5,10.6,31.5v54.8h-22.4v-51.9c0-8.4-1.8-14.7-5.5-19-3.8-4.1-8.9-6.3-15.9-6.3s-13.6,2.5-18.1,7.3c-4.5,5-6.8,12.2-6.8,21.3v48.5h-22.4v-51.9c0-8.4-1.8-14.7-5.5-19-3.8-4.1-8.9-6.3-15.9-6.3s-13.6,2.5-18.1,7.3c-4.5,4.8-6.8,12-6.8,21.3v48.5h-22.4v-95.6h21.3v12.2c3.6-4.3,8.1-7.5,13.4-9.8,5.4-2.3,11.3-3.4,17.9-3.4s13.6,1.3,19.2,3.9c5.5,2.9,9.8,6.8,13.1,12,3.9-5,8.9-8.9,15.2-11.8,6.3-2.7,13.1-4.1,20.6-4.1ZM466,167.2c-9.7,0-18.4-2.1-26.1-6.3-7.6-4-13.8-10.1-18.1-17.5-4.5-7.3-6.6-15.7-6.6-25.2s2.1-17.9,6.6-25.2c4.3-7.4,10.6-13.4,18.1-17.4,7.7-4.1,16.5-6.3,26.1-6.3s18.6,2.1,26.3,6.3c7.7,4.1,13.8,10,18.3,17.4,4.3,7.3,6.4,15.7,6.4,25.2s-2.1,17.9-6.4,25.2c-4.5,7.5-10.6,13.4-18.3,17.5-7.7,4.1-16.5,6.3-26.3,6.3h0ZM466,148c8.2,0,15-2.7,20.4-8.2,5.4-5.5,8.1-12.7,8.1-21.7s-2.7-16.1-8.1-21.7c-5.4-5.5-12.2-8.2-20.4-8.2s-15,2.7-20.2,8.2c-5.4,5.5-8.1,12.7-8.1,21.7s2.7,16.1,8.1,21.7c5.2,5.5,12,8.2,20.2,8.2ZM631.5,33.1v132.8h-21.5v-12.3c-3.7,4.4-8.3,7.9-13.6,10.2-5.5,2.3-11.5,3.4-18.1,3.4s-17.4-2-24.7-6.1c-7.3-4.1-13.2-9.8-17.4-17.4-4.1-7.3-6.3-15.9-6.3-25.6s2.1-18.3,6.3-25.6c4.1-7.3,10-13.1,17.4-17.2,7.3-4.1,15.6-6.1,24.7-6.1s12.2,1.1,17.4,3.2c5.2,2.1,9.8,5.4,13.4,9.7v-49h22.4ZM581.1,148c5.4,0,10.2-1.3,14.5-3.8,4.3-2.3,7.7-5.9,10.2-10.4,2.5-4.5,3.8-9.8,3.8-15.7s-1.3-11.3-3.8-15.7c-2.5-4.5-5.9-8.1-10.2-10.6-4.3-2.3-9.1-3.6-14.5-3.6s-10.2,1.3-14.5,3.6c-4.3,2.5-7.7,6.1-10.2,10.6-2.5,4.5-3.8,9.8-3.8,15.7s1.3,11.3,3.8,15.7c2.5,4.5,5.9,8.1,10.2,10.4,4.3,2.5,9.1,3.8,14.5,3.8ZM681.6,84.3c6.4-10,17.7-15,34-15v21.3c-1.7-.3-3.4-.5-5.2-.5-8.8,0-15.6,2.5-20.4,7.5-4.8,5.2-7.3,12.5-7.3,22v46.4h-22.4v-95.6h21.3v14h0ZM734.1,70.3h22.4v95.6h-22.4v-95.6ZM745.4,54.6c-4.1,0-7.5-1.3-10.2-3.9-2.7-2.4-4.2-5.9-4.1-9.5,0-3.8,1.4-7,4.1-9.7,2.7-2.5,6.1-3.8,10.2-3.8s7.5,1.3,10.2,3.6c2.7,2.5,4.1,5.5,4.1,9.3s-1.3,7.2-3.9,9.8c-2.7,2.7-6.3,4.1-10.4,4.1ZM839.5,69.2c12,0,21.7,3.6,29,10.6,7.3,7,10.9,17.5,10.9,31.3v54.8h-22.4v-51.9c0-8.4-2-14.7-5.9-19-3.9-4.1-9.5-6.3-16.8-6.3s-14.7,2.5-19.5,7.3c-4.8,5-7.2,12.2-7.2,21.5v48.3h-22.4v-95.6h21.3v12.3c3.8-4.5,8.4-7.7,14-10,5.5-2.3,12-3.4,19-3.4ZM964.8,160.7c-2.8,2.2-6,3.9-9.5,4.8-3.9,1.1-7.9,1.6-12,1.6-10.6,0-18.6-2.7-24.3-8.2-5.7-5.5-8.6-13.4-8.6-24v-46h-15.7v-17.9h15.7v-21.8h22.4v21.8h25.6v17.9h-25.6v45.5c0,4.7,1.1,8.2,3.4,10.6,2.3,2.5,5.5,3.8,9.8,3.8s9.1-1.3,12.5-3.9l6.3,15.9ZM1036.9,69.2c12,0,21.7,3.6,29,10.6,7.3,7,10.9,17.5,10.9,31.3v54.8h-22.4v-51.9c0-8.4-2-14.7-5.9-19-3.9-4.1-9.5-6.3-16.8-6.3s-14.7,2.5-19.5,7.3c-4.8,5-7.2,12.2-7.2,21.5v48.3h-22.4V33.1h22.4v48.3c3.8-3.9,8.2-7,13.8-9.1,5.4-2,11.5-3,18.1-3Z"/>
-      </g>
-    </g>
-  </g>
-</svg>

apps/app-frontend/src/assets/stylesheets/global.scss

@@ -2,6 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
+@import '@modrinth/ui/src/styles/tailwind-utilities.css';
+
 @font-face {
 	font-family: 'bundled-minecraft-font-mrapp';
 	font-style: normal;

apps/app-frontend/src/components/GridDisplay.vue

@@ -12,6 +12,7 @@ import {
 } from '@modrinth/assets'
 import { Button, DropdownSelect, injectNotificationManager } from '@modrinth/ui'
 import { formatCategoryHeader } from '@modrinth/utils'
+import { useStorage } from '@vueuse/core'
 import dayjs from 'dayjs'
 import { computed, ref } from 'vue'
 
@@ -121,40 +122,50 @@ const handleOptionsClick = async (args) => {
 	}
 }
 
+const state = useStorage(
+	`${props.label}-grid-display-state`,
+	{
+		group: 'Group',
+		sortBy: 'Name',
+	},
+	localStorage,
+	{ mergeDefaults: true },
+)
+
 const search = ref('')
-const group = ref('Group')
-const sortBy = ref('Name')
 
 const filteredResults = computed(() => {
+	const { group = 'Group', sortBy = 'Name' } = state.value
+
 	const instances = props.instances.filter((instance) => {
 		return instance.name.toLowerCase().includes(search.value.toLowerCase())
 	})
 
-	if (sortBy.value === 'Name') {
+	if (sortBy === 'Name') {
 		instances.sort((a, b) => {
 			return a.name.localeCompare(b.name)
 		})
 	}
 
-	if (sortBy.value === 'Game version') {
+	if (sortBy === 'Game version') {
 		instances.sort((a, b) => {
 			return a.game_version.localeCompare(b.game_version, undefined, { numeric: true })
 		})
 	}
 
-	if (sortBy.value === 'Last played') {
+	if (sortBy === 'Last played') {
 		instances.sort((a, b) => {
 			return dayjs(b.last_played ?? 0).diff(dayjs(a.last_played ?? 0))
 		})
 	}
 
-	if (sortBy.value === 'Date created') {
+	if (sortBy === 'Date created') {
 		instances.sort((a, b) => {
 			return dayjs(b.date_created).diff(dayjs(a.date_created))
 		})
 	}
 
-	if (sortBy.value === 'Date modified') {
+	if (sortBy === 'Date modified') {
 		instances.sort((a, b) => {
 			return dayjs(b.date_modified).diff(dayjs(a.date_modified))
 		})
@@ -162,7 +173,7 @@ const filteredResults = computed(() => {
 
 	const instanceMap = new Map()
 
-	if (group.value === 'Loader') {
+	if (group === 'Loader') {
 		instances.forEach((instance) => {
 			const loader = formatCategoryHeader(instance.loader)
 			if (!instanceMap.has(loader)) {
@@ -171,7 +182,7 @@ const filteredResults = computed(() => {
 
 			instanceMap.get(loader).push(instance)
 		})
-	} else if (group.value === 'Game version') {
+	} else if (group === 'Game version') {
 		instances.forEach((instance) => {
 			if (!instanceMap.has(instance.game_version)) {
 				instanceMap.set(instance.game_version, [])
@@ -179,7 +190,7 @@ const filteredResults = computed(() => {
 
 			instanceMap.get(instance.game_version).push(instance)
 		})
-	} else if (group.value === 'Group') {
+	} else if (group === 'Group') {
 		instances.forEach((instance) => {
 			if (instance.groups.length === 0) {
 				instance.groups.push('None')
@@ -199,7 +210,7 @@ const filteredResults = computed(() => {
 
 	// For 'name', we intuitively expect the sorting to apply to the name of the group first, not just the name of the instance
 	// ie: Category A should come before B, even if the first instance in B comes before the first instance in A
-	if (sortBy.value === 'Name') {
+	if (sortBy === 'Name') {
 		const sortedEntries = [...instanceMap.entries()].sort((a, b) => {
 			// None should always be first
 			if (a[0] === 'None' && b[0] !== 'None') {
@@ -217,7 +228,7 @@ const filteredResults = computed(() => {
 	}
 	// default sorting would do 1.20.4 < 1.8.9 because 2 < 8
 	// localeCompare with numeric=true puts 1.8.9 < 1.20.4 because 8 < 20
-	if (group.value === 'Game version') {
+	if (group === 'Game version') {
 		const sortedEntries = [...instanceMap.entries()].sort((a, b) => {
 			return a[0].localeCompare(b[0], undefined, { numeric: true })
 		})
@@ -241,7 +252,7 @@ const filteredResults = computed(() => {
 		</div>
 		<DropdownSelect
 			v-slot="{ selected }"
-			v-model="sortBy"
+			v-model="state.sortBy"
 			name="Sort Dropdown"
 			class="max-w-[16rem]"
 			:options="['Name', 'Last played', 'Date created', 'Date modified', 'Game version']"
@@ -252,7 +263,7 @@ const filteredResults = computed(() => {
 		</DropdownSelect>
 		<DropdownSelect
 			v-slot="{ selected }"
-			v-model="group"
+			v-model="state.group"
 			class="max-w-[16rem]"
 			name="Group Dropdown"
 			:options="['Group', 'Loader', 'Game version', 'None']"

apps/app-frontend/src/components/ui/AccountsCard.vue

@@ -571,12 +571,12 @@ onUnmounted(() => {
 	z-index: 11;
 	gap: 0.5rem;
 	padding: 1rem;
-	border: 1px solid var(--color-button-bg);
+	border: 1px solid var(--color-divider);
 	width: max-content;
 	user-select: none;
 	-ms-user-select: none;
 	-webkit-user-select: none;
-	max-height: 98vh;
+	max-height: calc(100vh - 300px);
 	overflow-y: auto;
 
 	&::-webkit-scrollbar-track {
@@ -673,7 +673,7 @@ onUnmounted(() => {
 	text-align: left;
 
 	&.expanded {
-		border: 1px solid var(--color-button-bg);
+		border: 1px solid var(--color-divider);
 		padding: 1rem;
 	}
 }

apps/app-frontend/src/components/ui/ContextMenu.vue

@@ -119,7 +119,7 @@ onBeforeUnmount(() => {
 	background-color: var(--color-raised-bg);
 	border-radius: var(--radius-md);
 	box-shadow: var(--shadow-floating);
-	border: 1px solid var(--color-button-bg);
+	border: 1px solid var(--color-divider);
 	margin: 0;
 	position: fixed;
 	z-index: 1000000;
@@ -163,7 +163,7 @@ onBeforeUnmount(() => {
 	}
 
 	.divider {
-		border: 1px solid var(--color-button-bg);
+		border: 1px solid var(--color-divider);
 		margin: var(--gap-sm);
 		pointer-events: none;
 	}

apps/app-frontend/src/components/ui/InstanceCreationModal.vue

@@ -34,7 +34,7 @@
 			</div>
 			<div class="input-row">
 				<p class="input-label">Game version</p>
-				<div class="versions">
+				<div class="flex gap-4 items-center">
 					<multiselect
 						v-model="game_version"
 						class="selector"
@@ -45,7 +45,7 @@
 						open-direction="top"
 						:show-labels="false"
 					/>
-					<Checkbox v-model="showSnapshots" class="filter-checkbox" label="Show all versions" />
+					<Checkbox v-model="showSnapshots" class="shrink-0" label="Show all versions" />
 				</div>
 			</div>
 			<div v-if="loader !== 'vanilla'" class="input-row">
@@ -563,12 +563,6 @@ const next = async () => {
 	font-style: italic;
 }
 
-.versions {
-	display: flex;
-	flex-direction: row;
-	gap: 1rem;
-}
-
 :deep(button.checkbox) {
 	border: none;
 }

apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue

@@ -69,7 +69,7 @@ onUnmounted(() => {
 			<SpinnerIcon class="animate-spin w-4 h-4" />
 		</div>
 	</NavButton>
-	<div v-if="recentInstances.length > 0" class="h-px w-6 mx-auto my-2 bg-button-bg"></div>
+	<div v-if="recentInstances.length > 0" class="h-px w-6 mx-auto my-2 bg-divider"></div>
 </template>
 
 <style scoped lang="scss"></style>

apps/app-frontend/src/components/ui/RunningAppBar.vue

@@ -293,7 +293,7 @@ onBeforeUnmount(() => {
 	align-items: center;
 	gap: 0.5rem;
 	border-radius: var(--radius-md);
-	border: 1px solid var(--color-button-bg);
+	border: 1px solid var(--color-divider);
 	padding: var(--gap-sm) var(--gap-lg);
 }
 
@@ -356,7 +356,7 @@ onBeforeUnmount(() => {
 	gap: 1rem;
 	overflow: auto;
 	transition: all 0.2s ease-in-out;
-	border: 1px solid var(--color-button-bg);
+	border: 1px solid var(--color-divider);
 
 	&.hidden {
 		transform: translateY(-100%);
@@ -454,7 +454,7 @@ onBeforeUnmount(() => {
 	flex-direction: column;
 	overflow: auto;
 	transition: all 0.2s ease-in-out;
-	border: 1px solid var(--color-button-bg);
+	border: 1px solid var(--color-divider);
 	padding: var(--gap-md);
 
 	&.hidden {

apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue

@@ -15,8 +15,8 @@ import {
 	ButtonStyled,
 	Checkbox,
 	Chips,
+	Combobox,
 	injectNotificationManager,
-	TeleportDropdownMenu,
 } from '@modrinth/ui'
 import {
 	formatCategory,
@@ -164,6 +164,21 @@ const selectableGameVersionNumbers = computed(() => {
 		.map((x) => x.version)
 })
 
+const gameVersionOptions = computed(() =>
+	(selectableGameVersionNumbers.value ?? []).map((v) => ({ value: v, label: v })),
+)
+
+const loaderVersionOptions = computed(() =>
+	(selectableLoaderVersions.value ?? []).map((opt, index) => ({ value: index, label: opt.id })),
+)
+
+const loaderVersionLabel = computed(() => {
+	const idx = loaderVersionIndex.value
+	return idx >= 0 && selectableLoaderVersions.value
+		? selectableLoaderVersions.value[idx]?.id
+		: 'Select version'
+})
+
 const selectableLoaderVersions: ComputedRef<ManifestLoaderVersion[] | undefined> = computed(() => {
 	if (gameVersion.value) {
 		if (loader.value === 'fabric') {
@@ -687,11 +702,11 @@ async function handleInitAuthLibPatching(ismojang: boolean) {
 				{{ formatMessage(messages.gameVersion) }}
 			</h2>
 			<div class="flex flex-wrap mt-2 gap-2">
-				<TeleportDropdownMenu
+				<Combobox
 					v-if="selectableGameVersionNumbers !== undefined"
 					v-model="gameVersion"
-					:options="selectableGameVersionNumbers"
-					name="Game Version Dropdown"
+					:options="gameVersionOptions"
+					:display-value="gameVersion || formatMessage(messages.unknownVersion)"
 				/>
 				<Checkbox
 					v-if="hasSnapshots"
@@ -703,14 +718,13 @@ async function handleInitAuthLibPatching(ismojang: boolean) {
 				<h2 class="m-0 mt-4 text-lg font-extrabold text-contrast block">
 					{{ formatMessage(messages.loaderVersion, { loader: formatCategory(loader) }) }}
 				</h2>
-				<TeleportDropdownMenu
+				<Combobox
 					v-if="selectableLoaderVersions"
-					:model-value="selectableLoaderVersions[loaderVersionIndex]"
-					:options="selectableLoaderVersions"
-					:display-name="(option: ManifestLoaderVersion) => option?.id"
+					v-model="loaderVersionIndex"
+					:options="loaderVersionOptions"
+					:display-value="loaderVersionLabel"
 					name="Version selector"
 					class="mt-2"
-					@change="(value) => (loaderVersionIndex = value.index)"
 				/>
 				<div v-else class="mt-2 text-brand-red flex gap-2 items-center">
 					<IssuesIcon />

apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue

@@ -9,7 +9,7 @@ import useMemorySlider from '@/composables/useMemorySlider'
 import { edit, get_optimal_jre_key } from '@/helpers/profile'
 import { get } from '@/helpers/settings.ts'
 
-import type { AppSettings, InstanceSettingsTabProps, MemorySettings } from '../../../helpers/types'
+import type { AppSettings, InstanceSettingsTabProps } from '../../../helpers/types'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
@@ -22,12 +22,12 @@ const overrideJavaInstall = ref(!!props.instance.java_path)
 const optimalJava = readonly(await get_optimal_jre_key(props.instance.path).catch(handleError))
 const javaInstall = ref({ path: optimalJava.path ?? props.instance.java_path })
 
-const overrideJavaArgs = ref(props.instance.extra_launch_args?.length !== undefined)
+const overrideJavaArgs = ref((props.instance.extra_launch_args?.length ?? 0) > 0)
 const javaArgs = ref(
 	(props.instance.extra_launch_args ?? globalSettings.extra_launch_args).join(' '),
 )
 
-const overrideEnvVars = ref(props.instance.custom_env_vars?.length !== undefined)
+const overrideEnvVars = ref((props.instance.custom_env_vars?.length ?? 0) > 0)
 const envVars = ref(
 	(props.instance.custom_env_vars ?? globalSettings.custom_env_vars)
 		.map((x) => x.join('='))
@@ -42,36 +42,23 @@ const { maxMemory, snapPoints } = (await useMemorySlider().catch(handleError)) a
 }
 
 const editProfileObject = computed(() => {
-	const editProfile: {
-		java_path?: string
-		extra_launch_args?: string[]
-		custom_env_vars?: string[][]
-		memory?: MemorySettings
-	} = {}
-
-	if (overrideJavaInstall.value) {
-		if (javaInstall.value.path !== '') {
-			editProfile.java_path = javaInstall.value.path.replace('java.exe', 'javaw.exe')
-		}
+	return {
+		java_path:
+			overrideJavaInstall.value && javaInstall.value.path !== ''
+				? javaInstall.value.path.replace('java.exe', 'javaw.exe')
+				: null,
+		extra_launch_args: overrideJavaArgs.value
+			? javaArgs.value.trim().split(/\s+/).filter(Boolean)
+			: null,
+		custom_env_vars: overrideEnvVars.value
+			? envVars.value
+					.trim()
+					.split(/\s+/)
+					.filter(Boolean)
+					.map((x) => x.split('=').filter(Boolean))
+			: null,
+		memory: overrideMemorySettings.value ? memory.value : null,
 	}
-
-	if (overrideJavaArgs.value) {
-		editProfile.extra_launch_args = javaArgs.value.trim().split(/\s+/).filter(Boolean)
-	}
-
-	if (overrideEnvVars.value) {
-		editProfile.custom_env_vars = envVars.value
-			.trim()
-			.split(/\s+/)
-			.filter(Boolean)
-			.map((x) => x.split('=').filter(Boolean))
-	}
-
-	if (overrideMemorySettings.value) {
-		editProfile.memory = memory.value
-	}
-
-	return editProfile
 })
 
 watch(

apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue

@@ -26,20 +26,16 @@ const fullscreenSetting: Ref<boolean> = ref(
 )
 
 const editProfileObject = computed(() => {
-	const editProfile: {
-		force_fullscreen?: boolean
-		game_resolution?: [number, number]
-	} = {}
-
-	if (overrideWindowSettings.value) {
-		editProfile.force_fullscreen = fullscreenSetting.value
-
-		if (!fullscreenSetting.value) {
-			editProfile.game_resolution = resolution.value
+	if (!overrideWindowSettings.value) {
+		return {
+			force_fullscreen: null,
+			game_resolution: null,
 		}
 	}
-
-	return editProfile
+	return {
+		force_fullscreen: fullscreenSetting.value,
+		game_resolution: fullscreenSetting.value ? null : resolution.value,
+	}
 })
 
 watch(
@@ -95,14 +91,6 @@ const messages = defineMessages({
 		<Checkbox
 			v-model="overrideWindowSettings"
 			:label="formatMessage(messages.customWindowSettings)"
-			@update:model-value="
-				(value) => {
-					if (!value) {
-						resolution = globalSettings.game_resolution
-						fullscreenSetting = globalSettings.force_fullscreen
-					}
-				}
-			"
 		/>
 		<div class="mt-2 flex items-center gap-4 justify-between">
 			<div>

apps/app-frontend/src/components/ui/settings/AppearanceSettings.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TeleportDropdownMenu, ThemeSelector, Toggle } from '@modrinth/ui'
+import { Combobox, ThemeSelector, Toggle } from '@modrinth/ui'
 import { ref, watch } from 'vue'
 
 import { get, set } from '@/helpers/settings.ts'
@@ -50,7 +50,7 @@ watch(
 			:model-value="themeStore.advancedRendering"
 			@update:model-value="
 				(e) => {
-					themeStore.advancedRendering = e
+					themeStore.advancedRendering = !!e
 					settings.advanced_rendering = themeStore.advancedRendering
 				}
 			"
@@ -86,12 +86,13 @@ watch(
 			<h2 class="m-0 text-lg font-extrabold text-contrast">Default landing page</h2>
 			<p class="m-0 mt-1">Change the page to which the launcher opens on.</p>
 		</div>
-		<TeleportDropdownMenu
+		<Combobox
 			id="opening-page"
 			v-model="settings.default_page"
 			name="Opening page dropdown"
 			class="w-40"
-			:options="['Home', 'Library']"
+			:options="['Home', 'Library'].map((v) => ({ value: v, label: v }))"
+			:display-value="settings.default_page ?? 'Select an option'"
 		/>
 	</div>
 
@@ -122,7 +123,7 @@ watch(
 			:model-value="settings.toggle_sidebar"
 			@update:model-value="
 				(e) => {
-					settings.toggle_sidebar = e
+					settings.toggle_sidebar = !!e
 					themeStore.toggleSidebar = settings.toggle_sidebar
 				}
 			"

apps/app-frontend/src/components/ui/settings/JavaSettings.vue

@@ -21,7 +21,7 @@ async function updateJavaVersion(version) {
 }
 </script>
 <template>
-	<div v-for="(javaVersion, index) in [21, 17, 8]" :key="`java-${javaVersion}`">
+	<div v-for="(javaVersion, index) in [25, 21, 17, 8]" :key="`java-${javaVersion}`">
 		<h2 class="m-0 text-lg font-extrabold text-contrast" :class="{ 'mt-4': index !== 0 }">
 			Java {{ javaVersion }} location
 		</h2>

apps/app-frontend/src/components/ui/world/InstanceItem.vue

@@ -130,7 +130,7 @@ onUnmounted(() => {
 			/>
 		</template>
 		<div
-			class="grid grid-cols-[auto_minmax(0,3fr)_minmax(0,4fr)_auto] items-center gap-2 p-3 bg-bg-raised rounded-xl smart-clickable:highlight-on-hover"
+			class="grid grid-cols-[auto_minmax(0,3fr)_minmax(0,4fr)_auto] items-center gap-2 p-3 bg-bg-raised card-shadow rounded-xl smart-clickable:highlight-on-hover"
 		>
 			<Avatar
 				:src="instanceIcon ? convertFileSrc(instanceIcon) : undefined"

apps/app-frontend/src/components/ui/world/RecentWorldsList.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { LoaderCircleIcon } from '@modrinth/assets'
 import type { GameVersion } from '@modrinth/ui'
 import { GAME_MODES, HeadingLink, injectNotificationManager } from '@modrinth/ui'
 import type { Dayjs } from 'dayjs'
@@ -39,6 +40,7 @@ const props = defineProps<{
 const theme = useTheming()
 
 const jumpBackInItems = ref<JumpBackInItem[]>([])
+const loading = ref(true)
 const serverData = ref<Record<string, ServerData>>({})
 const protocolVersions = ref<Record<string, ProtocolVersion | null>>({})
 const gameVersions = ref<GameVersion[]>(await get_game_versions().catch(() => []))
@@ -71,9 +73,13 @@ watch([() => props.recentInstances, () => showWorlds.value], async () => {
 	})
 })
 
-await populateJumpBackIn().catch(() => {
-	console.error('Failed to populate jump back in')
-})
+populateJumpBackIn()
+	.catch(() => {
+		console.error('Failed to populate jump back in')
+	})
+	.finally(() => {
+		loading.value = false
+	})
 
 async function populateJumpBackIn() {
 	console.info('Repopulating jump back in...')
@@ -233,7 +239,15 @@ onUnmounted(() => {
 </script>
 
 <template>
-	<div v-if="jumpBackInItems.length > 0" class="flex flex-col gap-2">
+	<div v-if="loading" class="flex flex-col gap-2">
+		<span class="flex mt-1 mb-3 leading-none items-center gap-1 text-primary text-lg font-bold">
+			Jump back in
+		</span>
+		<div class="text-center py-4">
+			<LoaderCircleIcon class="mx-auto size-8 animate-spin text-contrast" />
+		</div>
+	</div>
+	<div v-else-if="jumpBackInItems.length > 0" class="flex flex-col gap-2">
 		<HeadingLink v-if="theme.getFeatureFlag('worlds_tab')" to="/worlds" class="mt-1">
 			Jump back in
 		</HeadingLink>

apps/app-frontend/src/components/ui/world/WorldItem.vue

@@ -181,7 +181,7 @@ const messages = defineMessages({
 			/>
 		</template>
 		<div
-			class="grid grid-cols-[auto_minmax(0,3fr)_minmax(0,4fr)_auto] items-center gap-2 p-3 bg-bg-raised smart-clickable:highlight-on-hover rounded-xl"
+			class="grid grid-cols-[auto_minmax(0,3fr)_minmax(0,4fr)_auto] items-center gap-2 p-3 bg-bg-raised card-shadow smart-clickable:highlight-on-hover rounded-xl"
 			:class="{
 				'world-item-highlighted': highlighted,
 			}"

apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TeleportDropdownMenu } from '@modrinth/ui'
+import { Combobox } from '@modrinth/ui'
 import { defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
 
 import type { ServerPackStatus } from '@/helpers/worlds.ts'
@@ -74,12 +74,19 @@ defineExpose({ resourcePackOptions })
 			{{ formatMessage(messages.resourcePack) }}
 		</h2>
 		<div>
-			<TeleportDropdownMenu
+			<Combobox
 				v-model="resourcePack"
-				:options="resourcePackOptions"
+				:options="
+					resourcePackOptions.map((o) => ({
+						value: o,
+						label: formatMessage(resourcePackOptionMessages[o]),
+					}))
+				"
 				name="Server resource pack"
-				:display-name="
-					(option: ServerPackStatus) => formatMessage(resourcePackOptionMessages[option])
+				:display-value="
+					resourcePack
+						? formatMessage(resourcePackOptionMessages[resourcePack])
+						: 'Select an option'
 				"
 			/>
 		</div>

apps/app-frontend/src/helpers/auth.js

@@ -35,6 +35,14 @@ export async function elyby_auth_authenticate(login, password, clientToken) {
   })
 }
 
+/**
+ * Check if the authentication servers are reachable, throwing an exception if
+ * not reachable.
+ */
+export async function check_reachable() {
+	await invoke('plugin:auth|check_reachable')
+}
+
 /**
  * Authenticate a user with Hydra - part 1.
  * This begins the authentication flow quasi-synchronously.

apps/app-frontend/src/helpers/profile.js

@@ -18,7 +18,7 @@ import { install_to_existing_profile } from '@/helpers/pack.js'
     - icon is a path to an image file, which will be copied into the profile directory
 */
 
-export async function create(name, gameVersion, modloader, loaderVersion, iconPath, skipInstall) {
+export async function create(name, gameVersion, modloader, loaderVersion, icon, skipInstall) {
 	//Trim string name to avoid "Unable to find directory"
 	name = name.trim()
 	return await invoke('plugin:profile-create|profile_create', {
@@ -26,7 +26,7 @@ export async function create(name, gameVersion, modloader, loaderVersion, iconPa
 		gameVersion,
 		modloader,
 		loaderVersion,
-		iconPath,
+		icon,
 		skipInstall,
 	})
 }

apps/app-frontend/src/locales/ar-SA/index.json

@@ -1,6 +1,9 @@
 {
   "app.settings.developer-mode-enabled": {
-    "message": "وضع المطوّر مُفعَّل."
+    "message": "تم تفعيل وضع المطوّر."
+  },
+  "app.settings.downloading": {
+    "message": "جار تنزيل الإصدار {version}"
   },
   "app.settings.tabs.appearance": {
     "message": "المظهر"
@@ -9,7 +12,7 @@
     "message": "خيارات النسخة الافتراضية"
   },
   "app.settings.tabs.feature-flags": {
-    "message": "إعدادات المميزات"
+    "message": "أعلام الميزات"
   },
   "app.settings.tabs.java-installations": {
     "message": "تثبيتات جافا"
@@ -20,6 +23,111 @@
   "app.settings.tabs.resource-management": {
     "message": "إدارة الموارد"
   },
+  "app.update-toast.body": {
+    "message": "تطبيق Modrinth الإصدار {version} جاهز للتثبيت!\nأعد التحميل لتحديث التطبيق الآن، أو سيتم التحديث تلقائيًا عند إغلاق تطبيق Modrinth."
+  },
+  "app.update-toast.body.download-complete": {
+    "message": "تطبيق Modrinth الإصدار {version} جاهز للتثبيت!\nأعد التحميل لتحديث التطبيق الآن، أو سيتم التحديث تلقائيًا عند إغلاق تطبيق Modrinth."
+  },
+  "app.update-toast.body.metered": {
+    "message": "تطبيق Modrinth الإصدار {version} متاح الآن!\nنظرًا لأنك تستخدم شبكة محدودة البيانات، لم نقم بتنزيل التحديث تلقائيًا.\n"
+  },
+  "app.update-toast.changelog": {
+    "message": "سجلّ التغييرات"
+  },
+  "app.update-toast.download": {
+    "message": "تنزيل ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "جار التنزيل..."
+  },
+  "app.update-toast.reload": {
+    "message": "إعادة تحميل"
+  },
+  "app.update-toast.title": {
+    "message": "تحديث متاح"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "اكتمل التنزيل"
+  },
+  "app.update.complete-toast.text": {
+    "message": "انقر هنا لعرض سجلّ التغييرات."
+  },
+  "app.update.complete-toast.title": {
+    "message": "تم تثبيت الإصدار {version} بنجاح!"
+  },
+  "app.update.download-update": {
+    "message": "تنزيل التحديث"
+  },
+  "app.update.downloading-update": {
+    "message": "جار تنزيل التحديث ({percent}٪)"
+  },
+  "app.update.reload-to-update": {
+    "message": "أعد التحميل لتثبيت التحديث"
+  },
+  "friends.action.add-friend": {
+    "message": "إضافة صديق"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, one {طلب صداقة} other {طلبات صداقة}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "إرسال طلب صداقة"
+  },
+  "friends.add-friend.title": {
+    "message": "جار إضافة صديق"
+  },
+  "friends.add-friend.username.description": {
+    "message": "قد يختلف عن اسم المستخدم الخاص بهم في Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "أدخل اسم مستخدم Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "ما اسم مستخدم صديقك في Modrinth؟"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>أضف أصدقاء</link> لمعرفة ما الذي يلعبونه!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "إلغاء الطلب"
+  },
+  "friends.friend.remove-friend": {
+    "message": "إزالة صديق"
+  },
+  "friends.friend.request-sent": {
+    "message": "إرسال طلب الصداقة"
+  },
+  "friends.friend.view-profile": {
+    "message": "عرض الملف الشخصي"
+  },
+  "friends.heading": {
+    "message": "أصدقاء"
+  },
+  "friends.heading.active": {
+    "message": "نشط"
+  },
+  "friends.heading.offline": {
+    "message": "غير متصل"
+  },
+  "friends.heading.online": {
+    "message": "متصل"
+  },
+  "friends.heading.pending": {
+    "message": "قيد الانتظار"
+  },
+  "friends.no-friends-match": {
+    "message": "لا يوجد أصدقاء يطابقون ‎''{query}''‎"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "ابحث عن الأصدقاء..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>سجّل الدخول إلى حساب Modrinth</link> لإضافة الأصدقاء ومعرفة ما الذي يلعبونه!"
+  },
   "instance.add-server.add-and-play": {
     "message": "إضافة واللعب"
   },

apps/app-frontend/src/locales/az-AZ/index.json

@@ -1,5 +1,8 @@
 {
   "app.settings.developer-mode-enabled": {
     "message": ""
+  },
+  "app.settings.downloading": {
+    "message": ""
   }
 }

apps/app-frontend/src/locales/ceb-PH/index.json

@@ -12,7 +12,7 @@
     "message": "Mga kapilian sa sukaranan nga pananglitan"
   },
   "app.settings.tabs.feature-flags": {
-    "message": "Bandera sa mga bahin"
+    "message": "Bandera sa mga panagway"
   },
   "app.settings.tabs.java-installations": {
     "message": "Mga pagtaod sa Java"
@@ -21,34 +21,118 @@
     "message": "Pribasiya"
   },
   "app.settings.tabs.resource-management": {
-    "message": "Pagdumala sa kabtangan"
+    "message": "Pagdumala sa kahinguhaan"
+  },
+  "app.update-toast.body": {
+    "message": "Andam na mataud ang Modrinth App v{version}! Pagkarga kausab aron mapasibo, o kinaugalingon pagtak-op sa Modrinth App."
   },
   "app.update-toast.body.download-complete": {
-    "message": "Nahuman ang pagkarganug sa Modrinth App v{version}. Pagkarga kausab aron matuman ang kabag-ohan, o unya nalang sa pagsara sa Modrinth App."
+    "message": "Nahuman ang pagkarganug sa Modrinth App v{version}. Pagkarga kausab aron mapasibo, o kinaugalingon pagtak-op sa Modrinth App."
   },
   "app.update-toast.body.metered": {
     "message": "Magamit na karon ang Modrinth App! Wala namo karganugi daan kay inihap man ang imong pum-ot."
   },
+  "app.update-toast.changelog": {
+    "message": "Talaan sa Kausaban"
+  },
   "app.update-toast.download": {
     "message": "Karganugi ({size})"
   },
   "app.update-toast.downloading": {
     "message": "Gakarganug..."
   },
+  "app.update-toast.reload": {
+    "message": "Kargaha pag-usab"
+  },
+  "app.update-toast.title": {
+    "message": "Naay bag-o nga pagpasibo"
+  },
   "app.update-toast.title.download-complete": {
     "message": "Nahuman ang pagkarganug"
   },
+  "app.update.complete-toast.text": {
+    "message": "Panuplok diri aron malantaw ang talaan sa kausaban."
+  },
+  "app.update.complete-toast.title": {
+    "message": "Malampusong nataud ang bersiyon nga {version}!"
+  },
   "app.update.download-update": {
     "message": "Karganugi ang kausaban"
   },
   "app.update.downloading-update": {
-    "message": "Gakarganug sa kausaban ({percent}%)"
+    "message": "Gakarganug sa pagpasibo ({percent}%)"
+  },
+  "app.update.reload-to-update": {
+    "message": "Andam mataud ang pagpasibo"
+  },
+  "friends.action.add-friend": {
+    "message": "Pagdugang og higala"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} ka hangyo sa pakighigala"
+  },
+  "friends.add-friend.submit": {
+    "message": "Pagpadala og hangyo sa pakighigala"
+  },
+  "friends.add-friend.title": {
+    "message": "Pagdugang og higala"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Mahimong galahi sa ngalan nila sa Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Ibutang ang ngalan sa tiggamit sa Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Unsa man ang ngalan sa imong higala sa Modrinth?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Pagdugang og mga higala</link> aron makit-an ang ilang ginadula!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Bawia ang hangyo"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Tangtangi ang higala"
+  },
+  "friends.friend.request-sent": {
+    "message": "Gipadala na ang hangyo sa pakighigala"
+  },
+  "friends.friend.view-profile": {
+    "message": "Tan-awa ang propayl"
+  },
+  "friends.heading": {
+    "message": "Mga higala"
+  },
+  "friends.heading.active": {
+    "message": "Malihokon"
+  },
+  "friends.heading.offline": {
+    "message": "Sira"
+  },
+  "friends.heading.online": {
+    "message": "Buka"
+  },
+  "friends.heading.pending": {
+    "message": "Gahulat"
+  },
+  "friends.no-friends-match": {
+    "message": "Walay higala nga motukma sa \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Mangita sa mga higala..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Pag-sign-in sa Modrinth account</link> aron makadugang og mga higala ug mahibal-an ang ginadula nila!"
   },
   "instance.add-server.add-and-play": {
     "message": "Idugang ug dulaa"
   },
   "instance.add-server.add-server": {
-    "message": "Idugang ang tigtagad"
+    "message": "Idugang ang magsisilbi"
   },
   "instance.add-server.resource-pack.disabled": {
     "message": "Dili motugot"
@@ -60,13 +144,13 @@
     "message": "Magpatugot"
   },
   "instance.add-server.title": {
-    "message": "Pagdugang og tigtagad"
+    "message": "Pagdugang og magsisilbi"
   },
   "instance.edit-server.title": {
-    "message": "Usba ang tigtagad"
+    "message": "Usba ang magsisilbi"
   },
   "instance.edit-world.hide-from-home": {
-    "message": "Ayaw ipakita sa panid sa Balay"
+    "message": "Ayaw ipakita sa Puluy-anang panid"
   },
   "instance.edit-world.name": {
     "message": "Ngalan"
@@ -75,37 +159,55 @@
     "message": "Minecraft nga Kalibutan"
   },
   "instance.edit-world.reset-icon": {
-    "message": "Walaa ang amoy"
+    "message": "Pag-usab sa amoy"
   },
   "instance.edit-world.title": {
     "message": "Usba ang kalibutan"
   },
   "instance.filter.disabled": {
-    "message": "Di-gagana nga mga proyekto"
+    "message": "Di-paganhong mga proyekto"
   },
   "instance.filter.updates-available": {
     "message": "Naay bag-ong mga kausaban"
   },
+  "instance.server-modal.address": {
+    "message": "Padad-anan"
+  },
   "instance.server-modal.name": {
     "message": "Ngalan"
   },
   "instance.server-modal.placeholder-name": {
-    "message": "Minecraft nga Tigtagad"
+    "message": "Minecraft nga Magsisilbi"
   },
   "instance.server-modal.resource-pack": {
-    "message": "Putos sa kabtangan"
+    "message": "Putos sa kahinguhaan"
+  },
+  "instance.settings.tabs.general": {
+    "message": "Tinanan"
   },
   "instance.settings.tabs.general.delete": {
-    "message": "Tangtangi ang pananglitan"
+    "message": "Panas-i kining pananglitan"
   },
   "instance.settings.tabs.general.delete.button": {
-    "message": "Tangtangi ang pananglitan"
+    "message": "Panas-i kining pananglitan"
   },
   "instance.settings.tabs.general.delete.description": {
-    "message": "Malungtarong matangtang ang pananglitan sa imong himan, apil na ang imong mga kalibutan, paghan-ay, ug tanang gitaod nga sulod. Pag-amping, dili na mabawi kung tangtangon na nimo ang pananglitan."
+    "message": "Malungtarong mopanas ang pananglitan sa imong himan, apil na ang imong mga kalibutan, paghan-ay, ug tanang gitaod nga sulod. Pag-amping, dili na mabawi kung gipanas na nimo ang pananglitan."
+  },
+  "instance.settings.tabs.general.deleting.button": {
+    "message": "Gapanas..."
+  },
+  "instance.settings.tabs.general.duplicate-button": {
+    "message": "Paghulad"
+  },
+  "instance.settings.tabs.general.duplicate-button.tooltip.installing": {
+    "message": "Dili makahulad samtang nga gataud."
+  },
+  "instance.settings.tabs.general.duplicate-instance": {
+    "message": "Paghulad sa pananglitan"
   },
   "instance.settings.tabs.general.duplicate-instance.description": {
-    "message": "Buhatan og kopya kining pananglitan, apil na ang imong mga kalibutan, paghan-ay, kausaban, ug uban pa."
+    "message": "Buhatan og awat kining pananglitan, apil na ang imong mga kalibutan, paghan-ay, kausaban, ug uban pa."
   },
   "instance.settings.tabs.general.edit-icon": {
     "message": "Usba ang amoy"
@@ -113,19 +215,259 @@
   "instance.settings.tabs.general.edit-icon.remove": {
     "message": "Tangtangi ang amoy"
   },
+  "instance.settings.tabs.general.edit-icon.replace": {
+    "message": "Pulihan ang amoy"
+  },
+  "instance.settings.tabs.general.edit-icon.select": {
+    "message": "Pamili og amoy"
+  },
+  "instance.settings.tabs.general.library-groups": {
+    "message": "Mga pundok sa librarya"
+  },
+  "instance.settings.tabs.general.library-groups.create": {
+    "message": "Pagbuhat og bag-o nga pundok"
+  },
+  "instance.settings.tabs.general.library-groups.description": {
+    "message": "Gitugotan sa mga pundok sa librarya nga imong mahan-ay ang imong mga pananglitan sa nagkalain-lain nga bahin sa imong librarya."
+  },
+  "instance.settings.tabs.general.library-groups.enter-name": {
+    "message": "Ibutang ang ngalan sa pundok"
+  },
+  "instance.settings.tabs.general.name": {
+    "message": "Ngalan"
+  },
+  "instance.settings.tabs.hooks": {
+    "message": "Mga kaw-it sa paglansad"
+  },
+  "instance.settings.tabs.hooks.custom-hooks": {
+    "message": "Mga pinatuyo nga kaw-it sa paglansad"
+  },
+  "instance.settings.tabs.hooks.description": {
+    "message": "Gitugotan sa mga kaw-it ang mga eksperto nga mga tiggamit nga makapadagan og mga sistema nga sugo ayha ug paghuman malansad ang dula."
+  },
+  "instance.settings.tabs.hooks.post-exit": {
+    "message": "Human-matak-op"
+  },
+  "instance.settings.tabs.hooks.post-exit.description": {
+    "message": "Ipadagan paghuman matak-op ang dula."
+  },
+  "instance.settings.tabs.hooks.post-exit.enter": {
+    "message": "Ibutang ang human-matak-op nga sugo..."
+  },
+  "instance.settings.tabs.hooks.pre-launch": {
+    "message": "Ayha-malansad"
+  },
+  "instance.settings.tabs.hooks.pre-launch.description": {
+    "message": "Ipadagan ayha malansad ang pananglitan."
+  },
+  "instance.settings.tabs.hooks.pre-launch.enter": {
+    "message": "Ibutang ang ayha-malansad nga sugo..."
+  },
+  "instance.settings.tabs.hooks.title": {
+    "message": "Mga kaw-it sa paglansad sa dula"
+  },
+  "instance.settings.tabs.hooks.wrapper": {
+    "message": "Pamutos"
+  },
+  "instance.settings.tabs.hooks.wrapper.description": {
+    "message": "Pamutos nga sugo sa paglansad sa Minecraft."
+  },
+  "instance.settings.tabs.hooks.wrapper.enter": {
+    "message": "Ibutang ang pamutos nga sugo..."
+  },
+  "instance.settings.tabs.installation": {
+    "message": "Pagtaud"
+  },
+  "instance.settings.tabs.installation.change-version.already-installed.modded": {
+    "message": "Nataud naman ang {platform} {version} alang sa Minecraft {game_version}"
+  },
+  "instance.settings.tabs.installation.change-version.already-installed.vanilla": {
+    "message": "Nataud naman ang Banilya nga {game_version}"
+  },
+  "instance.settings.tabs.installation.change-version.button": {
+    "message": "Pulihan og bersiyon"
+  },
+  "instance.settings.tabs.installation.change-version.button.install": {
+    "message": "Itaud"
+  },
+  "instance.settings.tabs.installation.change-version.button.installing": {
+    "message": "Gataud"
+  },
+  "instance.settings.tabs.installation.change-version.cannot-while-fetching": {
+    "message": "Gapangita og mga bersiyon sa mga putos sa kausaban"
+  },
+  "instance.settings.tabs.installation.change-version.in-progress": {
+    "message": "Gataud sa bag-o nga bersiyon"
+  },
+  "instance.settings.tabs.installation.currently-installed": {
+    "message": "Pagkakarong taud"
+  },
+  "instance.settings.tabs.installation.debug-information": {
+    "message": "Kasayoran sa pagputli:"
+  },
+  "instance.settings.tabs.installation.game-version": {
+    "message": "Bersiyon sa dula"
+  },
+  "instance.settings.tabs.installation.install": {
+    "message": "Itaud"
+  },
+  "instance.settings.tabs.installation.install.in-progress": {
+    "message": "Nagtaud karon"
+  },
+  "instance.settings.tabs.installation.loader-version": {
+    "message": "Bersiyon sa {loader}"
+  },
+  "instance.settings.tabs.installation.minecraft-version": {
+    "message": "Minecraft {version}"
+  },
+  "instance.settings.tabs.installation.no-loader-versions": {
+    "message": "Dili magamit ang {loader} sa Minecraft {version}. Sulayi ang ubang tigkarga sa kausaban."
+  },
+  "instance.settings.tabs.installation.platform": {
+    "message": "Pantawan"
+  },
+  "instance.settings.tabs.installation.reinstall.button": {
+    "message": "Itaud pag-usab ang putos sa kausaban"
+  },
+  "instance.settings.tabs.installation.reinstall.button.reinstalling": {
+    "message": "Nagtaud pag-usab sa putos sa kusaban"
+  },
   "instance.settings.tabs.installation.reinstall.confirm.description": {
     "message": "Mahimo nga mobalik sa sinugdan ang tanang gitaod o giusab nga sulod sa unsay ihatag sa putos sa kausaban, tangtangon ang mga kausaban o sulod nga imong gidugang apil na ang lintunganay nga putos sa kausaban. Mahimo nga maayo ang mga tuhaw nga batasan kon naay pagbag-o sa pananglitan, apan kon gasalig na ang imong kalibutan sa dinugang nga sulod, mahimo nga madaut ani ang daan nga mga kalibutan."
   },
   "instance.settings.tabs.installation.reinstall.description": {
     "message": "Ibalik ang mga sulod sa pananglitan sa unang kahimtang, tangtangon ang mga kausaban o sulod nga imong gidugang apil na ang lintunganay nga putos sa kausaban."
   },
+  "instance.settings.tabs.installation.reinstall.title": {
+    "message": "Itaud pag-usab ang putos sa kausaban"
+  },
+  "instance.settings.tabs.installation.repair.button": {
+    "message": "Ayohon"
+  },
+  "instance.settings.tabs.installation.repair.button.repairing": {
+    "message": "Gaayo"
+  },
+  "instance.settings.tabs.installation.repair.confirm.description": {
+    "message": "Sa pag-ayo, mataud pagbalik ang mga sinaligan sa Minecraft ug mangita og mga kadunot. Mahimo nga masulbad niini ang mga isyu kun dili malunsad ang dula tungod sa mga kasaypan matud sa tiglansad, apan dili ni masulbad ang mga isyu o pagdusmog matud sa mga gitaud nga kausaban."
+  },
+  "instance.settings.tabs.installation.repair.confirm.title": {
+    "message": "Ayohon ang pananglitan?"
+  },
+  "instance.settings.tabs.installation.repair.in-progress": {
+    "message": "Nag-ayo karon"
+  },
+  "instance.settings.tabs.installation.reset-selections": {
+    "message": "Sa kasamtang pag-usab "
+  },
+  "instance.settings.tabs.installation.show-all-versions": {
+    "message": "Ipakita ang tanang bersiyon"
+  },
+  "instance.settings.tabs.installation.tooltip.action.change-version": {
+    "message": "pulihan og bersiyon"
+  },
+  "instance.settings.tabs.installation.tooltip.action.install": {
+    "message": "itaud"
+  },
+  "instance.settings.tabs.installation.tooltip.action.reinstall": {
+    "message": "itaud pag-usab"
+  },
+  "instance.settings.tabs.installation.tooltip.action.repair": {
+    "message": "ayohon"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-installing": {
+    "message": "Dili maka-{action} samtang nga gataud"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-offline": {
+    "message": "Dili maka-{action} samtang binugto"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-repairing": {
+    "message": "Dili maka-{action} samtang nag-ayo"
+  },
+  "instance.settings.tabs.installation.unknown-version": {
+    "message": "(diinilang bersiyon)"
+  },
+  "instance.settings.tabs.installation.unlink.button": {
+    "message": "Pagbugto sa pananglitan"
+  },
+  "instance.settings.tabs.installation.unlink.confirm.description": {
+    "message": "Kun imong ipadayon, dili na nimo makatay pagbalik nga wala mohimo og bag-o nga pananglitan. Dili na ka makadawat og pagpasibo sa putos sa kausaban ug mahimo kining naandan nga."
+  },
+  "instance.settings.tabs.installation.unlink.description": {
+    "message": "Nakakatay kining pananglitan sa usa ka putos sa kausaban, pasabot ani nga dili mapasibo ang mga kausaban og dili nimo mausab ang tigkarga sa kausaban o ang bersiyon sa Minecraft. Kanunay nga mabugto kining pananglitan og putos sa kausabon kun tangtangon ang katay."
+  },
+  "instance.settings.tabs.installation.unlink.title": {
+    "message": "Pagbugto sa putos sa kausaban"
+  },
+  "instance.settings.tabs.java": {
+    "message": "Java at memorya"
+  },
+  "instance.settings.tabs.java.hooks": {
+    "message": "Mga kaw-it"
+  },
+  "instance.settings.tabs.java.java-arguments": {
+    "message": "Mga lantugi sa java"
+  },
+  "instance.settings.tabs.java.java-installation": {
+    "message": "Pagtaud sa Java"
+  },
+  "instance.settings.tabs.java.java-memory": {
+    "message": "Memoryang gigahin"
+  },
+  "instance.settings.tabs.window": {
+    "message": "Tamboanan"
+  },
   "instance.settings.tabs.window.custom-window-settings": {
-    "message": "Mga gusto sa pinatuyo nga tamboanan"
+    "message": "Mga himutangan sa pinatuyo nga tamboanan"
+  },
+  "instance.settings.tabs.window.fullscreen": {
+    "message": "Punong-tabil"
+  },
+  "instance.settings.tabs.window.height": {
+    "message": "Gitas-on"
+  },
+  "instance.settings.tabs.window.height.enter": {
+    "message": "Ibutang ang gitas-on..."
+  },
+  "instance.settings.tabs.window.width": {
+    "message": "Gilapdon"
+  },
+  "instance.settings.tabs.window.width.enter": {
+    "message": "Ibutang ang gilapdon..."
   },
   "instance.settings.title": {
-    "message": "Mga Gusto"
+    "message": "Mga Himutangan"
+  },
+  "instance.worlds.a_minecraft_server": {
+    "message": "Usa ka Minecraft nga Magsisilbi"
+  },
+  "instance.worlds.copy_address": {
+    "message": "Awata ang padad-anan"
+  },
+  "instance.worlds.dont_show_on_home": {
+    "message": "Ayaw pakit-a sa Puloy-anan"
+  },
+  "instance.worlds.filter.available": {
+    "message": "Magamit"
+  },
+  "instance.worlds.hardcore": {
+    "message": "Mahanasnon nga paagi"
+  },
+  "instance.worlds.play_instance": {
+    "message": "Dulai ang pananglitan"
+  },
+  "instance.worlds.type.server": {
+    "message": "Magsisilbi"
+  },
+  "instance.worlds.type.singleplayer": {
+    "message": "Inusara nga dula"
   },
   "instance.worlds.view_instance": {
     "message": "Tan-awa ang pananglitan"
+  },
+  "instance.worlds.world_in_use": {
+    "message": "Gigamit ang kalibotan"
+  },
+  "search.filter.locked.instance.sync": {
+    "message": "Pagdungan sa pananglitan"
   }
 }

apps/app-frontend/src/locales/da-DK/index.json

@@ -2,6 +2,9 @@
   "app.settings.developer-mode-enabled": {
     "message": "Udvikler-tilstand aktiveret."
   },
+  "app.settings.downloading": {
+    "message": "Downloader v{version}"
+  },
   "app.settings.tabs.appearance": {
     "message": "Udseende"
   },
@@ -20,6 +23,111 @@
   "app.settings.tabs.resource-management": {
     "message": "Ressourcestyring"
   },
+  "app.update-toast.body": {
+    "message": "Modrinth App v{version} er allerede installeret! Genindlæs for at opdatere nu, eller automatisk når du lukker Modrinth App."
+  },
+  "app.update-toast.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."
+  },
+  "app.update-toast.body.metered": {
+    "message": "Modrinth App v{version} er nu tilgængelig! Siden du er på et begrænset netværk, vi downloadede den ikke automatisk."
+  },
+  "app.update-toast.changelog": {
+    "message": "Ændringslog"
+  },
+  "app.update-toast.download": {
+    "message": "Download ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "Downloader..."
+  },
+  "app.update-toast.reload": {
+    "message": "Geninlæs"
+  },
+  "app.update-toast.title": {
+    "message": "Opdatering tilgængelig"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "Download færdiggjort"
+  },
+  "app.update.complete-toast.text": {
+    "message": "Klik her for at vise ændringslog."
+  },
+  "app.update.complete-toast.title": {
+    "message": "Version {version} var installeret med succes!"
+  },
+  "app.update.download-update": {
+    "message": "Download opdatering"
+  },
+  "app.update.downloading-update": {
+    "message": "Downloader opdatering ({percent}%)"
+  },
+  "app.update.reload-to-update": {
+    "message": "Genindlæs for at installere opdatering"
+  },
+  "friends.action.add-friend": {
+    "message": "Tilføj en ven"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} venne{count, plural, one {anmodning} other {anmodninger}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "Send en venneanmodning"
+  },
+  "friends.add-friend.title": {
+    "message": "Tilføjer en ven"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Det er muligvis anderledes end deres Minecraft brugernavn!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Indskriv Modrinth brugernavn..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Hvad er din vens Modrinth brugernavn?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Tilføj venner</link> for at se hvad de spiller!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Annuller anmodning"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Fjern ven"
+  },
+  "friends.friend.request-sent": {
+    "message": "Venneanmodning sendt"
+  },
+  "friends.friend.view-profile": {
+    "message": "Vis profil"
+  },
+  "friends.heading": {
+    "message": "Venner"
+  },
+  "friends.heading.active": {
+    "message": "Aktiv"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Afventer"
+  },
+  "friends.no-friends-match": {
+    "message": "Ingen venner som matcher \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Søg venner..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Log ind på en Modrinth konto</link> for at tilføje venner og se hvad de spiller!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Tilføj og spil"
   },

apps/app-frontend/src/locales/de-CH/index.json

@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "Lade neu um Aktualisierung zu installieren"
   },
+  "friends.action.add-friend": {
+    "message": "Freund hinzufügen"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} Freundschaftsanfrage{count, plural, one {} other {n}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "Freundschaftsanfrage senden"
+  },
+  "friends.add-friend.title": {
+    "message": "Einen Freund hinzufügen"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Es könnte anders als ihr Minecraft Nutzername sein!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Modrinth Nutzernamen eingeben..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Was ist der Modrinth Nutzername deines Freundes?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Füge Freunde hinzu</link> um zu sehen, was sie spielen!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Anfrage abbrechen"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Freund entfernen"
+  },
+  "friends.friend.request-sent": {
+    "message": "Freundschaftsanfrage gesendet"
+  },
+  "friends.friend.view-profile": {
+    "message": "Profil anzeigen"
+  },
+  "friends.heading": {
+    "message": "Freunde"
+  },
+  "friends.heading.active": {
+    "message": "Aktiv"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Ausstehend"
+  },
+  "friends.no-friends-match": {
+    "message": "Keine Freunde, die mit \"{query}\" übereinstimmen"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Freunde suchen..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Logge dich in ein Modrinth Konto ein</link> um Freunde hinzuzufügen und zu sehen, was sie spielen!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Ersteue u starte"
   },

apps/app-frontend/src/locales/de-DE/index.json

@@ -15,7 +15,7 @@
     "message": "Funktionsflaggen"
   },
   "app.settings.tabs.java-installations": {
-    "message": "Java Installationen"
+    "message": "Java-Installationen"
   },
   "app.settings.tabs.privacy": {
     "message": "Datenschutz"
@@ -24,16 +24,16 @@
     "message": "Ressourcenmanagement"
   },
   "app.update-toast.body": {
-    "message": "Modrinth App v{version} ist bereit zum Installieren! Lade neu um es jetzt zu updaten, oder automatisch wenn du die Modrinth App schließt."
+    "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-toast.body.download-complete": {
-    "message": "Modrinth App v{version} ist heruntergeladen. Lade neu um es jetzt zu updaten, oder wenn du die Modrinth App schließt."
+    "message": "Modrinth App v{version} wurde heruntergeladen. Neu laden, um jetzt zu aktualisieren, oder automatisch, wenn du die Modrinth App schließt."
   },
   "app.update-toast.body.metered": {
-    "message": "Die Modrinth App v{version} ist jetzt verfügbar! Da Sie sich in einem getakteten Netzwerk befinden, haben wir es nicht automatisch heruntergeladen."
+    "message": "Modrinth App v{version} ist jetzt verfügbar! Da du ein getaktetes Netzwerk nutzt, haben wir den Download nicht automatisch gestartet."
   },
   "app.update-toast.changelog": {
-    "message": "Änderungen"
+    "message": "Änderungsverlauf"
   },
   "app.update-toast.download": {
     "message": "Herunterladen ({size})"
@@ -45,26 +45,89 @@
     "message": "Neu laden"
   },
   "app.update-toast.title": {
-    "message": "Aktualisierung verfügbar"
+    "message": "Update verfügbar"
   },
   "app.update-toast.title.download-complete": {
-    "message": "Herunterladen abgeschlossen"
+    "message": "Download abgeschlossen"
   },
   "app.update.complete-toast.text": {
-    "message": "Drücke hier um die Änderungen zu sehen."
+    "message": "Hier klicken, um das Änderungsprotokoll anzuzeigen."
   },
   "app.update.complete-toast.title": {
     "message": "Version {version} wurde erfolgreich installiert!"
   },
   "app.update.download-update": {
-    "message": "Lade Update herunter"
+    "message": "Update herunterladen"
   },
   "app.update.downloading-update": {
-    "message": "Lade Update Herunter ({percent}%)"
+    "message": "Update wird heruntergeladen ({percent}%)"
   },
   "app.update.reload-to-update": {
     "message": "Neu laden um Update zu installieren"
   },
+  "friends.action.add-friend": {
+    "message": "Freund hinzufügen"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, one {Freundesanfrage} other {Freundesanfragen}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "Freundesanfrage senden"
+  },
+  "friends.add-friend.title": {
+    "message": "Einen Freund hinzufügen"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Er kann vom Minecraft-Nutzernamen abweichen!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Modrinth-Benutzernamen eingeben..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Wie lautet der Modrinth-Benutzername deines Freundes?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Freunde hinzufügen</link>, um zu sehen, was sie spielen!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Anfrage abbrechen"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Freund entfernen"
+  },
+  "friends.friend.request-sent": {
+    "message": "Freundesanfrage gesendet"
+  },
+  "friends.friend.view-profile": {
+    "message": "Profil anzeigen"
+  },
+  "friends.heading": {
+    "message": "Freunde"
+  },
+  "friends.heading.active": {
+    "message": "Aktiv"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Ausstehend"
+  },
+  "friends.no-friends-match": {
+    "message": "Keine Freunde die \"{query}\" entsprechen"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Freunde durchsuchen..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Melde dich bei einem Modrinth-Konto an</link>, um Freunde hinzuzufügen und zu sehen, was sie gerade spielen!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Hinzufügen und spielen"
   },
@@ -93,7 +156,7 @@
     "message": "Name"
   },
   "instance.edit-world.placeholder-name": {
-    "message": "Minecraft Welt"
+    "message": "Minecraft-Welt"
   },
   "instance.edit-world.reset-icon": {
     "message": "Icon zurücksetzen"
@@ -114,7 +177,7 @@
     "message": "Name"
   },
   "instance.server-modal.placeholder-name": {
-    "message": "Minecraft Server"
+    "message": "Minecraft-Server"
   },
   "instance.server-modal.resource-pack": {
     "message": "Ressourcenpaket"
@@ -129,16 +192,16 @@
     "message": "Instanz löschen"
   },
   "instance.settings.tabs.general.delete.description": {
-    "message": "Löscht eine Instanz dauerhaft von deinem Gerät, einschließlich deiner Welten, Einstellungen und aller installierten Inhalte. Sei vorsichtig, eine gelöschte Installation ist nicht wiederherstellbar."
+    "message": "Löscht eine Instanz dauerhaft von deinem Gerät, einschließlich deiner Welten, Einstellungen und aller installierten Inhalte. Sei vorsichtig, da eine gelöschte Instanz nicht wiederhergestellt werden kann."
   },
   "instance.settings.tabs.general.deleting.button": {
     "message": "Wird gelöscht..."
   },
   "instance.settings.tabs.general.duplicate-button": {
-    "message": "Duplizieren"
+    "message": "Kopieren"
   },
   "instance.settings.tabs.general.duplicate-button.tooltip.installing": {
-    "message": "Kann während der Installation nicht dupliziert werden."
+    "message": "Kann während der Installation nicht kopiert werden."
   },
   "instance.settings.tabs.general.duplicate-instance": {
     "message": "Instanz duplizieren"
@@ -165,7 +228,7 @@
     "message": "Neue Gruppe erstellen"
   },
   "instance.settings.tabs.general.library-groups.description": {
-    "message": "Gruppen ermöglichen dir, deine Instanzen in verschiedenen Abteilen deiner Bibliothek einzuteilen."
+    "message": "Bibliotheksgruppen ermöglichen es dir, deine Instanzen in verschiedene Abschnitte deiner Bibliothek zu organisieren."
   },
   "instance.settings.tabs.general.library-groups.enter-name": {
     "message": "Gruppenname eingeben"
@@ -183,25 +246,25 @@
     "message": "Hooks ermöglichen es fortgeschrittenen Benutzern, bestimmte Systembefehle vor und nach dem Spielstart auszuführen."
   },
   "instance.settings.tabs.hooks.post-exit": {
-    "message": "Nach dem Schließen des Spiels"
+    "message": "Nach dem Beenden"
   },
   "instance.settings.tabs.hooks.post-exit.description": {
-    "message": "Wird ausgeführt nach dem Beenden des Spiels."
+    "message": "Wird nach dem Beenden des Spiels ausgeführt."
   },
   "instance.settings.tabs.hooks.post-exit.enter": {
-    "message": "Ausgeführter Befehl nach dem Beenden des Spiels eingeben..."
+    "message": "Nach Spielbeendigung auszuführender Befehl eingeben..."
   },
   "instance.settings.tabs.hooks.pre-launch": {
-    "message": "Vor dem Starten des Spiels"
+    "message": "Vor dem Start"
   },
   "instance.settings.tabs.hooks.pre-launch.description": {
-    "message": "Wird ausgeführt nach dem Starten des Spiels."
+    "message": "Wird vor dem Starten der Instanz ausgeführt."
   },
   "instance.settings.tabs.hooks.pre-launch.enter": {
-    "message": "Ausgeführter Befehl nach dem Starten des Spiels eingeben..."
+    "message": "Vor Spielstart auszuführender Befehl eingeben..."
   },
   "instance.settings.tabs.hooks.title": {
-    "message": "Start Hooks"
+    "message": "Start-Hooks"
   },
   "instance.settings.tabs.hooks.wrapper": {
     "message": "Wrapper"
@@ -237,7 +300,7 @@
     "message": "Neue Version wird installiert"
   },
   "instance.settings.tabs.installation.currently-installed": {
-    "message": "Aktuell installiert"
+    "message": "Derzeit installiert"
   },
   "instance.settings.tabs.installation.debug-information": {
     "message": "Informationen für die Fehlerbehebung:"
@@ -252,7 +315,7 @@
     "message": "Installieren"
   },
   "instance.settings.tabs.installation.install.in-progress": {
-    "message": "Wird installiert"
+    "message": "Installation im Gange"
   },
   "instance.settings.tabs.installation.loader-version": {
     "message": "{loader} Version"
@@ -279,13 +342,13 @@
     "message": "Modpack wird neu installiert"
   },
   "instance.settings.tabs.installation.reinstall.confirm.description": {
-    "message": "Durch die Neuinstallation werden alle installierten oder geänderten Inhalte auf die vom Modpack bereitgestellten Inhalte zurückgesetzt, wobei alle Mods oder Inhalte entfernt werden, die zusätzlich zur ursprünglichen Installation hinzugefügt wurden. Dies kann unerwartetes Verhalten beheben, wenn Änderungen an der Instanz vorgenommen wurden. Wenn Ihre Welten jedoch von zusätzlich installierten Inhalten abhängig sind, kann dies zu Fehlern in bestehenden Welten führen."
+    "message": "Eine Neuinstallation setzt alle installierten oder geänderten Inhalte auf den Zustand zurück, der vom Modpack bereitgestellt wird, und entfernt alle Mods oder Inhalte, die du zusätzlich zur ursprünglichen Installation hinzugefügt hast.\nDies kann unerwartetes Verhalten beheben, falls Änderungen an der Instanz vorgenommen wurden. Wenn deine Welten jedoch von zusätzlich installierten Inhalten abhängen, kann dies bestehende Welten beschädigen."
   },
   "instance.settings.tabs.installation.reinstall.confirm.title": {
     "message": "Bist du dir sicher, dass du diese Instanz neu installieren willst?"
   },
   "instance.settings.tabs.installation.reinstall.description": {
-    "message": "Setzt den Inhalt der Instanz auf seinen ursprünglichen Zustand zurück und entfernt alle Mods oder Inhalte, die zusätzlich zum ursprünglichen Modpack hinzugefügt wurden."
+    "message": "Setzt den Inhalt der Instanz auf den ursprünglichen Zustand zurück und entfernt alle Mods oder Inhalte, die du zusätzlich zum ursprünglichen Modpack hinzugefügt hast."
   },
   "instance.settings.tabs.installation.reinstall.title": {
     "message": "Modpack neu installieren"
@@ -306,7 +369,7 @@
     "message": "Reparatur im Gange"
   },
   "instance.settings.tabs.installation.reset-selections": {
-    "message": "Auf aktuellen Wert zurücksetzen"
+    "message": "Auf aktuellen Stand zurücksetzen"
   },
   "instance.settings.tabs.installation.show-all-versions": {
     "message": "Alle Versionen anzeigen"
@@ -315,19 +378,19 @@
     "message": "Version ändern"
   },
   "instance.settings.tabs.installation.tooltip.action.install": {
-    "message": "installieren"
+    "message": "Installieren"
   },
   "instance.settings.tabs.installation.tooltip.action.reinstall": {
-    "message": "neuinstallieren"
+    "message": "Neuinstallieren"
   },
   "instance.settings.tabs.installation.tooltip.action.repair": {
-    "message": "reparieren"
+    "message": "Reparieren"
   },
   "instance.settings.tabs.installation.tooltip.cannot-while-installing": {
     "message": "{action} während der Installation nicht möglich"
   },
   "instance.settings.tabs.installation.tooltip.cannot-while-offline": {
-    "message": "{action} wegen fehlender Internetverbindung nicht möglich"
+    "message": "{action} offline nicht möglich"
   },
   "instance.settings.tabs.installation.tooltip.cannot-while-repairing": {
     "message": "{action} während der Reparation nicht möglich"
@@ -339,7 +402,7 @@
     "message": "Verknüpfung der Instanz trennen"
   },
   "instance.settings.tabs.installation.unlink.confirm.description": {
-    "message": "Wenn du fortfährst, kann die Instanz nicht erneut verknüpft werden, ohne eine völlig neue Instanz zu erstellen. Du erhältst keine Modpack-Updates mehr und es wird zu einer normalen Instanz."
+    "message": "Wenn du fortfährst, kannst du sie nicht erneut verknüpfen, ohne eine völlig neue Instanz zu erstellen. Du wirst keine Modpack-Updates mehr erhalten, und sie wird zu einer normalen Instanz."
   },
   "instance.settings.tabs.installation.unlink.confirm.title": {
     "message": "Möchtest du die Verknüpfungen dieser Instanz wirklich trennen?"
@@ -363,19 +426,19 @@
     "message": "Java-Argumente"
   },
   "instance.settings.tabs.java.java-installation": {
-    "message": "Java Installation"
+    "message": "Java-Installation"
   },
   "instance.settings.tabs.java.java-memory": {
     "message": "Zugewiesener Arbeitsspeicher"
   },
   "instance.settings.tabs.window": {
-    "message": "Spielfenster"
+    "message": "Fenster"
   },
   "instance.settings.tabs.window.custom-window-settings": {
-    "message": "Benutzerdefinierte Spielfenstereinstellungen"
+    "message": "Benutzerdefinierte Fenstereinstellungen"
   },
   "instance.settings.tabs.window.fullscreen": {
-    "message": "Vollbildschirm"
+    "message": "Vollbild"
   },
   "instance.settings.tabs.window.fullscreen.description": {
     "message": "Lässt das Spiel im Vollbildmodus starten (mit Verwendung von options.txt)."
@@ -384,7 +447,7 @@
     "message": "Höhe"
   },
   "instance.settings.tabs.window.height.description": {
-    "message": "Die Höhe des spiel Fensters beim Starten."
+    "message": "Die Höhe des Spielfensters beim Start."
   },
   "instance.settings.tabs.window.height.enter": {
     "message": "Höhe eingeben..."
@@ -393,7 +456,7 @@
     "message": "Breite"
   },
   "instance.settings.tabs.window.width.description": {
-    "message": "Die Breite des spiel Fensters beim Starten."
+    "message": "Die Breite des Spielfensters beim Start."
   },
   "instance.settings.tabs.window.width.enter": {
     "message": "Breite eingeben..."
@@ -444,7 +507,7 @@
     "message": "Einzelspieler"
   },
   "instance.worlds.view_instance": {
-    "message": "Instanzen anzeigen"
+    "message": "Instanz anzeigen"
   },
   "instance.worlds.world_in_use": {
     "message": "Welt wird aktuell benutzt"

apps/app-frontend/src/locales/en-US/index.json

@@ -1,4 +1,10 @@
 {
+  "app.auth-servers.unreachable.body": {
+    "message": "Minecraft authentication servers may be down right now. Check your internet connection and try again later."
+  },
+  "app.auth-servers.unreachable.header": {
+    "message": "Cannot reach authentication servers"
+  },
   "app.settings.developer-mode-enabled": {
     "message": "Developer mode enabled."
   },

apps/app-frontend/src/locales/es-419/index.json

@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "Recarga para instalar la actualización"
   },
+  "friends.action.add-friend": {
+    "message": "Añadir un amigo"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, one {solicitud} other {solicitudes}} de amistad"
+  },
+  "friends.add-friend.submit": {
+    "message": "Enviar solicitud de amistad"
+  },
+  "friends.add-friend.title": {
+    "message": "Añadiendo un amigo"
+  },
+  "friends.add-friend.username.description": {
+    "message": "¡Podría ser distinto a su nombre de Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Escribe el nombre de usuario de Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "¿Cuál es el nombre de usuario de Modrinth de tu amigo?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>¡Añade amigos</link> para ver qué están jugando!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Cancelar solicitud"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Eliminar amigo"
+  },
+  "friends.friend.request-sent": {
+    "message": "Solicitud de amistad enviada"
+  },
+  "friends.friend.view-profile": {
+    "message": "Ver perfil"
+  },
+  "friends.heading": {
+    "message": "Amigos"
+  },
+  "friends.heading.active": {
+    "message": "Activos"
+  },
+  "friends.heading.offline": {
+    "message": "Desconectados"
+  },
+  "friends.heading.online": {
+    "message": "Conectados"
+  },
+  "friends.heading.pending": {
+    "message": "Pendiente"
+  },
+  "friends.no-friends-match": {
+    "message": "Ningún amigo coincide con \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Buscar amigos..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>¡Inicia sesión en una cuenta de Modrinth</link> para añadir amigos y ver qué están jugando!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Añadir y jugar"
   },
@@ -117,7 +180,7 @@
     "message": "Servidor de Minecraft"
   },
   "instance.server-modal.resource-pack": {
-    "message": "Paquete de recursos"
+    "message": "Resource pack"
   },
   "instance.settings.tabs.general": {
     "message": "General"

apps/app-frontend/src/locales/es-ES/index.json

@@ -24,13 +24,13 @@
     "message": "Gestión de recursos"
   },
   "app.update-toast.body": {
-    "message": "¡La aplicación Modrinth v{version} está lista para instalarse! Actualiza ahora o automáticamente al cerrar la aplicación Modrinth."
+    "message": "¡La versión v{version} de Modrinth está lista para instalarse! Actualiza ahora o automáticamente al cerrar la aplicación."
   },
   "app.update-toast.body.download-complete": {
-    "message": "La descarga de la aplicación Modrinth v{version} ha finalizado. Actualice ahora o automáticamente al cerrar la aplicación Modrinth."
+    "message": "La descarga de la versión v{version} de Modrinth ha finalizado. Actualice ahora o automáticamente al cerrar la aplicación."
   },
   "app.update-toast.body.metered": {
-    "message": "¡La aplicación Modrinth v{version} ya está disponible! Como estás conectado a una red con límite de datos, no la hemos descargado automáticamente."
+    "message": "¡La versión v{version} de Modrinth ya está disponible! Como estás conectado a una red con límite de datos, no la hemos descargado automáticamente."
   },
   "app.update-toast.changelog": {
     "message": "Registro de cambios"
@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "Recarga para instalar la actualización"
   },
+  "friends.action.add-friend": {
+    "message": "Agrega a un amigo"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, one {petición} other {peticiones}} de amistad"
+  },
+  "friends.add-friend.submit": {
+    "message": "Envía una petición de amistad"
+  },
+  "friends.add-friend.title": {
+    "message": "Agrega a un amigo"
+  },
+  "friends.add-friend.username.description": {
+    "message": "¡Puede ser diferente de su apodo en Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Escribe su apodo en Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "¿Cuál es el apodo de tu amigo en Modrinth?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Añade amigos</link> para ver a qué están jugando."
+  },
+  "friends.friend.cancel-request": {
+    "message": "Cancelar petición"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Eliminar amigo"
+  },
+  "friends.friend.request-sent": {
+    "message": "Petición de amistad enviada"
+  },
+  "friends.friend.view-profile": {
+    "message": "Ver perfil"
+  },
+  "friends.heading": {
+    "message": "Amigos"
+  },
+  "friends.heading.active": {
+    "message": "Activos"
+  },
+  "friends.heading.offline": {
+    "message": "Desconectados"
+  },
+  "friends.heading.online": {
+    "message": "Conectados"
+  },
+  "friends.heading.pending": {
+    "message": "Pendientes"
+  },
+  "friends.no-friends-match": {
+    "message": "Ningún apodo concuerda con ''{query}''"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Buscando amigos..."
+  },
+  "friends.section.heading": {
+    "message": "{title}: {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Inicia sesión en una cuenta Modrinth</link> para añadir amigos y ver a qué están jugando."
+  },
   "instance.add-server.add-and-play": {
     "message": "Añadir y jugar"
   },
@@ -141,7 +204,7 @@
     "message": "No puedes duplicar mientras se instala."
   },
   "instance.settings.tabs.general.duplicate-instance": {
-    "message": "Duplicar instancia."
+    "message": "Duplicar instancia"
   },
   "instance.settings.tabs.general.duplicate-instance.description": {
     "message": "Crea una copia de esta instancia, incluyendo mundos, configuraciones, mods, etc."
@@ -216,7 +279,7 @@
     "message": "Instancia"
   },
   "instance.settings.tabs.installation.change-version.already-installed.modded": {
-    "message": "{platform} {version} para Minecraft {game_version} ya esta instalada"
+    "message": "{platform} {version} para Minecraft {game_version} ya está instalada"
   },
   "instance.settings.tabs.installation.change-version.already-installed.vanilla": {
     "message": "La versión vanilla {game_version} ya está instalada"

apps/app-frontend/src/locales/fil-PH/index.json

@@ -23,32 +23,116 @@
   "app.settings.tabs.resource-management": {
     "message": "Pamamahala ng resource"
   },
+  "app.update-toast.body": {
+    "message": "Ang Modrinth App v{version} ay handa nang ma-install. Mag-reload upang ma-update ngayon, o awtomatiko pagsara ng Modrinth App."
+  },
   "app.update-toast.body.download-complete": {
-    "message": "Tapos nang ma-download ang Modrinth App v{version}. Mag-reload upang ma-update ngayon, o mamaya nalang sa pagsara ng Modrinth App."
+    "message": "Tapos nang ma-download ang Modrinth App v{version}. Mag-reload upang ma-update ngayon, o awtomatiko pagsara ng Modrinth App."
   },
   "app.update-toast.body.metered": {
     "message": "Magagamit na ngayon ang Modrinth App v{version}! Hindi namin dinanload kaagad dahil naka-metro ang inyong network."
   },
+  "app.update-toast.changelog": {
+    "message": "Changelog"
+  },
   "app.update-toast.download": {
     "message": "I-download ({size})"
   },
   "app.update-toast.downloading": {
     "message": "Nagda-download..."
   },
+  "app.update-toast.reload": {
+    "message": "Mag-reload"
+  },
+  "app.update-toast.title": {
+    "message": "May bagong update"
+  },
   "app.update-toast.title.download-complete": {
     "message": "Nakumpleto ang pagdownload"
   },
+  "app.update.complete-toast.text": {
+    "message": "Magpindot rito upang matingnan ang changelog."
+  },
+  "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"
+  },
+  "friends.action.add-friend": {
+    "message": "Magdagdag ng kaibigan"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count, plural, one {{count}} other {{count} na}} hiling na makipagkaibigan"
+  },
+  "friends.add-friend.submit": {
+    "message": "Magpadala ng hiling na makipagkaibigan"
+  },
+  "friends.add-friend.title": {
+    "message": "Pagdaragdag ng kaibigan"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Maaaraing hindi pareho sa kanilang pangalan sa Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Ilagay ang username sa Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Ano ang pangalan ng iyong kaibigan sa Modrinth?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Magdagdag ng mga kaibigan</link> upang makita ang kanilang nilalaro!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Kanselahin ang hiling"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Tanggalin ang kaibing"
+  },
+  "friends.friend.request-sent": {
+    "message": "Ipinadala na ang hiling na makipagkaibigan"
+  },
+  "friends.friend.view-profile": {
+    "message": "Tingnan ang profile"
+  },
+  "friends.heading": {
+    "message": "Mga kaibigan"
+  },
+  "friends.heading.active": {
+    "message": "Aktibo"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Nakabinbin"
+  },
+  "friends.no-friends-match": {
+    "message": "Walang kaibigang tumugma sa \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Hanapin ang mga kaibigan..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Mag-sign-in sa Modrinth account</link> upang maidagdag ang mga kaibigan at malaman ang kanilang nilalaro!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Idagdag at laruin"
   },
   "instance.add-server.add-server": {
-    "message": "Idagdag ang serber"
+    "message": "Idagdag ang server"
   },
   "instance.add-server.resource-pack.disabled": {
     "message": "Hindi pinahihintulotan"
@@ -60,10 +144,10 @@
     "message": "Magpahintulot"
   },
   "instance.add-server.title": {
-    "message": "Magdagdag ng serber"
+    "message": "Magdagdag ng server"
   },
   "instance.edit-server.title": {
-    "message": "Baguhin ang serber"
+    "message": "Baguhin ang server"
   },
   "instance.edit-world.hide-from-home": {
     "message": "Huwag ipakita sa Home na pahina"
@@ -75,7 +159,7 @@
     "message": "Minecraft na Mundo"
   },
   "instance.edit-world.reset-icon": {
-    "message": "Walain ang ikono"
+    "message": "I-reset ang ikono"
   },
   "instance.edit-world.title": {
     "message": "Baguhin ang mundo"
@@ -86,15 +170,21 @@
   "instance.filter.updates-available": {
     "message": "May bagong mga update"
   },
+  "instance.server-modal.address": {
+    "message": "Adres"
+  },
   "instance.server-modal.name": {
     "message": "Pangalan"
   },
   "instance.server-modal.placeholder-name": {
-    "message": "Minecraft na Serber"
+    "message": "Minecraft Server"
   },
   "instance.server-modal.resource-pack": {
     "message": "Resource pack"
   },
+  "instance.settings.tabs.general": {
+    "message": "General"
+  },
   "instance.settings.tabs.general.delete": {
     "message": "I-delete ang instansiya"
   },
@@ -104,6 +194,18 @@
   "instance.settings.tabs.general.delete.description": {
     "message": "Permanenteng matatanggal ang instansiya sa iyong device, kasali na ang iyong mga mundo, konpigurasyon, at lahat ng nakainstall na kontento. Mag-ingat, kapag magtanggal ka ng instansiya ay hindi na ito mababawi."
   },
+  "instance.settings.tabs.general.deleting.button": {
+    "message": "Nagde-delete..."
+  },
+  "instance.settings.tabs.general.duplicate-button": {
+    "message": "I-duplicate"
+  },
+  "instance.settings.tabs.general.duplicate-button.tooltip.installing": {
+    "message": "Hindi makaka-duplicate habang nag-i-install."
+  },
+  "instance.settings.tabs.general.duplicate-instance": {
+    "message": "I-duplicate ang instansiya"
+  },
   "instance.settings.tabs.general.duplicate-instance.description": {
     "message": "Gagawan ng kopya ng instansiyang ito, kasali na ang mga mundo, konpigurasyon, mods, at iba pa."
   },
@@ -113,19 +215,259 @@
   "instance.settings.tabs.general.edit-icon.remove": {
     "message": "Tanggalin ang ikono"
   },
+  "instance.settings.tabs.general.edit-icon.replace": {
+    "message": "Palitan ang ikono"
+  },
+  "instance.settings.tabs.general.edit-icon.select": {
+    "message": "Pumili ng ikono"
+  },
+  "instance.settings.tabs.general.library-groups": {
+    "message": "Mga grupo ng librerya"
+  },
+  "instance.settings.tabs.general.library-groups.create": {
+    "message": "Gumawa ng bagong grupo"
+  },
+  "instance.settings.tabs.general.library-groups.description": {
+    "message": "Binibigyan ng mga grupo ng librerya na iyong maayos ang iyong mga instansiya sa iba't-ibang pangkat in iyong librerya."
+  },
+  "instance.settings.tabs.general.library-groups.enter-name": {
+    "message": "Ilagay ang pangalan ng grupo"
+  },
+  "instance.settings.tabs.general.name": {
+    "message": "Pangalan"
+  },
+  "instance.settings.tabs.hooks": {
+    "message": "Mga launch hook"
+  },
+  "instance.settings.tabs.hooks.custom-hooks": {
+    "message": "Mga custom na launch hook"
+  },
+  "instance.settings.tabs.hooks.description": {
+    "message": "Binibigyan-daan ng mga hook ang mga ekspertong user na makapagtakbo ng mga system command bago at pagkatapos ma-launch ang laro."
+  },
+  "instance.settings.tabs.hooks.post-exit": {
+    "message": "Post-exist"
+  },
+  "instance.settings.tabs.hooks.post-exit.description": {
+    "message": "Ipapatakbo pagkatapos magsara ang laro."
+  },
+  "instance.settings.tabs.hooks.post-exit.enter": {
+    "message": "Ilagay ang post-exit command..."
+  },
+  "instance.settings.tabs.hooks.pre-launch": {
+    "message": "Pre-launch"
+  },
+  "instance.settings.tabs.hooks.pre-launch.description": {
+    "message": "Ipapatakbo bago mai-launch ang instansiya."
+  },
+  "instance.settings.tabs.hooks.pre-launch.enter": {
+    "message": "Ilagay ang pre-launch command..."
+  },
+  "instance.settings.tabs.hooks.title": {
+    "message": "Mga launch hook ng laro"
+  },
+  "instance.settings.tabs.hooks.wrapper": {
+    "message": "Wrapper"
+  },
+  "instance.settings.tabs.hooks.wrapper.description": {
+    "message": "Wrapper command sa pag-launch ng Minecraft."
+  },
+  "instance.settings.tabs.hooks.wrapper.enter": {
+    "message": "Ilagay ang wrapper command..."
+  },
+  "instance.settings.tabs.installation": {
+    "message": "Instalasyon"
+  },
+  "instance.settings.tabs.installation.change-version.already-installed.modded": {
+    "message": "Naka-install naman ang {platform} {version} para sa Minecraft {game_version}"
+  },
+  "instance.settings.tabs.installation.change-version.already-installed.vanilla": {
+    "message": "Naka-install naman ang Vanilla {game_version}"
+  },
+  "instance.settings.tabs.installation.change-version.button": {
+    "message": "Palitan ang bersiyon"
+  },
+  "instance.settings.tabs.installation.change-version.button.install": {
+    "message": "I-install"
+  },
+  "instance.settings.tabs.installation.change-version.button.installing": {
+    "message": "Ini-install"
+  },
+  "instance.settings.tabs.installation.change-version.cannot-while-fetching": {
+    "message": "Nagfe-fetch ng mga bersiyon ng modpack"
+  },
+  "instance.settings.tabs.installation.change-version.in-progress": {
+    "message": "Ini-install ang bagong bersiyon"
+  },
+  "instance.settings.tabs.installation.currently-installed": {
+    "message": "Kasalukuyang naka-install"
+  },
+  "instance.settings.tabs.installation.debug-information": {
+    "message": "Impormasyon sa pagdebug:"
+  },
+  "instance.settings.tabs.installation.game-version": {
+    "message": "Bersiyon ng laro"
+  },
+  "instance.settings.tabs.installation.install": {
+    "message": "I-install"
+  },
+  "instance.settings.tabs.installation.install.in-progress": {
+    "message": "Nag-i-install ngayon"
+  },
+  "instance.settings.tabs.installation.loader-version": {
+    "message": "Bersiyon ng {loader}"
+  },
+  "instance.settings.tabs.installation.minecraft-version": {
+    "message": "Minecraft {version}"
+  },
+  "instance.settings.tabs.installation.no-loader-versions": {
+    "message": "Hindi magagamit ang {loader} sa Minecraft {version}. Sumubok ng ibang mod loader."
+  },
+  "instance.settings.tabs.installation.platform": {
+    "message": "Plataporma"
+  },
+  "instance.settings.tabs.installation.reinstall.button": {
+    "message": "I-reinstall ang modpack"
+  },
+  "instance.settings.tabs.installation.reinstall.button.reinstalling": {
+    "message": "Ini-re-reinstall ang modpack"
+  },
   "instance.settings.tabs.installation.reinstall.confirm.description": {
     "message": "Ang pagrere-install ay maaaring mare-reset ang lahat ng na-install o binago na kontento sa kung anong ibibigay ng modpack, tatanggalin ang mga mods o kontentong idinagdag mo lalo na ang mga orihinal na modpack. Maaari nitong masiayos ang mga hindi inaasahang pag-uugali kung may pagbabagong naganap sa instansiya, ngunit kung dumedepende na ang iyong mundo sa karagdagang kontento, maaari nitong masira ang mga umiiral na mundo."
   },
   "instance.settings.tabs.installation.reinstall.description": {
     "message": "I-reset ang mga kontento ng instansiya sa orihinal niyang estado, tatanggalin ang mga mods o kontentong idinagdag mo lalo na ang mga orihinal na modpack."
   },
+  "instance.settings.tabs.installation.reinstall.title": {
+    "message": "I-reinstall ang modpack"
+  },
+  "instance.settings.tabs.installation.repair.button": {
+    "message": "Ayusin"
+  },
+  "instance.settings.tabs.installation.repair.button.repairing": {
+    "message": "Inaayos"
+  },
+  "instance.settings.tabs.installation.repair.confirm.description": {
+    "message": "Sa pagre-repair, mare-reinstall ang mga dependency ng Minecraft at maghahanap ng mga kurapsiyon. Maaaring maresolbe nito ang mga isyu kung hindi malu-launch ang laro dahil sa mga launcher-related error, ngunit hindi nito mareresolbe ang mga isyu o pag-crash na dulot nga mga na-install na mod."
+  },
+  "instance.settings.tabs.installation.repair.confirm.title": {
+    "message": "Ayusin ang instansiya?"
+  },
+  "instance.settings.tabs.installation.repair.in-progress": {
+    "message": "Inaayos ngayon"
+  },
+  "instance.settings.tabs.installation.reset-selections": {
+    "message": "Sa kasalukuyan i-reset"
+  },
+  "instance.settings.tabs.installation.show-all-versions": {
+    "message": "Ipakita ang lahat ng bersiyon"
+  },
+  "instance.settings.tabs.installation.tooltip.action.change-version": {
+    "message": "palitan ang bersiyon"
+  },
+  "instance.settings.tabs.installation.tooltip.action.install": {
+    "message": "i-install"
+  },
+  "instance.settings.tabs.installation.tooltip.action.reinstall": {
+    "message": "i-reinstall"
+  },
+  "instance.settings.tabs.installation.tooltip.action.repair": {
+    "message": "ayusin"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-installing": {
+    "message": "Hindi makaka-{action} habang nag-i-install"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-offline": {
+    "message": "Hindi makaka-{action} habang nasa offline"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-repairing": {
+    "message": "Hindi makaka-{action} habang nag-aayos"
+  },
+  "instance.settings.tabs.installation.unknown-version": {
+    "message": "(hindi kilalang bersiyon)"
+  },
+  "instance.settings.tabs.installation.unlink.button": {
+    "message": "I-unlink sa instansiya"
+  },
+  "instance.settings.tabs.installation.unlink.confirm.description": {
+    "message": "Kapag ipagpatuloy mo, hindi mo na itong mai-link muli ng hindi gagawa ng bagong instansiya. Hindi ka makakatanggap ng mga update ng modpack at magiging normal na itong."
+  },
+  "instance.settings.tabs.installation.unlink.description": {
+    "message": "Ang instansiyang ito ay naka-link sa isang modpack, ibig sabihin ang mga mod ay hindi mai-update at hindi mo mapapalitan ang mod loader o ang bersiyon ng Minecraft."
+  },
+  "instance.settings.tabs.installation.unlink.title": {
+    "message": "I-unlink sa modpack"
+  },
+  "instance.settings.tabs.java": {
+    "message": "Java at memorya"
+  },
+  "instance.settings.tabs.java.hooks": {
+    "message": "Mga hook"
+  },
+  "instance.settings.tabs.java.java-arguments": {
+    "message": "Mga java argument"
+  },
+  "instance.settings.tabs.java.java-installation": {
+    "message": "Instalasyon ng Java"
+  },
+  "instance.settings.tabs.java.java-memory": {
+    "message": "Memoryang inilaan"
+  },
+  "instance.settings.tabs.window": {
+    "message": "Window"
+  },
   "instance.settings.tabs.window.custom-window-settings": {
     "message": "Mga setting sa custom na window"
   },
+  "instance.settings.tabs.window.fullscreen": {
+    "message": "Fullscreen"
+  },
+  "instance.settings.tabs.window.height": {
+    "message": "Taas"
+  },
+  "instance.settings.tabs.window.height.enter": {
+    "message": "Ilagay ang taas..."
+  },
+  "instance.settings.tabs.window.width": {
+    "message": "Lapad"
+  },
+  "instance.settings.tabs.window.width.enter": {
+    "message": "Ilagay ang lapad..."
+  },
   "instance.settings.title": {
     "message": "Mga Setting"
   },
+  "instance.worlds.a_minecraft_server": {
+    "message": "Isang Minecraft Server"
+  },
+  "instance.worlds.copy_address": {
+    "message": "Kopyahin ang adres"
+  },
+  "instance.worlds.dont_show_on_home": {
+    "message": "Huwag ipakita sa Home"
+  },
+  "instance.worlds.filter.available": {
+    "message": "Magagamit"
+  },
+  "instance.worlds.hardcore": {
+    "message": "Modong eksperto"
+  },
+  "instance.worlds.play_instance": {
+    "message": "Laruin ang instansiya"
+  },
+  "instance.worlds.type.server": {
+    "message": "Server"
+  },
+  "instance.worlds.type.singleplayer": {
+    "message": "Pang-isahang laro"
+  },
   "instance.worlds.view_instance": {
     "message": "Tingnan ang instansiya"
+  },
+  "instance.worlds.world_in_use": {
+    "message": "Ginagamit ang mundo"
+  },
+  "search.filter.locked.instance.sync": {
+    "message": "Maki-sync sa instansiya"
   }
 }

apps/app-frontend/src/locales/fr-FR/index.json

@@ -2,6 +2,9 @@
   "app.settings.developer-mode-enabled": {
     "message": "Mode développeur activé."
   },
+  "app.settings.downloading": {
+    "message": "Téléchargement de la version {version}"
+  },
   "app.settings.tabs.appearance": {
     "message": "Apparence"
   },
@@ -20,6 +23,21 @@
   "app.settings.tabs.resource-management": {
     "message": "Gestion des ressources"
   },
+  "app.update-toast.body": {
+    "message": "L'application Modrinth v{version} est prêtes à être installé ! Relancez l'application pour faire la mise à jour maintenant ou la mise à jour se fera automatiquement lorsque vous fermerez l'application Modrinth."
+  },
+  "app.update-toast.body.download-complete": {
+    "message": "L'application Modrinth v{version} a finis d'être téléchargé ! Relancez l'application pour faire la mise à jour maintenant ou la mise à jour se fera automatiquement lorsque vous fermerez l'application Modrinth."
+  },
+  "app.update-toast.body.metered": {
+    "message": "L'application Modrinth v{version} est disponible dès maintenant ! Lorsque vous êtes sur un réseau limité ou en donnée mobile, nous ne téléchargerons pas les mises à jour automatiquement."
+  },
+  "app.update-toast.changelog": {
+    "message": "Notes de changement"
+  },
+  "app.update-toast.download": {
+    "message": "Télécharger ({size})"
+  },
   "app.update-toast.downloading": {
     "message": "Téléchargement..."
   },
@@ -32,9 +50,84 @@
   "app.update-toast.title.download-complete": {
     "message": "Téléchargement terminé"
   },
+  "app.update.complete-toast.text": {
+    "message": "Cliquez ici pour voir les changements récents."
+  },
+  "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"
+  },
+  "friends.action.add-friend": {
+    "message": "Ajouter un ami"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural,one {demande}other {demandes}} d'ami"
+  },
+  "friends.add-friend.submit": {
+    "message": "Envoyer une demande d'ami"
+  },
+  "friends.add-friend.title": {
+    "message": "Ajouter un ami"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Ça peut être différent de son pseudo Minecraft !"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Entrez un pseudo Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Quel est le pseudo Modrinth de votre ami ?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Ajouter des amis</link> pour voir à quoi ils jouent !"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Annuler la demande"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Supprimer l'ami"
+  },
+  "friends.friend.request-sent": {
+    "message": "La demande d'ami a été envoyé"
+  },
+  "friends.friend.view-profile": {
+    "message": "Voir le profile"
+  },
+  "friends.heading": {
+    "message": "Amis"
+  },
+  "friends.heading.active": {
+    "message": "Actif"
+  },
+  "friends.heading.offline": {
+    "message": "Hors ligne"
+  },
+  "friends.heading.online": {
+    "message": "En ligne"
+  },
+  "friends.heading.pending": {
+    "message": "En attente"
+  },
+  "friends.no-friends-match": {
+    "message": "Aucuns amis ne correspondent à \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Chercher des amis..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Créer un compte Modrinth</link> pour ajouter des amis et voir à quoi ils jouent !"
+  },
   "instance.add-server.add-and-play": {
     "message": "Ajouter et jouer"
   },

apps/app-frontend/src/locales/he-IL/index.json

@@ -2,6 +2,9 @@
   "app.settings.developer-mode-enabled": {
     "message": "מצב מפתח מופעל."
   },
+  "app.settings.downloading": {
+    "message": "מוריד גרסה {version}"
+  },
   "app.settings.tabs.appearance": {
     "message": "מראה"
   },
@@ -20,6 +23,57 @@
   "app.settings.tabs.resource-management": {
     "message": "ניהול משאבים"
   },
+  "app.update-toast.body": {
+    "message": "Modrinth App גרסה: {version} מוכנה להורדה!\nרענן כדי להוריד עכשיו, או באופן אוטומטי כאשר תסגור את האפליקציה."
+  },
+  "app.update-toast.body.download-complete": {
+    "message": "Modrinth App גרסה {version} סיימה את תהליך ההורדה. רענן כדי לעדכן עכשיו, או באופן אוטומטי כאשר תסגור את האפליקציה."
+  },
+  "app.update-toast.body.metered": {
+    "message": "אפליקצית מודרינת' גרסה {version} זמינה עכשיו! מכיוון שאתה על נתונים, אנחנו לא הורדנו אותה אוטומטית."
+  },
+  "app.update-toast.changelog": {
+    "message": "יומן שינויים"
+  },
+  "app.update-toast.download": {
+    "message": "הורד ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "מוריד..."
+  },
+  "app.update-toast.reload": {
+    "message": "רענן"
+  },
+  "app.update-toast.title": {
+    "message": "עדכונים זמינים"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "הורדה הושלמה"
+  },
+  "app.update.complete-toast.text": {
+    "message": "לחץ כאן כדי לראות את יומן השינויים."
+  },
+  "app.update.complete-toast.title": {
+    "message": "גרסה {version} הותקנה בהצלחה!"
+  },
+  "app.update.download-update": {
+    "message": "הורד עדכון"
+  },
+  "app.update.downloading-update": {
+    "message": "מוריד עדכון ({percent}%)"
+  },
+  "app.update.reload-to-update": {
+    "message": "רענן בכדי להתקין את העדכונים"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>הוסף חברים</link> כדי לראות במה הם משחקים!"
+  },
+  "friends.heading": {
+    "message": "חברים"
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
   "instance.add-server.add-and-play": {
     "message": "הוסף ושחק"
   },
@@ -51,7 +105,7 @@
     "message": "עולם מיינקראפט"
   },
   "instance.edit-world.reset-icon": {
-    "message": "איפוס אייקון"
+    "message": "אפס סמל"
   },
   "instance.edit-world.title": {
     "message": "ערוך עולם"
@@ -84,7 +138,7 @@
     "message": "מחק התקנה"
   },
   "instance.settings.tabs.general.delete.description": {
-    "message": "מוחק לצמיתות את התקנה זו מהמכשיר שלך, כולל העולמות שלך, הגדרות, וכל התוכן המותקן. תיזהר, מכיוון שלאחר מחיקת התקנה אין דרך להחזיר אותה."
+    "message": "מוחק לצמיתות את התקנה זו מהמכשיר שלך, כולל העולמות שלך, הגדרות, וכל התוכן המותקן. שים לב, לאחר מחיקת ההתקנה אין דרך להחזיר אותה."
   },
   "instance.settings.tabs.general.deleting.button": {
     "message": "מוחק..."
@@ -99,19 +153,19 @@
     "message": "שכפל התקנה"
   },
   "instance.settings.tabs.general.duplicate-instance.description": {
-    "message": "יוצר עותק של התקנה זו, כולל עולם, הגדרות, מודים, וכו."
+    "message": "יוצר עותק של התקנה זו, כולל עולמות, הגדרות, מודים, וכדומה."
   },
   "instance.settings.tabs.general.edit-icon": {
-    "message": "ערוך אייקון"
+    "message": "ערוך סמל"
   },
   "instance.settings.tabs.general.edit-icon.remove": {
-    "message": "הסר אייקון"
+    "message": "הסר סמל"
   },
   "instance.settings.tabs.general.edit-icon.replace": {
-    "message": "החלף אייקון"
+    "message": "החלף סמל"
   },
   "instance.settings.tabs.general.edit-icon.select": {
-    "message": "בחר אייקון"
+    "message": "בחר סמל"
   },
   "instance.settings.tabs.general.library-groups": {
     "message": "קבוצות ספרייה"
@@ -120,7 +174,7 @@
     "message": "צור קבוצה חדשה"
   },
   "instance.settings.tabs.general.library-groups.description": {
-    "message": "קבוצות ספרייה מאפשרות לך לארגן את ההתקנות שלך לפי חלקים שונים."
+    "message": "קבוצות ספרייה מאפשרות לך לארגן את ההתקנות שלך לחלקים שונים בספרייה שלך."
   },
   "instance.settings.tabs.general.library-groups.enter-name": {
     "message": "הכנס שם קבוצה"
@@ -132,7 +186,7 @@
     "message": "פעולות בעת הפעלה"
   },
   "instance.settings.tabs.hooks.custom-hooks": {
-    "message": "מותאם אישית"
+    "message": "פעולות בעת הפעלה מותאמות אישית"
   },
   "instance.settings.tabs.hooks.description": {
     "message": "פעולות בעת הפעלה מאפשרות למשתמשים מתקדמים להריץ פקודות מערכת מסוימות לפני ואחרי שהמשחק מופעל."
@@ -147,16 +201,16 @@
     "message": "הכנס פקודה לאחר יציאה..."
   },
   "instance.settings.tabs.hooks.pre-launch": {
-    "message": "טרום-השקה"
+    "message": "טרום-הפעלה"
   },
   "instance.settings.tabs.hooks.pre-launch.description": {
-    "message": "מופעל לפני שהאינסטנס מתחיל."
+    "message": "מופעל לפני שההתקנה מופעלת."
   },
   "instance.settings.tabs.hooks.pre-launch.enter": {
     "message": "הכנס פקודה לפני ההפעלה..."
   },
   "instance.settings.tabs.hooks.title": {
-    "message": "פקודות הפעלה מותאמות"
+    "message": "פעולות הפעלה"
   },
   "instance.settings.tabs.hooks.wrapper": {
     "message": "מעטפת"
@@ -174,7 +228,7 @@
     "message": "{platform} {version} בשביל מיינקראפט {game_version} כבר מותקן"
   },
   "instance.settings.tabs.installation.change-version.already-installed.vanilla": {
-    "message": "ונילה {game_version} כבר מותקן"
+    "message": "וונילה {game_version} כבר מותקן"
   },
   "instance.settings.tabs.installation.change-version.button": {
     "message": "שנה גרסה"
@@ -186,7 +240,7 @@
     "message": "מתקין"
   },
   "instance.settings.tabs.installation.change-version.cannot-while-fetching": {
-    "message": "אחזור גרסאות מודפאקים"
+    "message": "מאחזר גרסאות חבילת מודים"
   },
   "instance.settings.tabs.installation.change-version.in-progress": {
     "message": "מתקין גרסה חדשה"
@@ -198,7 +252,7 @@
     "message": "מידע ניפוי שגיאות:"
   },
   "instance.settings.tabs.installation.fetching-modpack-details": {
-    "message": "אחזור פרטי מודפאקים"
+    "message": "מאחזר פרטי חבילת מודים"
   },
   "instance.settings.tabs.installation.game-version": {
     "message": "גרסת משחק"
@@ -216,13 +270,13 @@
     "message": "מיינקראפט {version}"
   },
   "instance.settings.tabs.installation.no-connection": {
-    "message": "לא ניתן לאחזר את פרטי המודפאק המקושר. אנא בדוק את חיבור האינטרנט שלך."
+    "message": "לא ניתן לאחזר את פרטי חבילת המודים המקושרת. אנא בדוק את חיבור האינטרנט שלך."
   },
   "instance.settings.tabs.installation.no-loader-versions": {
-    "message": "{loader}\" אינו זמין עבור מיינקראפט {version}. נסה מעלה מודים אחר."
+    "message": "{loader} אינו זמין עבור מיינקראפט {version}. אנא נסה טוען מודים אחר."
   },
   "instance.settings.tabs.installation.no-modpack-found": {
-    "message": "אינסטנס זה מקושר למודפק, אך המודפק לא נמצא ב-Modrinth."
+    "message": "התקנה זאת מקושרת לחבילת מודים, אך חבילת המודים לא נמצאה במודרינת'."
   },
   "instance.settings.tabs.installation.platform": {
     "message": "פלטפורמה"
@@ -234,13 +288,13 @@
     "message": "מתקין מחדש את חבילת המודים"
   },
   "instance.settings.tabs.installation.reinstall.confirm.description": {
-    "message": "התקנה מחדש תאפס את כל התוכן המותקן או ששונה, ותחזיר אותו למצב שסופק על ידי חבילת המודים, תוך הסרת כל מוד או תוכן שהוספתם מעבר להתקנה המקורית. פעולה זו עשויה לתקן תקלות שנגרמו משינויים במופע, אך אם העולמות שלכם תלויים בתוכן נוסף שהותקן, היא עלולה לשבש אותם."
+    "message": "התקנה מחדש תאפס את כל התוכן המותקן או ששונה, ותחזיר אותו למצב שסופק על ידי חבילת המודים, תוך הסרת כל מוד או תוכן שהוספתם מעבר להתקנה המקורית. פעולה זו עשויה לתקן תקלות שנגרמו משינויים בהתקנה, אך אם העולמות שלכם תלויים בתוכן נוסף שהותקן, היא עלולה לשבש אותם."
   },
   "instance.settings.tabs.installation.reinstall.confirm.title": {
     "message": "האם אתה בטוח שברצונך להתקין מחדש instance זה?"
   },
   "instance.settings.tabs.installation.reinstall.description": {
-    "message": "מאפס את התוכן שנמצא ב-instance למצבו המקורי, תוך הסרת כל מוד או תוכן שהוספת מעבר למודפק המקורי."
+    "message": "מאפס את התוכן שנמצא בהתקנה למצבו המקורי, תוך הסרת כל מוד או תוכן ששונה מעבר לחבילת המודים המקורית."
   },
   "instance.settings.tabs.installation.reinstall.title": {
     "message": "התקן מחדש חבילת מודים"
@@ -294,16 +348,16 @@
     "message": "לבטל את הקישור של ההתקנה הזו"
   },
   "instance.settings.tabs.installation.unlink.confirm.description": {
-    "message": "אם תמשיך, לא תוכל לקשר אותו מחדש מבלי ליצור instance חדש לחלוטין. לא תקבל עוד עדכונים למודפקים, והוא יהפוך לרגיל."
+    "message": "אם תמשיך, לא תוכל לקשר אותה מחדש מבלי ליצור התקנה חדשה לחלוטין. לא תקבל עוד עדכונים לחבילת המודים, והיא תהפוך להתקנה רגילה."
   },
   "instance.settings.tabs.installation.unlink.confirm.title": {
     "message": "האם אתה בטוח שברצונך לנתק את הקישור ל-instance הזה?"
   },
   "instance.settings.tabs.installation.unlink.description": {
-    "message": "Instance זה מקושר ל-modpack, מה שאומר שלא ניתן לעדכן מודים ולא ניתן לשנות את ה-mod loader או את גרסת מיינקראפט. הניתוק יבטל לצמיתות את הקישור של instance זה מה-modpack."
+    "message": "התקנה זאת מקושרת לחבילת מודים, מה שאומר שלא ניתן לעדכן מודים ולא ניתן לשנות את טוען המודים או את גרסת המיינקראפט. הניתוק יבטל לצמיתות את הקישור של התקנה זאת לחבילת המודים."
   },
   "instance.settings.tabs.installation.unlink.title": {
-    "message": "נתק קישור מ-modpack"
+    "message": "נתק קישור מחבילת מודים"
   },
   "instance.settings.tabs.java": {
     "message": "ג'אווה וזיכרון"
@@ -383,6 +437,12 @@
   "instance.worlds.no_contact": {
     "message": "לא ניתן ליצור קשר עם השרת"
   },
+  "instance.worlds.no_server_quick_play": {
+    "message": "אתה יכול רק לקפוץ ישירות לשרתים מהגרסא אלפא 1.0.5 ואלך"
+  },
+  "instance.worlds.no_singleplayer_quick_play": {
+    "message": "אתה יכול לקפוץ ישירות לעולמות החל מהגרסא 1.20 ומעלה"
+  },
   "instance.worlds.play_instance": {
     "message": "שחק בהתקנה"
   },
@@ -404,6 +464,9 @@
   "search.filter.locked.instance-game-version.title": {
     "message": "גרסאת המשחק מסופקת על ידי ההתקנה"
   },
+  "search.filter.locked.instance-loader.title": {
+    "message": "מטען מודים מסופק ע\"י ההתקן"
+  },
   "search.filter.locked.instance.sync": {
     "message": "סנכרן עם התקנה"
   }

apps/app-frontend/src/locales/hu-HU/index.json

@@ -3,7 +3,7 @@
     "message": "Fejlesztői mód bekapcsolva."
   },
   "app.settings.downloading": {
-    "message": "Letöltés v{version}"
+    "message": "v{version} letöltése"
   },
   "app.settings.tabs.appearance": {
     "message": "Megjelenés"
@@ -60,11 +60,74 @@
     "message": "Frissítés letöltése"
   },
   "app.update.downloading-update": {
-    "message": "Frissítés folyamatban ({percent}%)"
+    "message": "Frissítés letöltése ({percent}%)"
   },
   "app.update.reload-to-update": {
     "message": "A telepítéshez újraindítás szükséges"
   },
+  "friends.action.add-friend": {
+    "message": "Barát hozzáadása"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} barát {count, plural, other {kérelem}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "Barátkérelem elküldése"
+  },
+  "friends.add-friend.title": {
+    "message": "Barát hozzáadása"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Más is lehet, mint a Minecraft felhasználóneve!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Barát Modrinth felhasználóneve..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Mi a barátod Modrinth felhasználóneve?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Vegyél fel barátokat</link>, hogy lásd mivel játszanak!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Barátkérelem visszavonása"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Barát eltávolítása"
+  },
+  "friends.friend.request-sent": {
+    "message": "Barátkérelem elküldve"
+  },
+  "friends.friend.view-profile": {
+    "message": "Profil megtekintése"
+  },
+  "friends.heading": {
+    "message": "Barátok"
+  },
+  "friends.heading.active": {
+    "message": "Aktív"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Jóváhagyásra vár"
+  },
+  "friends.no-friends-match": {
+    "message": "Nincsen \"{query}\" nevű barátod"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Keresés a barátaid között..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Lépj be Modrinth fiókba</link>, hogy felvehess barátokat és lásd mivel játszanak!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Hozzáadás és játék"
   },

apps/app-frontend/src/locales/id-ID/index.json

@@ -2,6 +2,9 @@
   "app.settings.developer-mode-enabled": {
     "message": "Mode pengembang dihidupkan."
   },
+  "app.settings.downloading": {
+    "message": "Mengunduh v{version}"
+  },
   "app.settings.tabs.appearance": {
     "message": "Tampilan"
   },
@@ -20,6 +23,111 @@
   "app.settings.tabs.resource-management": {
     "message": "Manajemen sumber"
   },
+  "app.update-toast.body": {
+    "message": "Modrinth App v{version} siap dipasang! Muat ulang untuk memperbarui sekarang, atau secara otomatis saat Anda menutup Modrinth App."
+  },
+  "app.update-toast.body.download-complete": {
+    "message": "Modrinth App v{version} telah selesai mengunduh. Muat ulang untuk memperbarui sekarang, atau secara otomatis saat Anda menutup Modrinth App."
+  },
+  "app.update-toast.body.metered": {
+    "message": "Modrinth App v{version} sudah tersedia! Karena Anda saat ini sedang berada dalam jaringan terukur, kami tidak mengunduhnya secara otomatis."
+  },
+  "app.update-toast.changelog": {
+    "message": "Log perubahan"
+  },
+  "app.update-toast.download": {
+    "message": "Unduh ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "Mengunduh..."
+  },
+  "app.update-toast.reload": {
+    "message": "Muat ulang"
+  },
+  "app.update-toast.title": {
+    "message": "Pembaruan tersedia"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "Selesai mengunduh"
+  },
+  "app.update.complete-toast.text": {
+    "message": "Klik di sini untuk melihat log perubahan."
+  },
+  "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"
+  },
+  "friends.action.add-friend": {
+    "message": "Tambah teman"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, other {permintaan}} teman"
+  },
+  "friends.add-friend.submit": {
+    "message": "Kirim permintaan teman"
+  },
+  "friends.add-friend.title": {
+    "message": "Menambah teman"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Ia mungkin memiliki nama yang berbeda dari nama pengguna Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Masukkan nama pengguna Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Apakah nama pengguna Modrinth teman Anda?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Tambah teman</link> untuk melihat apa yang mereka mainkan!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Batalkan permintaan"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Hapus teman"
+  },
+  "friends.friend.request-sent": {
+    "message": "Permintaan teman dikirim"
+  },
+  "friends.friend.view-profile": {
+    "message": "Lihat profil"
+  },
+  "friends.heading": {
+    "message": "Teman"
+  },
+  "friends.heading.active": {
+    "message": "Aktif"
+  },
+  "friends.heading.offline": {
+    "message": "Luring"
+  },
+  "friends.heading.online": {
+    "message": "Daring"
+  },
+  "friends.heading.pending": {
+    "message": "Menunggu"
+  },
+  "friends.no-friends-match": {
+    "message": "Tidak ada teman dengan nama \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Cari teman..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Masuk ke akun Modrinth</link> untuk menambah teman dan melihat apa yang mereka mainkan!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Tambah dan mainkan"
   },

apps/app-frontend/src/locales/it-IT/index.json

@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "Ricarica per installare aggiornamento"
   },
+  "friends.action.add-friend": {
+    "message": "Stringi un'amicizia"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, one {richiesta} other {richieste}} d'amicizia"
+  },
+  "friends.add-friend.submit": {
+    "message": "Invia richiesta d'amicizia"
+  },
+  "friends.add-friend.title": {
+    "message": "Stringendo l'amicizia"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Potrebbe essere diverso dal nome utente di Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Inserisci il nome utente Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Con quale utente Modrinth vuoi stringere l'amicizia?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Stringi un'amicizia</link> per sapere a cosa stanno giocando!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Annulla richiesta"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Annulla amicizia"
+  },
+  "friends.friend.request-sent": {
+    "message": "Richiesta d'amicizia inviata"
+  },
+  "friends.friend.view-profile": {
+    "message": "Visita profilo"
+  },
+  "friends.heading": {
+    "message": "Amicizie"
+  },
+  "friends.heading.active": {
+    "message": "Attivo"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "In sospeso"
+  },
+  "friends.no-friends-match": {
+    "message": "Nessuna amicizia pertinente a ''{query}''"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Cerca amicizie..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Accedi all'account Modrinth</link> per stringere amicizie e sapere a cosa stanno giocando!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Aggiungi e gioca"
   },

apps/app-frontend/src/locales/ja-JP/index.json

@@ -2,8 +2,11 @@
   "app.settings.developer-mode-enabled": {
     "message": "開発者モードがオンになっています。"
   },
+  "app.settings.downloading": {
+    "message": "v{version}をダウンロード中"
+  },
   "app.settings.tabs.appearance": {
-    "message": "表示設定"
+    "message": "外観"
   },
   "app.settings.tabs.default-instance-options": {
     "message": "インスタンスの基本設定"
@@ -12,14 +15,119 @@
     "message": "機能設定"
   },
   "app.settings.tabs.java-installations": {
-    "message": "Javaのインストール設定"
+    "message": "Javaのインストール"
   },
   "app.settings.tabs.privacy": {
-    "message": "プライバシー設定"
+    "message": "プライバシー"
   },
   "app.settings.tabs.resource-management": {
     "message": "リソース管理"
   },
+  "app.update-toast.body": {
+    "message": "Modrinth App v{version}は今すぐインストールできます！再起動して今すぐ更新するか、アプリを閉じた際に自動で更新されます。"
+  },
+  "app.update-toast.body.download-complete": {
+    "message": "Modrinth App v{version}のダウンロードが完了しました。再起動して今すぐ更新するか、アプリを閉じた際に自動で更新されます。"
+  },
+  "app.update-toast.body.metered": {
+    "message": "Modrinth App v{version}は今すぐダウンロードできます！従量課金制ネットワークを使用しているため自動でダウンロードはされていません。"
+  },
+  "app.update-toast.changelog": {
+    "message": "更新履歴"
+  },
+  "app.update-toast.download": {
+    "message": "ダウンロード ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "ダウンロード中..."
+  },
+  "app.update-toast.reload": {
+    "message": "再起動"
+  },
+  "app.update-toast.title": {
+    "message": "アップデートが可能"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "ダウンロード完了"
+  },
+  "app.update.complete-toast.text": {
+    "message": "クリックすると更新履歴を表示できます。"
+  },
+  "app.update.complete-toast.title": {
+    "message": "バージョン {version} のインストールが正常に完了しました！"
+  },
+  "app.update.download-update": {
+    "message": "アップデートをダウンロード"
+  },
+  "app.update.downloading-update": {
+    "message": "アップデートをダウンロード中 ({percent}%)"
+  },
+  "app.update.reload-to-update": {
+    "message": "再起動して今すぐ更新"
+  },
+  "friends.action.add-friend": {
+    "message": "フレンドを追加"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count}件の友達リクエスト"
+  },
+  "friends.add-friend.submit": {
+    "message": "フレンド申請を送信"
+  },
+  "friends.add-friend.title": {
+    "message": "フレンドを追加中"
+  },
+  "friends.add-friend.username.description": {
+    "message": "これはMinecraftユーザーネームと違う可能性があります！"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Modrinthユーザーネームを入力..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "あなたのフレンドのModrinthユーザーネームは何ですか？"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>友達を追加</link>して、彼らが何をしているか見てみよう！"
+  },
+  "friends.friend.cancel-request": {
+    "message": "申請をキャンセル"
+  },
+  "friends.friend.remove-friend": {
+    "message": "フレンドを削除"
+  },
+  "friends.friend.request-sent": {
+    "message": "フレンド申請が送信されました"
+  },
+  "friends.friend.view-profile": {
+    "message": "プロフィールを表示"
+  },
+  "friends.heading": {
+    "message": "フレンド"
+  },
+  "friends.heading.active": {
+    "message": "活動中"
+  },
+  "friends.heading.offline": {
+    "message": "オフライン"
+  },
+  "friends.heading.online": {
+    "message": "オンライン"
+  },
+  "friends.heading.pending": {
+    "message": "保留中"
+  },
+  "friends.no-friends-match": {
+    "message": "フレンド\"{query}\"は見つかりませんでした"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "フレンドを検索…"
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Modrinthアカウントにサインイン</link>して友達を追加し、彼らがプレイしているゲームをチェックしよう！"
+  },
   "instance.add-server.add-and-play": {
     "message": "追加してプレイ"
   },

apps/app-frontend/src/locales/ko-KR/index.json

@@ -23,6 +23,18 @@
   "app.settings.tabs.resource-management": {
     "message": "리소스 관리"
   },
+  "app.update-toast.changelog": {
+    "message": "변경사항"
+  },
+  "app.update-toast.download": {
+    "message": "다운로드 ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "다운로드 중..."
+  },
+  "app.update-toast.reload": {
+    "message": "리로드"
+  },
   "instance.add-server.add-and-play": {
     "message": "추가하고 플레이"
   },

apps/app-frontend/src/locales/ms-Arab/index.json

@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "موات سمولا اونتوق مماسڠ کمس کيني"
   },
+  "friends.action.add-friend": {
+    "message": "تمبه راکن"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, other {ڤرمينتاٴن}} راکن"
+  },
+  "friends.add-friend.submit": {
+    "message": "هانتر ڤرمينتاٴن راکن"
+  },
+  "friends.add-friend.title": {
+    "message": "منمبه راکن"
+  },
+  "friends.add-friend.username.description": {
+    "message": "اي موڠکين بربيذا درڤد نام ڤڠݢونا ماٴينکرف‌ت مريک!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "ماسوقکن نام ڤڠݢونا Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "اڤاکه نام ڤڠݢونا Modrinth راکن اندا؟"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>تمبه راکن</link> اونتوق مليهت اڤ يڠ مريک ماءينکن!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "بطلکن ڤرمينتاٴن"
+  },
+  "friends.friend.remove-friend": {
+    "message": "اليه کلوار راکن"
+  },
+  "friends.friend.request-sent": {
+    "message": "ڤرمينتاٴن راکن تله دهانتر"
+  },
+  "friends.friend.view-profile": {
+    "message": "ليهت ڤروفيل"
+  },
+  "friends.heading": {
+    "message": "راکن"
+  },
+  "friends.heading.active": {
+    "message": "اکتيف"
+  },
+  "friends.heading.offline": {
+    "message": "لوار تالين"
+  },
+  "friends.heading.online": {
+    "message": "دالم تالين"
+  },
+  "friends.heading.pending": {
+    "message": "منوڠݢو"
+  },
+  "friends.no-friends-match": {
+    "message": "تياد راکن يڠ سڤادن دڠن ''{query}''"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "چاري راکن..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>لوݢ ماسوق کأکاٴون Modrinth</link> اونتوق منمبه راکن دان مليهت اڤ يڠ مريک ماءينکن!"
+  },
   "instance.add-server.add-and-play": {
     "message": "تمبه دان ماءين"
   },

apps/app-frontend/src/locales/ms-MY/index.json

@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "Muat semula untuk memasang kemas kini"
   },
+  "friends.action.add-friend": {
+    "message": "Tambah rakan"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, other {permintaan}} rakan"
+  },
+  "friends.add-friend.submit": {
+    "message": "Hantar permintaan rakan"
+  },
+  "friends.add-friend.title": {
+    "message": "Menambah rakan"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Ia mungkin berbeza daripada nama pengguna Minecraft mereka!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Masukkan nama pengguna Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Apakah nama pengguna Modrinth rakan anda?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Tambah rakan</link> untuk melihat apa yang mereka mainkan!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Batalkan permintaan"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Alih keluar rakan"
+  },
+  "friends.friend.request-sent": {
+    "message": "Permintaan rakan telah dihantar"
+  },
+  "friends.friend.view-profile": {
+    "message": "Lihat profil"
+  },
+  "friends.heading": {
+    "message": "Rakan"
+  },
+  "friends.heading.active": {
+    "message": "Aktif"
+  },
+  "friends.heading.offline": {
+    "message": "Luar Talian"
+  },
+  "friends.heading.online": {
+    "message": "Dalam Talian"
+  },
+  "friends.heading.pending": {
+    "message": "Menunggu"
+  },
+  "friends.no-friends-match": {
+    "message": "Tiada rakan yang sepadan dengan ''{query}''"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Cari rakan..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Log masuk ke akaun Modrinth</link> untuk menambah rakan dan melihat apa yang mereka mainkan!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Tambah dan main"
   },

apps/app-frontend/src/locales/nl-NL/index.json

@@ -2,6 +2,9 @@
   "app.settings.developer-mode-enabled": {
     "message": "Ontwikkelaarsmodus ingeschakeld."
   },
+  "app.settings.downloading": {
+    "message": "v{version} wordt gedownload"
+  },
   "app.settings.tabs.appearance": {
     "message": "Uiterlijk"
   },
@@ -20,6 +23,111 @@
   "app.settings.tabs.resource-management": {
     "message": "Bronnenbeheer"
   },
+  "app.update-toast.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-toast.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."
+  },
+  "app.update-toast.body.metered": {
+    "message": "Modrinth App v{version} is nu beschikbaar! Omdat je nu op een netwerk met datalimiet zit, is de download niet automatisch gestart."
+  },
+  "app.update-toast.changelog": {
+    "message": "Changelog"
+  },
+  "app.update-toast.download": {
+    "message": "Download ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "Aan het downloaden..."
+  },
+  "app.update-toast.reload": {
+    "message": "Herlaad"
+  },
+  "app.update-toast.title": {
+    "message": "Update beschikbaar"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "Downloaden voltooid"
+  },
+  "app.update.complete-toast.text": {
+    "message": "Klik hier om de changelog te bekijken."
+  },
+  "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"
+  },
+  "friends.action.add-friend": {
+    "message": "Voeg een vriend toe"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} vriend {count, plural,one {verzoek} other {verzoeken}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "Stuur een vriendschapsverzoek"
+  },
+  "friends.add-friend.title": {
+    "message": "Een vriend toevoegen"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Het kan verschillen van hun Minecraft gebruikersnaam!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Voer Modrinth gebruikersnaam in..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Wat is de Modrinth gebruikersnaam van uw vriend?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Voeg vrienden</link> om te zien wat hun spelen!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Annuleer verzoek"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Verwijder vriend"
+  },
+  "friends.friend.request-sent": {
+    "message": "Vriendschapsverzoek gestuurd"
+  },
+  "friends.friend.view-profile": {
+    "message": "Bekijk profiel"
+  },
+  "friends.heading": {
+    "message": "Vrienden"
+  },
+  "friends.heading.active": {
+    "message": "Actief"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "In behandeling"
+  },
+  "friends.no-friends-match": {
+    "message": "Geen vrienden die overeenkomen met \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Zoek vrienden..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Log in op een Modrinth account</link> om vrienden toe te voegen en te kijken wat zij spelen!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Toevoegen en spelen"
   },

apps/app-frontend/src/locales/pl-PL/index.json

@@ -24,7 +24,10 @@
     "message": "Zarządzanie zasobami"
   },
   "app.update-toast.body": {
-    "message": "Nowa wersja Modrinth v{version} jest gotowa do pobrania! Odśwież, żeby zaktualizować teraz, albo automatycznie, gdy zamkniesz aplikację Modrinth."
+    "message": "Wersja Modrinth App v{version} jest gotowa do pobrania! Odśwież, żeby zaktualizować teraz, albo automatycznie, gdy zamkniesz Modrinth App."
+  },
+  "app.update-toast.body.download-complete": {
+    "message": "Wersja Modrinth App v{version} została pobrana. Odśwież, żeby zaktualizować teraz, albo automatycznie, gdy zamkniesz Modrinth App."
   },
   "app.update-toast.body.metered": {
     "message": "Wersja v{version} Modrinth App jest dostępna! Skoro korzystasz z sieci taryfowej, nie pobraliśmy jej automatycznie."
@@ -62,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "Załaduj ponownie, aby zainstalować aktualizację"
   },
+  "friends.action.add-friend": {
+    "message": "Dodaj znajomego"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, one {zaproszenie} few {zaproszenia} other {zaproszeń}} do znajomych"
+  },
+  "friends.add-friend.submit": {
+    "message": "Wyślij zaproszenie"
+  },
+  "friends.add-friend.title": {
+    "message": "Dodawanie znajomego"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Może różnić się od nazwy użytkownika Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Wpisz nazwę użytkownika Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Jaka jest nazwa użytkownika Twojego znajomego?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Dodaj znajomych</link> by widzieć, w co grają!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Anuluj zaproszenie"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Usuń z znajomych"
+  },
+  "friends.friend.request-sent": {
+    "message": "Wysłano zaproszenie"
+  },
+  "friends.friend.view-profile": {
+    "message": "Pokaż profil"
+  },
+  "friends.heading": {
+    "message": "Znajomi"
+  },
+  "friends.heading.active": {
+    "message": "Aktywny"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Oczekujące"
+  },
+  "friends.no-friends-match": {
+    "message": "Nie znaleziono znajomych pasujących do zapytania \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Szukaj znajomych..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Zaloguj się na konto Modrinth</link> by dodać znajomych i widzieć, w co grają!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Dodaj i graj"
   },

apps/app-frontend/src/locales/pt-BR/index.json

@@ -1,6 +1,6 @@
 {
   "app.settings.developer-mode-enabled": {
-    "message": "Modo desenvolvedor ativado."
+    "message": "Modo desenvolvedor."
   },
   "app.settings.downloading": {
     "message": "Baixando v{version}"
@@ -54,7 +54,7 @@
     "message": "Clique aqui para ver as mudanças."
   },
   "app.update.complete-toast.title": {
-    "message": "Versão {version} instalada com sucesso!"
+    "message": "Versão {version} instalada!"
   },
   "app.update.download-update": {
     "message": "Baixar atualização"
@@ -63,7 +63,70 @@
     "message": "Baixando atualização ({percent}%)"
   },
   "app.update.reload-to-update": {
-    "message": "Recarregar para instalar a atualização"
+    "message": "Recarregue para instalar a atualização"
+  },
+  "friends.action.add-friend": {
+    "message": "Adicionar um amigo"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count, plural, =0 {Nenhuma solicitação de amizade} one {{count} solicitação de amizade} other {{count} solicitações de amizade}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "Enviar amizade"
+  },
+  "friends.add-friend.title": {
+    "message": "Adicionando amigo"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Pode ser diferente do nome que ele usa no Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Insira o nome de usuário..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Qual o nome de usuário do seu amigo no Modrinth?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Adicione amigos</link> para ver o que eles estão jogando!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Cancelar solicitação"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Remover amigo"
+  },
+  "friends.friend.request-sent": {
+    "message": "Solicitação de amizade enviada"
+  },
+  "friends.friend.view-profile": {
+    "message": "Ver perfil"
+  },
+  "friends.heading": {
+    "message": "Amigos"
+  },
+  "friends.heading.active": {
+    "message": "Ativo"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Pendente"
+  },
+  "friends.no-friends-match": {
+    "message": "Nenhum amigo corresponde a \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Buscar amigos..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Inicie uma sessão com o Modrinth</link> para adicionar amigos e ver o que eles estão jogando!"
   },
   "instance.add-server.add-and-play": {
     "message": "Adicionar e jogar"
@@ -129,7 +192,7 @@
     "message": "Excluir instância"
   },
   "instance.settings.tabs.general.delete.description": {
-    "message": "Apaga permanente a instância do seu dispositivo, incluindo seus mundos, configurações e todo o conteúdo instalado. Tenha cuidado, porque não será possível recuperá-la após apaga-la."
+    "message": "Exclui permanentemente uma instância do seu dispositivo, incluindo seus mundos, configurações e todo o conteúdo instalado. Tome cuidado, pois, uma vez excluída, a instância não poderá ser recuperada."
   },
   "instance.settings.tabs.general.deleting.button": {
     "message": "Excluindo..."
@@ -174,13 +237,13 @@
     "message": "Nome"
   },
   "instance.settings.tabs.hooks": {
-    "message": "Gatilhos de inicialização"
+    "message": "Ações de inicialização"
   },
   "instance.settings.tabs.hooks.custom-hooks": {
-    "message": "Gatilho de inicialização personalizado"
+    "message": "Ações de inicialização personalizadas"
   },
   "instance.settings.tabs.hooks.description": {
-    "message": "Os Gatilhos permitem que usuários mais experientes executem comandos do sistema antes e depois de inicializar o jogo."
+    "message": "Essas ações permitem que usuários mais experientes executem comandos do sistema antes e depois de inicializar o jogo."
   },
   "instance.settings.tabs.hooks.post-exit": {
     "message": "Ao sair"
@@ -189,10 +252,10 @@
     "message": "Executado após o jogo fechar."
   },
   "instance.settings.tabs.hooks.post-exit.enter": {
-    "message": "Insira o comando de pós-saída..."
+    "message": "Insira o comando a ser executado após o jogo fechar..."
   },
   "instance.settings.tabs.hooks.pre-launch": {
-    "message": "Antes de inicializar"
+    "message": "Pré-inicialização"
   },
   "instance.settings.tabs.hooks.pre-launch.description": {
     "message": "Executado antes que a instância seja inicializada."
@@ -201,7 +264,7 @@
     "message": "Insira o comando a ser executado antes da inicialização..."
   },
   "instance.settings.tabs.hooks.title": {
-    "message": "Gatilhos de inicialização do jogo"
+    "message": "Ações de inicialização do jogo"
   },
   "instance.settings.tabs.hooks.wrapper": {
     "message": "Comando auxiliar"
@@ -210,7 +273,7 @@
     "message": "Comando auxiliar para iniciar o Minecraft."
   },
   "instance.settings.tabs.hooks.wrapper.enter": {
-    "message": "Insira um comando auxiliar..."
+    "message": "Insira um comando..."
   },
   "instance.settings.tabs.installation": {
     "message": "Instalação"
@@ -237,7 +300,7 @@
     "message": "Instalando nova versão"
   },
   "instance.settings.tabs.installation.currently-installed": {
-    "message": "Instalado atualmente"
+    "message": "Versão instalada"
   },
   "instance.settings.tabs.installation.debug-information": {
     "message": "Informação de depuração:"
@@ -357,7 +420,7 @@
     "message": "Variáveis de ambiente"
   },
   "instance.settings.tabs.java.hooks": {
-    "message": "Gatilhos"
+    "message": "Ações"
   },
   "instance.settings.tabs.java.java-arguments": {
     "message": "Argumentos do Java"

apps/app-frontend/src/locales/pt-PT/index.json

@@ -2,6 +2,9 @@
   "app.settings.developer-mode-enabled": {
     "message": "Modo de desenvolvedor ativado."
   },
+  "app.settings.downloading": {
+    "message": "A transferir v{version}"
+  },
   "app.settings.tabs.appearance": {
     "message": "Aparência"
   },
@@ -20,6 +23,111 @@
   "app.settings.tabs.resource-management": {
     "message": "Gestão de recursos"
   },
+  "app.update-toast.body": {
+    "message": "Modrinth App v{version} está pronta para ser instalada! Recarrega para atualizar agora, ou automaticamente quando fechares a Modrinth App."
+  },
+  "app.update-toast.body.download-complete": {
+    "message": "Modrinth App v{version} acabou de ser transferida. Recarrega para atualizar agora, ou automaticamente quando fechares a Modrinth App."
+  },
+  "app.update-toast.body.metered": {
+    "message": "Modrinth App v{version} está disponível! Como estás numa rede com tráfego limitado, não a transferimos automaticamente."
+  },
+  "app.update-toast.changelog": {
+    "message": "Lista de alterações"
+  },
+  "app.update-toast.download": {
+    "message": "Transferir ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "A transferir..."
+  },
+  "app.update-toast.reload": {
+    "message": "Recarregar"
+  },
+  "app.update-toast.title": {
+    "message": "Atualização disponível"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "Transferência concluída"
+  },
+  "app.update.complete-toast.text": {
+    "message": "Clica aqui para ver a lista de alterações."
+  },
+  "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"
+  },
+  "friends.action.add-friend": {
+    "message": "Adicionar um amigo"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural,one {pedido} other {pedidos}} de amizade"
+  },
+  "friends.add-friend.submit": {
+    "message": "Enviar pedido de amizade"
+  },
+  "friends.add-friend.title": {
+    "message": "Adicionar um amigo"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Pode ser diferente do nome no Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Insere o nome do utilizador no Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Qual é o nome de utilizador do teu amigo no Modrinth?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Adiciona amigos</link> para ver o que estão a jogar!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Cancelar pedido"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Remover amigo"
+  },
+  "friends.friend.request-sent": {
+    "message": "Pedido de amizade enviado"
+  },
+  "friends.friend.view-profile": {
+    "message": "Ver perfil"
+  },
+  "friends.heading": {
+    "message": "Amigos"
+  },
+  "friends.heading.active": {
+    "message": "Ativo"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Pendente"
+  },
+  "friends.no-friends-match": {
+    "message": "Nenhum amigo corresponde a \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Procurar amigos..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Inicia a sessão com uma conta Modrinth</link> para adicionar amigos e ver o que estão a jogar!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Adicionar e jogar"
   },

apps/app-frontend/src/locales/ru-RU/index.json

@@ -12,7 +12,7 @@
     "message": "Предустановки"
   },
   "app.settings.tabs.feature-flags": {
-    "message": "Экспериментальные функции"
+    "message": "Флаги функций"
   },
   "app.settings.tabs.java-installations": {
     "message": "Установки Java"
@@ -30,7 +30,7 @@
     "message": "Скачивание Modrinth App v{version} завершено. Перезапустите приложение, чтобы обновить его, или оно обновится автоматически при закрытии."
   },
   "app.update-toast.body.metered": {
-    "message": "Modrinth App v{version} доступно к скачиванию! Используется лимитное подключение, поэтому скачивание не началось автоматически."
+    "message": "Modrinth App v{version} доступно для скачивания! Используется лимитное подключение, поэтому скачивание не началось автоматически."
   },
   "app.update-toast.changelog": {
     "message": "Список изменений"
@@ -63,7 +63,70 @@
     "message": "Скачивание обновления ({percent}%)"
   },
   "app.update.reload-to-update": {
-    "message": "Перезапустить для обновления"
+    "message": "Перезапустить и обновить"
+  },
+  "friends.action.add-friend": {
+    "message": "Добавить в друзья"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} {count, plural, one {запрос} few {запроса} many {запросов} other {запроса}} дружбы"
+  },
+  "friends.add-friend.submit": {
+    "message": "Отправить запрос дружбы"
+  },
+  "friends.add-friend.title": {
+    "message": "Добавление в друзья"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Оно может быть не таким, как в Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Введите имя на Modrinth..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Какое имя у друга на Modrinth?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Добавьте друзей</link>, чтобы знать, во что они играют!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Отменить запрос"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Удалить из друзей"
+  },
+  "friends.friend.request-sent": {
+    "message": "Отправлен запрос дружбы"
+  },
+  "friends.friend.view-profile": {
+    "message": "Открыть профиль"
+  },
+  "friends.heading": {
+    "message": "Друзья"
+  },
+  "friends.heading.active": {
+    "message": "В игре"
+  },
+  "friends.heading.offline": {
+    "message": "Не в сети"
+  },
+  "friends.heading.online": {
+    "message": "В сети"
+  },
+  "friends.heading.pending": {
+    "message": "В ожидании"
+  },
+  "friends.no-friends-match": {
+    "message": "Нет друзей по запросу «{query}»"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Поиск по друзьям..."
+  },
+  "friends.section.heading": {
+    "message": "{title} — {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Войдите в Modrinth</link>, чтобы добавлять друзей и знать, во что они играют!"
   },
   "instance.add-server.add-and-play": {
     "message": "Добавить и играть"
@@ -84,7 +147,7 @@
     "message": "Добавление сервера"
   },
   "instance.edit-server.title": {
-    "message": "Изменение сервера"
+    "message": "Настройка сервера"
   },
   "instance.edit-world.hide-from-home": {
     "message": "Не показывать на главной"
@@ -99,7 +162,7 @@
     "message": "Сбросить иконку"
   },
   "instance.edit-world.title": {
-    "message": "Изменение информации о мире"
+    "message": "Изменение мира"
   },
   "instance.filter.disabled": {
     "message": "Отключённые"
@@ -174,13 +237,13 @@
     "message": "Название"
   },
   "instance.settings.tabs.hooks": {
-    "message": "Настройки запуска"
+    "message": "Команды запуска"
   },
   "instance.settings.tabs.hooks.custom-hooks": {
     "message": "Изменение команд запуска"
   },
   "instance.settings.tabs.hooks.description": {
-    "message": "Позволяют опытным пользователям задать системные команды, выполняемые перед запуском и после закрытия игры."
+    "message": "Позволяет опытным пользователям задать системные команды, выполняемые до и после запуска игры."
   },
   "instance.settings.tabs.hooks.post-exit": {
     "message": "После выхода"
@@ -201,13 +264,13 @@
     "message": "Введите команду перед запуском..."
   },
   "instance.settings.tabs.hooks.title": {
-    "message": "Настройки запуска игры"
+    "message": "Команды запуска игры"
   },
   "instance.settings.tabs.hooks.wrapper": {
     "message": "Обёртка"
   },
   "instance.settings.tabs.hooks.wrapper.description": {
-    "message": "Команда обёртки для запуска Minecraft."
+    "message": "Команда-обёртка для запуска Minecraft."
   },
   "instance.settings.tabs.hooks.wrapper.enter": {
     "message": "Команда обёртки..."
@@ -252,7 +315,7 @@
     "message": "Установить"
   },
   "instance.settings.tabs.installation.install.in-progress": {
-    "message": "Выполняется установка..."
+    "message": "Выполняется установка"
   },
   "instance.settings.tabs.installation.loader-version": {
     "message": "Версия {loader}"
@@ -303,7 +366,7 @@
     "message": "Восстановить сборку?"
   },
   "instance.settings.tabs.installation.repair.in-progress": {
-    "message": "Выполняется исправление..."
+    "message": "Выполняется исправление"
   },
   "instance.settings.tabs.installation.reset-selections": {
     "message": "Сбросить выбор"
@@ -357,7 +420,7 @@
     "message": "Переменные среды"
   },
   "instance.settings.tabs.java.hooks": {
-    "message": "Настройки запуска"
+    "message": "Команды запуска"
   },
   "instance.settings.tabs.java.java-arguments": {
     "message": "Аргументы Java"

apps/app-frontend/src/locales/sv-SE/index.json

@@ -2,6 +2,9 @@
   "app.settings.developer-mode-enabled": {
     "message": "Utvecklarläge aktiverat."
   },
+  "app.settings.downloading": {
+    "message": "Ladda ner v{version}"
+  },
   "app.settings.tabs.appearance": {
     "message": "Utseende"
   },
@@ -20,6 +23,111 @@
   "app.settings.tabs.resource-management": {
     "message": "Resurshantering"
   },
+  "app.update-toast.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-toast.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."
+  },
+  "app.update-toast.body.metered": {
+    "message": "Modrinth App v{version} är nu tillgänglig! Eftersom du använder ett nätverk med datatrafikbegränsningar har vi inte laddat ner det automatiskt."
+  },
+  "app.update-toast.changelog": {
+    "message": "Ändringslogg"
+  },
+  "app.update-toast.download": {
+    "message": "Ladda ner ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "Laddar ner..."
+  },
+  "app.update-toast.reload": {
+    "message": "Ladda om"
+  },
+  "app.update-toast.title": {
+    "message": "Uppdatering tillgänglig"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "Nedladdning slutförd"
+  },
+  "app.update.complete-toast.text": {
+    "message": "Tryck här för att visa ändringsloggen."
+  },
+  "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"
+  },
+  "friends.action.add-friend": {
+    "message": "Lägg till en vän"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} vän{count, plural, one {förfrågan} other {förfrågningar}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "Skicka vänförfrågan"
+  },
+  "friends.add-friend.title": {
+    "message": "Lägga till en vän"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Det kan vara annorlunda från deras Minecraft-användarnamn!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Ange Modrinth-användarnamn..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Vad är din väns Modrinth-användarnamn?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Lägg till vänner</link> för att se vad de spelar!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Avbryt förfrågan"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Ta bort vän"
+  },
+  "friends.friend.request-sent": {
+    "message": "Vänförfrågan skickad"
+  },
+  "friends.friend.view-profile": {
+    "message": "Visa profil"
+  },
+  "friends.heading": {
+    "message": "Vänner"
+  },
+  "friends.heading.active": {
+    "message": "Aktiva"
+  },
+  "friends.heading.offline": {
+    "message": "Offline"
+  },
+  "friends.heading.online": {
+    "message": "Online"
+  },
+  "friends.heading.pending": {
+    "message": "Väntar"
+  },
+  "friends.no-friends-match": {
+    "message": "Inga vänner matchar ''{query}''"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Sök efter vänner..."
+  },
+  "friends.section.heading": {
+    "message": "{title}: {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Logga in på ett Modrinth-konto</link> för att lägga till vänner och se vad de spelar!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Lägg till och spela"
   },

apps/app-frontend/src/locales/th-TH/index.json

@@ -2,9 +2,18 @@
   "app.settings.developer-mode-enabled": {
     "message": "กำลังอยู่ในโหมดผู้พัฒนา"
   },
+  "app.settings.downloading": {
+    "message": "ดาวน์โหลด เวอร์ชั่น{version}"
+  },
   "app.settings.tabs.appearance": {
     "message": "รูปลักษณ์"
   },
+  "app.settings.tabs.default-instance-options": {
+    "message": "ตัวเลือกอินสแตนซ์เริ่มต้น"
+  },
+  "app.settings.tabs.feature-flags": {
+    "message": "ระบบควบคุมการเปิดใช้งานฟีเจอร์"
+  },
   "app.settings.tabs.java-installations": {
     "message": "การจัดการ Java ที่ติดตั้ง"
   },
@@ -14,6 +23,51 @@
   "app.settings.tabs.resource-management": {
     "message": "การจัดการทรัพยากร"
   },
+  "app.update-toast.body": {
+    "message": "Modrinth App v{version} พร้อมติดตั้งแล้ว! รีโหลดเพื่ออัปเดตทันที หรือจะอัปเดตอัตโนมัติเมื่อคุณปิดแอป"
+  },
+  "app.update-toast.body.download-complete": {
+    "message": "Modrinth App v{version} ดาวน์โหลดเสร็จแล้ว! รีโหลดเพื่ออัปเดตทันที หรือจะอัปเดตอัตโนมัติเมื่อคุณปิดแอป"
+  },
+  "app.update-toast.body.metered": {
+    "message": "Modrinth App v{version} พร้อมให้ดาวน์โหลดแล้ว! เนื่องจากคุณกำลังใช้งานเครือข่ายที่มีการคิดค่าใช้จ่ายตามปริมาณข้อมูล ระบบจึงไม่ได้ดาวน์โหลดอัตโนมัติ"
+  },
+  "app.update-toast.changelog": {
+    "message": "บันทึกการเปลี่ยนแปลง"
+  },
+  "app.update-toast.download": {
+    "message": "ดาวน์โหลด ({size})"
+  },
+  "app.update-toast.downloading": {
+    "message": "กำลังดาวน์โหลด...."
+  },
+  "app.update-toast.reload": {
+    "message": "รีโหลด"
+  },
+  "app.update-toast.title": {
+    "message": "อัพเดตพร้อมแล้ว"
+  },
+  "app.update-toast.title.download-complete": {
+    "message": "ดาวน์โหลดเรียบร้อยแล้ว"
+  },
+  "app.update.complete-toast.text": {
+    "message": "คลิกที่นี่เพื่อดูบันทึกการเปลี่ยนแปลง"
+  },
+  "app.update.complete-toast.title": {
+    "message": "เวอร์ชั่น {version} ถูกติดตั้งแล้ว"
+  },
+  "app.update.download-update": {
+    "message": "ดาวน์โหลดอัพเดต"
+  },
+  "app.update.downloading-update": {
+    "message": "ดาวน์โหลดอัพเดตไปแล้ว ({percent}%)"
+  },
+  "app.update.reload-to-update": {
+    "message": "รีโหลดเพื่อติดตั้งอัพเดต"
+  },
+  "friends.heading": {
+    "message": "เพื่อน"
+  },
   "instance.add-server.add-and-play": {
     "message": "เพิ่มและเล่นทันที"
   },
@@ -50,6 +104,9 @@
   "instance.edit-world.title": {
     "message": "แก้ไขโลก"
   },
+  "instance.filter.disabled": {
+    "message": "ปิดโปรเจ็ค"
+  },
   "instance.filter.updates-available": {
     "message": "พบอัพเดท"
   },
@@ -68,6 +125,15 @@
   "instance.settings.tabs.general": {
     "message": "ทั่วไป"
   },
+  "instance.settings.tabs.general.delete": {
+    "message": "ลบอินสแตนซ์"
+  },
+  "instance.settings.tabs.general.delete.button": {
+    "message": "ลบอินสแตนซ์"
+  },
+  "instance.settings.tabs.general.delete.description": {
+    "message": "ลบอินสแตนซ์ออกจากอุปกรณ์ของคุณอย่างถาวร รวมถึงโลก การตั้งค่า และเนื้อหาทั้งหมดที่ติดตั้งไว้ โปรดระมัดระวัง เนื่องจากเมื่อถูกลบแล้วจะไม่สามารถกู้คืนได้อีก"
+  },
   "instance.settings.tabs.general.deleting.button": {
     "message": "กำลังลบ..."
   },
@@ -77,6 +143,12 @@
   "instance.settings.tabs.general.duplicate-button.tooltip.installing": {
     "message": "ไม่สามารถทำซ้ำได้ขณะติดตั้ง"
   },
+  "instance.settings.tabs.general.duplicate-instance": {
+    "message": "สร้างสำเนาอินสแตนซ์"
+  },
+  "instance.settings.tabs.general.duplicate-instance.description": {
+    "message": "สร้างสำเนาของอินสแตนซ์นี้ รวมถึงโลก การตั้งค่า ม็อด และอื่นๆ"
+  },
   "instance.settings.tabs.general.edit-icon": {
     "message": "แก้ไขไอคอน"
   },
@@ -95,6 +167,9 @@
   "instance.settings.tabs.general.library-groups.create": {
     "message": "สร้างกลุ่มใหม่"
   },
+  "instance.settings.tabs.general.library-groups.description": {
+    "message": "กลุ่มไลบรารีช่วยให้คุณจัดระเบียบอินสแตนซ์ของคุณเป็นหมวดหมู่ต่างๆ ภายในไลบรารี"
+  },
   "instance.settings.tabs.general.library-groups.enter-name": {
     "message": "ใส่ชื่อกลุ่ม"
   },

apps/app-frontend/src/locales/tl-PH/index.json

@@ -9,7 +9,7 @@
     "message": "Kiyas"
   },
   "app.settings.tabs.default-instance-options": {
-    "message": "Mga pagpipilian sa batayang pangyayari"
+    "message": "Mga pagpipilian sa batayang tularan"
   },
   "app.settings.tabs.feature-flags": {
     "message": "Watawat ng mga tampok"
@@ -23,32 +23,116 @@
   "app.settings.tabs.resource-management": {
     "message": "Pamamahala ng mapagkukunan"
   },
+  "app.update-toast.body": {
+    "message": "Handa nang maikabit ang Modrinth App v{version}. Muling dalhin upang maisapanahon, o pagkusaan pagpinid ng Modrinth App."
+  },
   "app.update-toast.body.download-complete": {
-    "message": "Tapos nang maidalamba ang Modrinth App v{version}. Muling dalhin upang matakda ang pagbabago ngayon, o mamaya nalang sa pagpinid ng Modrinth App."
+    "message": "Tapos nang maidalamba ang Modrinth App v{version}. Muling dalhin upang maisapanahon, o pagkusaan pagpinid ng Modrinth App."
   },
   "app.update-toast.body.metered": {
     "message": "Magagamit na ngayon ang Modrinth App v{version}! Hindi namin dinalamba kaagad dahil bilang ang inyong kabalagan."
   },
+  "app.update-toast.changelog": {
+    "message": "Tala ng Pagbabago"
+  },
   "app.update-toast.download": {
     "message": "Idalamba ({size})"
   },
   "app.update-toast.downloading": {
     "message": "Nagdadalamba..."
   },
+  "app.update-toast.reload": {
+    "message": "Magmulindala"
+  },
+  "app.update-toast.title": {
+    "message": "May kamakailang pagsasapanahon"
+  },
   "app.update-toast.title.download-complete": {
     "message": "Natapos ang pagdalamba"
   },
+  "app.update.complete-toast.text": {
+    "message": "Magpindot rito upang matingnan ang talaan ng pagbabago."
+  },
+  "app.update.complete-toast.title": {
+    "message": "Tagumpay na nakabit ang bersiyong {version}!"
+  },
   "app.update.download-update": {
     "message": "Idalamba ang pagbabago"
   },
   "app.update.downloading-update": {
-    "message": "Nagdadalamba ng pagbabago ({percent}%)"
+    "message": "Nagdadalamba ng pagsasapanahon ({percent}%)"
+  },
+  "app.update.reload-to-update": {
+    "message": "Handang makabit ang pagsasapanahon"
+  },
+  "friends.action.add-friend": {
+    "message": "Magdagdag ng kaibigan"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count, plural, one {{count}} other {{count} na}} hiling na makipagkaibigan"
+  },
+  "friends.add-friend.submit": {
+    "message": "Magpadala ng hiling na makipagkaibigan"
+  },
+  "friends.add-friend.title": {
+    "message": "Pagdaragdag ng kaibigan"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Maaaraing hindi katulad sa kanilang pangalan sa Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Ilagay ang pangalan ng gagamit sa Modrinth... "
+  },
+  "friends.add-friend.username.title": {
+    "message": "Ano ang pangalan ng iyong kaibigan sa Modrinth?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Magdagdag ng mga kaibigan</link> upang makita ang kanilang nilalaro!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Bawiin ang hiling"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Tanggalin ang kaibing"
+  },
+  "friends.friend.request-sent": {
+    "message": "Ipinadala na ang hiling na makipagkaibigan"
+  },
+  "friends.friend.view-profile": {
+    "message": "Tingnan ang propayl"
+  },
+  "friends.heading": {
+    "message": "Mga kaibigan"
+  },
+  "friends.heading.active": {
+    "message": "Masigla"
+  },
+  "friends.heading.offline": {
+    "message": "Pinid"
+  },
+  "friends.heading.online": {
+    "message": "Bukas"
+  },
+  "friends.heading.pending": {
+    "message": "Nakabinbin"
+  },
+  "friends.no-friends-match": {
+    "message": "Walang kaibigang tumugma sa \"{query}\""
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Hanapin ang mga kaibigan..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Mag-sign-in sa Modrinth account</link> upang maidagdag ang mga kaibigan at malaman ang kanilang nilalaro!"
   },
   "instance.add-server.add-and-play": {
     "message": "Idagdag at laruin"
   },
   "instance.add-server.add-server": {
-    "message": "Idagdag ang tagapagsilbi"
+    "message": "Idagdag ang pansilbi"
   },
   "instance.add-server.resource-pack.disabled": {
     "message": "Hindi pinahihintulotan"
@@ -60,10 +144,10 @@
     "message": "Magpahintulot"
   },
   "instance.add-server.title": {
-    "message": "Magdagdag ng tagapagsilbi"
+    "message": "Magdagdag ng pansilbi"
   },
   "instance.edit-server.title": {
-    "message": "Baguhin ang tagapagsilbi"
+    "message": "Baguhin ang pansilbi"
   },
   "instance.edit-world.hide-from-home": {
     "message": "Huwag ipakita sa panig ng Bahay"
@@ -75,7 +159,7 @@
     "message": "Minecraft na Daigdig"
   },
   "instance.edit-world.reset-icon": {
-    "message": "Walain ang lambana"
+    "message": "Isauli ang lambana"
   },
   "instance.edit-world.title": {
     "message": "Baguhin ang daigdig"
@@ -86,23 +170,41 @@
   "instance.filter.updates-available": {
     "message": "May mga bagong pagbabago"
   },
+  "instance.server-modal.address": {
+    "message": "Tinitirhan"
+  },
   "instance.server-modal.name": {
     "message": "Pangalan"
   },
   "instance.server-modal.placeholder-name": {
-    "message": "Minecraft na Tagapagsilbi"
+    "message": "Minecraft na Pansilbi"
   },
   "instance.server-modal.resource-pack": {
     "message": "Balot ng mapagkukunan"
   },
+  "instance.settings.tabs.general": {
+    "message": "Pangkalahatan"
+  },
   "instance.settings.tabs.general.delete": {
-    "message": "Tanggalin ang pangyayari"
+    "message": "Tanggalin ang tularan"
   },
   "instance.settings.tabs.general.delete.button": {
-    "message": "Tanggalin ang pangyayari"
+    "message": "Tanggalin ang tularan"
   },
   "instance.settings.tabs.general.delete.description": {
-    "message": "Lagiang matatanggal ang pangyayari sa iyong pakasam, kasali na ang iyong mga daigdig, pagsasaayos, at lahat ng kinabitang nilalaman. Mag-ingat, hindi na mababawi kapag magtanggal ka ng pangyayari."
+    "message": "Habam buhay na matatanggal ang tularan sa iyong pakasam, kasali na ang iyong mga daigdig, pagsasaayos, at lahat ng kinabitang nilalaman. Mag-ingat, hindi na mababawi kapag nagtanggal ka na ng tularan."
+  },
+  "instance.settings.tabs.general.deleting.button": {
+    "message": "Binubura..."
+  },
+  "instance.settings.tabs.general.duplicate-button": {
+    "message": "Isaduhasipi"
+  },
+  "instance.settings.tabs.general.duplicate-button.tooltip.installing": {
+    "message": "Hindi makakasaduhasipi habang nagkakabit."
+  },
+  "instance.settings.tabs.general.duplicate-instance": {
+    "message": "Isaduhasipi ang tularan"
   },
   "instance.settings.tabs.general.duplicate-instance.description": {
     "message": "Gagawan ng sipi ang pangyayaring ito, kasali na ang mga daigdig, pagsasaaayos, pagbabago, at iba pa."
@@ -113,19 +215,259 @@
   "instance.settings.tabs.general.edit-icon.remove": {
     "message": "Tanggalin ang lambana"
   },
+  "instance.settings.tabs.general.edit-icon.replace": {
+    "message": "Palitan ang lambana"
+  },
+  "instance.settings.tabs.general.edit-icon.select": {
+    "message": "Pumili ng lambana"
+  },
+  "instance.settings.tabs.general.library-groups": {
+    "message": "Mga pangkat ng aklatan"
+  },
+  "instance.settings.tabs.general.library-groups.create": {
+    "message": "Gumawa ng bagong pangkat"
+  },
+  "instance.settings.tabs.general.library-groups.description": {
+    "message": "Binibigyang-daan ng mga pangkat ng aklatan na iyong maayos ang iyong mga tularan sa iba't-ibang tapyas ng iyong aklatan."
+  },
+  "instance.settings.tabs.general.library-groups.enter-name": {
+    "message": "Ilagay ang pangalan ng pangkat"
+  },
+  "instance.settings.tabs.general.name": {
+    "message": "Pangalan"
+  },
+  "instance.settings.tabs.hooks": {
+    "message": "Mga kawit sa paglunsad"
+  },
+  "instance.settings.tabs.hooks.custom-hooks": {
+    "message": "Mga pasadyang kawit sa paglunsad"
+  },
+  "instance.settings.tabs.hooks.description": {
+    "message": "Binibigyan-daan ng mga kawit ang mga madalubhasang gumagamit na makapagtakbo ng mga utos sa kaayusan bago at pagkatapos malunsad ang laro."
+  },
+  "instance.settings.tabs.hooks.post-exit": {
+    "message": "Tapos-mapinid"
+  },
+  "instance.settings.tabs.hooks.post-exit.description": {
+    "message": "Ipapatakbo pagkatapos mapinid ang laro."
+  },
+  "instance.settings.tabs.hooks.post-exit.enter": {
+    "message": "Ilagay ang tapos-mapinid na utos..."
+  },
+  "instance.settings.tabs.hooks.pre-launch": {
+    "message": "Bago-malunsad"
+  },
+  "instance.settings.tabs.hooks.pre-launch.description": {
+    "message": "Ipapatakbo bago mailunsad ang tularan."
+  },
+  "instance.settings.tabs.hooks.pre-launch.enter": {
+    "message": "Ilagay ang bago-malunsad na utos..."
+  },
+  "instance.settings.tabs.hooks.title": {
+    "message": "Mga kawit sa paglunsad ng laro"
+  },
+  "instance.settings.tabs.hooks.wrapper": {
+    "message": "Pambalot"
+  },
+  "instance.settings.tabs.hooks.wrapper.description": {
+    "message": "Pambalot na utos sa paglunsad ng Minecraft."
+  },
+  "instance.settings.tabs.hooks.wrapper.enter": {
+    "message": "Ilagay ang pambalot na utos..."
+  },
+  "instance.settings.tabs.installation": {
+    "message": "Pagkakabit"
+  },
+  "instance.settings.tabs.installation.change-version.already-installed.modded": {
+    "message": "Naka-install naman ang {platform} {version} para sa Minecraft {game_version}"
+  },
+  "instance.settings.tabs.installation.change-version.already-installed.vanilla": {
+    "message": "Nakakabit naman ang Baynilyang {game_version}"
+  },
+  "instance.settings.tabs.installation.change-version.button": {
+    "message": "Palitan ang bersiyon"
+  },
+  "instance.settings.tabs.installation.change-version.button.install": {
+    "message": "Ikabit"
+  },
+  "instance.settings.tabs.installation.change-version.button.installing": {
+    "message": "Kinakabit"
+  },
+  "instance.settings.tabs.installation.change-version.cannot-while-fetching": {
+    "message": "Naghahanap ng mga bersiyon ng mga balot ng pambago"
+  },
+  "instance.settings.tabs.installation.change-version.in-progress": {
+    "message": "Kinakabit ang bagong bersiyon"
+  },
+  "instance.settings.tabs.installation.currently-installed": {
+    "message": "Kasalukuyang nakakabit"
+  },
+  "instance.settings.tabs.installation.debug-information": {
+    "message": "Kaalaman sa pagdalisay:"
+  },
+  "instance.settings.tabs.installation.game-version": {
+    "message": "Bersiyon ng laro"
+  },
+  "instance.settings.tabs.installation.install": {
+    "message": "Ikabit"
+  },
+  "instance.settings.tabs.installation.install.in-progress": {
+    "message": "Nagkakabit ngayon"
+  },
+  "instance.settings.tabs.installation.loader-version": {
+    "message": "Bersiyon ng {loader}"
+  },
+  "instance.settings.tabs.installation.minecraft-version": {
+    "message": "Minecraft {version}"
+  },
+  "instance.settings.tabs.installation.no-loader-versions": {
+    "message": "Hindi magagamit ang {loader} sa Minecraft {version}. Sumubok ng ibang tagapagtala ng pambago."
+  },
+  "instance.settings.tabs.installation.platform": {
+    "message": "Batyawan"
+  },
+  "instance.settings.tabs.installation.reinstall.button": {
+    "message": "Ikabit muli ang balot ng pambago"
+  },
+  "instance.settings.tabs.installation.reinstall.button.reinstalling": {
+    "message": "Kinakabit muli ang balot ng pambago"
+  },
   "instance.settings.tabs.installation.reinstall.confirm.description": {
-    "message": "Maaaring mababalik sa dati ang lahat ng kinabit o binago na nilalaman sa kung anong ibibigay ng balot ng pambago, tatanggalin ang mga pambago o nilalamang idinagdag mo lalo na ang nangunang balot ng pambago. Maaari nitong masiayos ang mga hindi inaasahang pag-uugali kung may pagbabagong naganap sa pangyayari, ngunit kung nakabatay na ang iyong daigdig sa karagdagang nilalaman, maaari nitong masira ang mga umiiral na daigdig."
+    "message": "Maaaring mababalik sa dati ang lahat ng kinabit o binago na nilalaman sa kung anong ibibigay ng balot ng pambago, tatanggalin ang mga pambago o nilalamang idinagdag mo lalo na ang nangunang balot ng pambago. Maaari nitong masiayos ang mga hindi inaasahang pag-uugali kung may pagbabagong naganap sa tularan, ngunit kung nakabatay na ang iyong daigdig sa karagdagang nilalaman, maaari nitong masira ang mga umiiral na daigdig."
   },
   "instance.settings.tabs.installation.reinstall.description": {
-    "message": "Ibalik ang mga nilalaman ng pangyayari sa pangunahing kalagayan, tatanggalin ang mga pambago o nilalamang idinagdag mo lalo na ang nangunang balot ng pambago."
+    "message": "Ibalik ang mga nilalaman ng tularan sa pangunahing kalagayan, tatanggalin ang mga pambago o nilalamang idinagdag mo lalo na ang nangunang balot ng pambago."
+  },
+  "instance.settings.tabs.installation.reinstall.title": {
+    "message": "Ikabit muli ang balot ng pambago"
+  },
+  "instance.settings.tabs.installation.repair.button": {
+    "message": "Kumpunihin"
+  },
+  "instance.settings.tabs.installation.repair.button.repairing": {
+    "message": "Kinukumpuni"
+  },
+  "instance.settings.tabs.installation.repair.confirm.description": {
+    "message": "Sa pag-aayos, magkakabit muli ng mga sandalan ng Minecraft at maghahanap ng mga katiwalian. Maaaring malutas nito ang mga isyu kung hindi malulunsad ang laro dahil sa mga kamalian sa tagapaglunsad, ngunit hindi nito malulutas ang mga isyu o pagbagsak na dulot nga mga pambagong nakakabit."
+  },
+  "instance.settings.tabs.installation.repair.confirm.title": {
+    "message": "Kumpunihin ang tularan?"
+  },
+  "instance.settings.tabs.installation.repair.in-progress": {
+    "message": "Kinukumpuni ngayon"
+  },
+  "instance.settings.tabs.installation.reset-selections": {
+    "message": "Sa kasalukuyan isauli"
+  },
+  "instance.settings.tabs.installation.show-all-versions": {
+    "message": "Ipakita ang lahat ng bersiyon"
+  },
+  "instance.settings.tabs.installation.tooltip.action.change-version": {
+    "message": "palitan ang bersiyon"
+  },
+  "instance.settings.tabs.installation.tooltip.action.install": {
+    "message": "ikabit"
+  },
+  "instance.settings.tabs.installation.tooltip.action.reinstall": {
+    "message": "ikabit muli"
+  },
+  "instance.settings.tabs.installation.tooltip.action.repair": {
+    "message": "kumpunihin"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-installing": {
+    "message": "Hindi makaka-{action} habang nagkakabit"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-offline": {
+    "message": "Hindi makaka-{action} habang di-nakakabit"
+  },
+  "instance.settings.tabs.installation.tooltip.cannot-while-repairing": {
+    "message": "Hindi makaka-{action} habang nagkukumpuni"
+  },
+  "instance.settings.tabs.installation.unknown-version": {
+    "message": "(hindi kilalang bersiyon)"
+  },
+  "instance.settings.tabs.installation.unlink.button": {
+    "message": "Paghiwalayin sa tularan"
+  },
+  "instance.settings.tabs.installation.unlink.confirm.description": {
+    "message": "Kung ipapatuloy mo, hindi mo na itong maaaring maikawing muli ng hindi lilikha ng panibagong tularan. Hindi ka makatatanggap ng mga pagsasapanahon ng pambalot ng pambago at magiging pangkaraniwan na itong."
+  },
+  "instance.settings.tabs.installation.unlink.description": {
+    "message": "Nakakawing ang tularang ito sa isang pambalot ng pambago, ibig sabihin hindi maisapanahon ang mga pambago at hindi mo mapapalitan ang tagapagdala ng pambago o ang bersiyon ng Minecraft."
+  },
+  "instance.settings.tabs.installation.unlink.title": {
+    "message": "Paghiwalayin sa balot ng pambago"
+  },
+  "instance.settings.tabs.java": {
+    "message": "Java at memorya"
+  },
+  "instance.settings.tabs.java.hooks": {
+    "message": "Mga kawit"
+  },
+  "instance.settings.tabs.java.java-arguments": {
+    "message": "Mga sadyansukat ng java"
+  },
+  "instance.settings.tabs.java.java-installation": {
+    "message": "Kabit ng Java"
+  },
+  "instance.settings.tabs.java.java-memory": {
+    "message": "Memoryang inilaan"
+  },
+  "instance.settings.tabs.window": {
+    "message": "Durungawan"
   },
   "instance.settings.tabs.window.custom-window-settings": {
     "message": "Mga kagustuhan sa pasadyang durungawan"
   },
+  "instance.settings.tabs.window.fullscreen": {
+    "message": "Buong-tabing"
+  },
+  "instance.settings.tabs.window.height": {
+    "message": "Tayog"
+  },
+  "instance.settings.tabs.window.height.enter": {
+    "message": "Ilagay ang taas..."
+  },
+  "instance.settings.tabs.window.width": {
+    "message": "Lapad"
+  },
+  "instance.settings.tabs.window.width.enter": {
+    "message": "Ilagay ang lapad..."
+  },
   "instance.settings.title": {
     "message": "Mga Kagustuhan"
   },
+  "instance.worlds.a_minecraft_server": {
+    "message": "Isang Minecraft na Pansilbi"
+  },
+  "instance.worlds.copy_address": {
+    "message": "Sipiin ang tinitirhan"
+  },
+  "instance.worlds.dont_show_on_home": {
+    "message": "Huwag ipakita sa Tirahan"
+  },
+  "instance.worlds.filter.available": {
+    "message": "Magagamit"
+  },
+  "instance.worlds.hardcore": {
+    "message": "Paraang pangdalubhasan"
+  },
+  "instance.worlds.play_instance": {
+    "message": "Laruin ang tularan"
+  },
+  "instance.worlds.type.server": {
+    "message": "Pansilbi"
+  },
+  "instance.worlds.type.singleplayer": {
+    "message": "Pang-isahang laro"
+  },
   "instance.worlds.view_instance": {
-    "message": "Tingnan ang pangyayari"
+    "message": "Tingnan ang tularan"
+  },
+  "instance.worlds.world_in_use": {
+    "message": "Ginagamit ang daigdig"
+  },
+  "search.filter.locked.instance.sync": {
+    "message": "Makipagsabayan sa tularan"
   }
 }

apps/app-frontend/src/locales/tr-TR/index.json

@@ -3,7 +3,7 @@
     "message": "Geliştirici modu açıldı."
   },
   "app.settings.downloading": {
-    "message": "V{version} İndiriliyor"
+    "message": "v{version} indiriliyor"
   },
   "app.settings.tabs.appearance": {
     "message": "Görünüm"
@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "Güncellemeyi yüklemek için yeniden yükleyin"
   },
+  "friends.action.add-friend": {
+    "message": "Bir arkadaş ekle"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} Arkadaşlık {count, plural,one {isteği} other {istekleri}}"
+  },
+  "friends.add-friend.submit": {
+    "message": "Arkadaşlık isteği gönder"
+  },
+  "friends.add-friend.title": {
+    "message": "Bir arkadaş ekleme"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Minecraft kullanıcı adlarından farklı olabilir!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Modrinth kullanıcı adını girin..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "Arkadaşının Modrinth kullanıcı adı nedir?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "Arkadaşlarının ne oynadığını görmek için <link>onları ekle</link>!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "İsteği iptal et"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Arkadaşı çıkar"
+  },
+  "friends.friend.request-sent": {
+    "message": "Arkadaşlık isteği gönderildi"
+  },
+  "friends.friend.view-profile": {
+    "message": "Profili gör"
+  },
+  "friends.heading": {
+    "message": "Arkadaşlar"
+  },
+  "friends.heading.active": {
+    "message": "Aktif"
+  },
+  "friends.heading.offline": {
+    "message": "Çevrimdışı"
+  },
+  "friends.heading.online": {
+    "message": "Çevrimiçi"
+  },
+  "friends.heading.pending": {
+    "message": "Bekleniyor"
+  },
+  "friends.no-friends-match": {
+    "message": "''{query}'' ile eşleşen arkadaş yok"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Arkadaşları ara..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "Arkadaş eklemek ve ne oynadıklarını görmek için bir <link>Modrinth hesabına giriş yap</link>!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Ekle ve oyna"
   },

apps/app-frontend/src/locales/tt-RU/index.json

@@ -92,6 +92,9 @@
   "instance.settings.tabs.installation.change-version.button.installing": {
     "message": "Утырту"
   },
+  "instance.settings.tabs.installation.debug-information": {
+    "message": "Төзәтү мәгълүматы:"
+  },
   "instance.settings.tabs.installation.game-version": {
     "message": "Уен версиясе"
   },

apps/app-frontend/src/locales/uk-UA/index.json

@@ -24,16 +24,16 @@
     "message": "Керування ресурсами"
   },
   "app.update-toast.body": {
-    "message": "Modrinth App v{version} готова до встановлення. Перезапустіть програму, щоб встановити зараз, чи вона оновиться автоматично після закриття."
+    "message": "Modrinth App v{version} готова до встановлення! Перезапустіть, щоб оновити зараз. Або, оновлення буде здійснено автоматично, коли закриєте Modrinth App."
   },
   "app.update-toast.body.download-complete": {
-    "message": "Завантаження Modrinth App v{version} завершене. Перезапустіть програму щоб оновити зараз, чи вона оновиться автоматично після закриття."
+    "message": "Modrinth App v{version} уже завантажилась. Перезапустіть, щоб оновити зараз. Або, оновлення буде здійснено автоматично, коли закриєте Modrinth App."
   },
   "app.update-toast.body.metered": {
-    "message": "Modrinth App v{version} вже доступна до завантаження! Оскільки ви на лімітному підключенні, ми не завантажили його автоматично."
+    "message": "Modrinth App v{version} доступна зараз! Оскільки ви на лімітному з’єднанні, ми не завантажили її автоматично."
   },
   "app.update-toast.changelog": {
-    "message": "Список змін"
+    "message": "Журнал змін"
   },
   "app.update-toast.download": {
     "message": "Завантажити ({size})"
@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "Перезавантажте, щоб установити оновлення"
   },
+  "friends.action.add-friend": {
+    "message": "Додати друга"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} запит{count, plural, one { у} few {и в} many {ів у} other {у в}} друзі"
+  },
+  "friends.add-friend.submit": {
+    "message": "Надіслати запит у друзі"
+  },
+  "friends.add-friend.title": {
+    "message": "Додавання друга"
+  },
+  "friends.add-friend.username.description": {
+    "message": "Може відрізнятися від його або її імені користувача Minecraft!"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "Уведіть ім’я користувача Modrinth…"
+  },
+  "friends.add-friend.username.title": {
+    "message": "Яке ім’я користувача Modrinth у вашого друга?"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>Додайте друзів</link>, щоб бачити, у що вони грають!"
+  },
+  "friends.friend.cancel-request": {
+    "message": "Скасувати запит"
+  },
+  "friends.friend.remove-friend": {
+    "message": "Видалити друга"
+  },
+  "friends.friend.request-sent": {
+    "message": "Запит у друзі надіслано"
+  },
+  "friends.friend.view-profile": {
+    "message": "Переглянути профіль"
+  },
+  "friends.heading": {
+    "message": "Друзі"
+  },
+  "friends.heading.active": {
+    "message": "Активний"
+  },
+  "friends.heading.offline": {
+    "message": "Поза мережею"
+  },
+  "friends.heading.online": {
+    "message": "У мережі"
+  },
+  "friends.heading.pending": {
+    "message": "Очікується"
+  },
+  "friends.no-friends-match": {
+    "message": "Немає друзів, котрі збігаються з «{query}»"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "Шукати друзів…"
+  },
+  "friends.section.heading": {
+    "message": "{title} — {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>Увійдіть в обліковий запис Modrinth</link>, щоб додати друзів і бачити, у що вони грають!"
+  },
   "instance.add-server.add-and-play": {
     "message": "Додати та грати"
   },
@@ -123,7 +186,7 @@
     "message": "Загальні"
   },
   "instance.settings.tabs.general.delete": {
-    "message": "Видалити інсталяцію"
+    "message": "Видалити примірник"
   },
   "instance.settings.tabs.general.delete.button": {
     "message": "Видалити профіль"
@@ -279,7 +342,7 @@
     "message": "Перевстановлення збірки"
   },
   "instance.settings.tabs.installation.reinstall.confirm.description": {
-    "message": "Перевстановлення скине увесь доданий або модифікований вміст до наданого збіркою, прибираючи будь-які, додатково встановлені вами модифікації чи вміст.\nЯкщо ви змінювали профіль, це може виправити непередбачувану поведінку, однак, якщо ваші світи залежать від додаткового вмісту, це може зламати ці світи."
+    "message": "Перевстановлення скине увесь доданий або модифікований вміст до наданого збіркою, прибираючи будь-які, додатково встановлені вами модифікації чи вміст.\nЯкщо ви змінювали інсталяцію, це може виправити непередбачувану поведінку, однак, якщо ваші світи залежать від додаткового вмісту, це може зламати ці світи."
   },
   "instance.settings.tabs.installation.reinstall.confirm.title": {
     "message": "Ви впевнені, що хочете перевстановити цей профіль?"
@@ -303,7 +366,7 @@
     "message": "Відновити профіль?"
   },
   "instance.settings.tabs.installation.repair.in-progress": {
-    "message": "Відновлення в процессі"
+    "message": "Лагодження в процесі"
   },
   "instance.settings.tabs.installation.reset-selections": {
     "message": "Скинути до поточного"
@@ -321,7 +384,7 @@
     "message": "перевстановити"
   },
   "instance.settings.tabs.installation.tooltip.action.repair": {
-    "message": "виправити"
+    "message": "полагодити"
   },
   "instance.settings.tabs.installation.tooltip.cannot-while-installing": {
     "message": "Неможливо {action} під час встановлення"

apps/app-frontend/src/locales/zh-CN/index.json

@@ -65,6 +65,69 @@
   "app.update.reload-to-update": {
     "message": "重新启动以安装更新"
   },
+  "friends.action.add-friend": {
+    "message": "加一好友"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count}好友请求"
+  },
+  "friends.add-friend.submit": {
+    "message": "发送好友请求"
+  },
+  "friends.add-friend.title": {
+    "message": "添加好友"
+  },
+  "friends.add-friend.username.description": {
+    "message": "可能和他们的 Minecraft 用户名不一样！"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "输入Modrinth用户名……"
+  },
+  "friends.add-friend.username.title": {
+    "message": "你朋友的 Modrinth 用户名是什么？"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>添加好友</link>查看他们在玩什么！"
+  },
+  "friends.friend.cancel-request": {
+    "message": "取消请求"
+  },
+  "friends.friend.remove-friend": {
+    "message": "删除好友"
+  },
+  "friends.friend.request-sent": {
+    "message": "已发送好友请求"
+  },
+  "friends.friend.view-profile": {
+    "message": "查看个人资料"
+  },
+  "friends.heading": {
+    "message": "好友"
+  },
+  "friends.heading.active": {
+    "message": "活跃的"
+  },
+  "friends.heading.offline": {
+    "message": "离线"
+  },
+  "friends.heading.online": {
+    "message": "在线"
+  },
+  "friends.heading.pending": {
+    "message": "待确认"
+  },
+  "friends.no-friends-match": {
+    "message": "没有匹配“{query}”的朋友"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "搜索好友……"
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "请登录你的 <link>Modrinth账号</link> 添加好友并查看他们在玩什么！"
+  },
   "instance.add-server.add-and-play": {
     "message": "添加并游玩"
   },

apps/app-frontend/src/locales/zh-TW/index.json

@@ -36,7 +36,7 @@
     "message": "變更紀錄"
   },
   "app.update-toast.download": {
-    "message": "下載（{size}）"
+    "message": "下載 ({size})"
   },
   "app.update-toast.downloading": {
     "message": "下載中..."
@@ -60,11 +60,74 @@
     "message": "下載更新"
   },
   "app.update.downloading-update": {
-    "message": "正在下載更新（{percent}%）"
+    "message": "正在下載更新 ({percent}%)"
   },
   "app.update.reload-to-update": {
     "message": "重新載入即可安裝更新"
   },
+  "friends.action.add-friend": {
+    "message": "新增好友"
+  },
+  "friends.action.view-friend-requests": {
+    "message": "{count} 個好友請求"
+  },
+  "friends.add-friend.submit": {
+    "message": "傳送好友請求"
+  },
+  "friends.add-friend.title": {
+    "message": "新增好友"
+  },
+  "friends.add-friend.username.description": {
+    "message": "這可能與對方的 Minecraft 使用者名稱不同！"
+  },
+  "friends.add-friend.username.placeholder": {
+    "message": "輸入 Modrinth 使用者名稱..."
+  },
+  "friends.add-friend.username.title": {
+    "message": "你好友的 Modrinth 使用者名稱是什麼？"
+  },
+  "friends.add-friends-to-share": {
+    "message": "<link>新增好友</link>即可查看對方正在玩什麼！"
+  },
+  "friends.friend.cancel-request": {
+    "message": "取消請求"
+  },
+  "friends.friend.remove-friend": {
+    "message": "移除好友"
+  },
+  "friends.friend.request-sent": {
+    "message": "好友請求已送出"
+  },
+  "friends.friend.view-profile": {
+    "message": "查看個人檔案"
+  },
+  "friends.heading": {
+    "message": "好友"
+  },
+  "friends.heading.active": {
+    "message": "活躍中"
+  },
+  "friends.heading.offline": {
+    "message": "離線"
+  },
+  "friends.heading.online": {
+    "message": "線上"
+  },
+  "friends.heading.pending": {
+    "message": "待處理"
+  },
+  "friends.no-friends-match": {
+    "message": "沒有符合「{query}」的好友"
+  },
+  "friends.search-friends-placeholder": {
+    "message": "搜尋好友..."
+  },
+  "friends.section.heading": {
+    "message": "{title} - {count}"
+  },
+  "friends.sign-in-to-add-friends": {
+    "message": "<link>登入 Modrinth 帳號</link>即可新增好友並查看對方正在玩什麼！"
+  },
   "instance.add-server.add-and-play": {
     "message": "新增並遊玩"
   },

apps/app-frontend/src/main.js

@@ -2,6 +2,7 @@ import 'floating-vue/dist/style.css'
 
 import * as Sentry from '@sentry/vue'
 import { VueScanPlugin } from '@taijased/vue-render-tracker'
+import { VueQueryPlugin } from '@tanstack/vue-query'
 import { createPlugin } from '@vintl/vintl/plugin'
 import FloatingVue from 'floating-vue'
 import { createPinia } from 'pinia'
@@ -45,6 +46,7 @@ Sentry.init({
 	tracesSampleRate: 0.1,
 })
 
+app.use(VueQueryPlugin)
 app.use(vueScan)
 app.use(router)
 app.use(pinia)

apps/app-frontend/src/pages/Skins.vue

@@ -427,7 +427,7 @@ await Promise.all([loadCapes(), loadSkins(), loadCurrentUser()])
 
 	<div v-else class="flex items-center justify-center min-h-[50vh] pt-[25%]">
 		<div
-			class="bg-bg-raised rounded-lg p-7 flex flex-col gap-5 shadow-md relative max-w-xl w-full mx-auto"
+			class="bg-bg-raised card-shadow rounded-lg p-7 flex flex-col gap-5 shadow-md relative max-w-xl w-full mx-auto"
 		>
 			<img
 				:src="ExcitedRinthbot"

apps/app-frontend/src/pages/instance/Logs.vue

@@ -67,6 +67,7 @@
 				direction="vertical"
 				:item-size="20"
 				key-field="id"
+				buffer="200"
 			>
 				<div class="user no-wrap">
 					<span :style="{ color: item.prefixColor, 'font-weight': item.weight }">{{
@@ -508,7 +509,7 @@ onUnmounted(() => {
 	background-color: var(--color-accent-contrast);
 	color: var(--color-contrast);
 	border-radius: var(--radius-lg);
-	padding: 1.5rem;
+	padding-top: 1.5rem;
 	overflow-x: auto; /* Enables horizontal scrolling */
 	overflow-y: hidden; /* Disables vertical scrolling on this wrapper */
 	white-space: nowrap; /* Keeps content on a single line */
@@ -557,9 +558,10 @@ onUnmounted(() => {
 
 .user {
 	height: 32%;
-	padding: 0 12px;
+	padding: 0 1.5rem;
 	display: flex;
 
 	align-items: center;
+	user-select: text;
 }
 </style>

apps/app-frontend/src/pages/instance/Mods.vue

@@ -285,6 +285,7 @@ import type { Organization, Project, TeamMember, Version } from '@modrinth/utils
 import { formatProjectType } from '@modrinth/utils'
 import { getCurrentWebview } from '@tauri-apps/api/webview'
 import { defineMessages, useVIntl } from '@vintl/vintl'
+import { useStorage } from '@vueuse/core'
 import dayjs from 'dayjs'
 import type { ComputedRef } from 'vue'
 import { computed, onUnmounted, ref, watch } from 'vue'
@@ -300,11 +301,13 @@ import {
 	get_organization_many,
 	get_project_many,
 	get_team_many,
+	get_version,
 	get_version_many,
 } from '@/helpers/cache.js'
 import { profile_listener } from '@/helpers/events.js'
 import {
 	add_project_from_path,
+	get,
 	get_projects,
 	remove_project,
 	toggle_disable_project,
@@ -313,6 +316,7 @@ import {
 } from '@/helpers/profile.js'
 import type { CacheBehaviour, ContentFile, GameInstance } from '@/helpers/types'
 import { highlightModInProfile } from '@/helpers/utils.js'
+import { installVersionDependencies } from '@/store/install'
 
 const { handleError } = injectNotificationManager()
 
@@ -531,7 +535,13 @@ const filterOptions: ComputedRef<FilterOption[]> = computed(() => {
 	return options
 })
 
-const selectedFilters = ref<string[]>([])
+const selectedFilters = useStorage<string[]>(
+	`${props.instance.name}-mod-selected-filters`,
+	[],
+	sessionStorage,
+	{ mergeDefaults: true },
+)
+
 const filteredProjects = computed(() => {
 	const updatesFilter = selectedFilters.value.includes('updates')
 	const disabledFilter = selectedFilters.value.includes('disabled')
@@ -620,10 +630,15 @@ const sortProjects = (filter: string) => {
 
 const updateAll = async () => {
 	const setProjects = []
+	const outdatedProjects = []
+
 	for (const [i, project] of projects.value.entries()) {
 		if (project.outdated) {
 			project.updating = true
 			setProjects.push(i)
+			if (project.updateVersion) {
+				outdatedProjects.push(project.updateVersion)
+			}
 		}
 	}
 
@@ -639,6 +654,21 @@ const updateAll = async () => {
 			projects.value[index].updateVersion = undefined
 		}
 	}
+
+	if (outdatedProjects.length > 0) {
+		const profile = await get(props.instance.path).catch(handleError)
+
+		if (profile) {
+			for (const versionId of outdatedProjects) {
+				const versionData = await get_version(versionId, 'must_revalidate').catch(handleError)
+
+				if (versionData) {
+					await installVersionDependencies(profile, versionData).catch(handleError)
+				}
+			}
+		}
+	}
+
 	for (const project of setProjects) {
 		projects.value[project].updating = false
 	}
@@ -655,6 +685,19 @@ const updateProject = async (mod: ProjectListEntry) => {
 	mod.updating = true
 	await new Promise((resolve) => setTimeout(resolve, 0))
 	mod.path = await update_project(props.instance.path, mod.path).catch(handleError)
+
+	if (mod.updateVersion) {
+		const versionData = await get_version(mod.updateVersion, 'must_revalidate').catch(handleError)
+
+		if (versionData) {
+			const profile = await get(props.instance.path).catch(handleError)
+
+			if (profile) {
+				await installVersionDependencies(profile, versionData).catch(handleError)
+			}
+		}
+	}
+
 	mod.updating = false
 
 	mod.outdated = false

apps/app-frontend/src/routes.js

@@ -1,3 +1,4 @@
+import { ServersManagePageIndex } from '@modrinth/ui'
 import { createRouter, createWebHistory } from 'vue-router'
 
 import * as Pages from '@/pages'
@@ -27,6 +28,14 @@ export default new createRouter({
 				breadcrumb: [{ name: 'Worlds' }],
 			},
 		},
+		{
+			path: '/hosting/manage/',
+			name: 'Servers',
+			component: ServersManagePageIndex,
+			meta: {
+				breadcrumb: [{ name: 'Servers' }],
+			},
+		},
 		{
 			path: '/browse/:projectType',
 			name: 'Discover content',

apps/app-frontend/src/store/install.js

@@ -42,11 +42,24 @@ export const useInstall = defineStore('installStore', {
 })
 
 export const findPreferredVersion = (versions, project, instance) => {
+	// When `project` is passed in from this stack trace:
+	// - `installVersionDependencies`
+	// - `install.js/install` - `installVersionDependencies` call
+	//
+	// ..then `project` is actually a `Dependency` struct of a cached `Version`.
+	// `Dependency` does not have a `project_type` field,
+	// so we default it to `mod`.
+	//
+	// If we don't default here, then this `.find` will ignore version/instance
+	// loader mismatches, and you'll end up e.g. installing NeoForge mods for a
+	// Fabric instance.
+	const projectType = project.project_type ?? 'mod'
+
 	// If we can find a version using strictly the instance loader then prefer that
 	let version = versions.find(
 		(v) =>
 			v.game_versions.includes(instance.game_version) &&
-			(project.project_type === 'mod' ? v.loaders.includes(instance.loader) : true),
+			(projectType === 'mod' ? v.loaders.includes(instance.loader) : true),
 	)
 
 	if (!version) {

apps/app-frontend/src/store/theme.ts

@@ -5,6 +5,7 @@ export const DEFAULT_FEATURE_FLAGS = {
 	page_path: false,
 	worlds_tab: false,
 	worlds_in_home: true,
+	servers_in_app: false,
 }
 
 export const THEME_OPTIONS = ['dark', 'light', 'oled', 'system'] as const

apps/app-frontend/tailwind.config.ts

@@ -10,6 +10,7 @@ const config: Config = {
 		'./src/error.vue',
 		// monorepo - TODO: migrate this to its own package
 		'../../packages/**/*.{js,vue,ts}',
+		'!../../packages/**/node_modules/**',
 	],
 	theme: {
 		extend: {

apps/app/build.rs

@@ -15,6 +15,7 @@ fn main() {
                         "offline_login",
                         "elyby_login",
                         "elyby_auth_authenticate",
+                        "check_reachable",
                         "login",
                         "remove_user",
                         "get_default_user",

apps/app/src/api/auth.rs

@@ -11,6 +11,7 @@ pub fn init<R: Runtime>() -> TauriPlugin<R> {
             offline_login,
             elyby_login,
             elyby_auth_authenticate,
+            check_reachable,
             login,
             remove_user,
             get_default_user,
@@ -79,6 +80,13 @@ pub async fn elyby_auth_authenticate(
     Ok(text)
 }
 
+/// Checks if the authentication servers are reachable.
+#[tauri::command]
+pub async fn check_reachable() -> Result<()> {
+    minecraft_auth::check_reachable().await?;
+    Ok(())
+}
+
 /// Authenticate a user with Hydra - part 1
 /// This begins the authentication flow quasi-synchronously, returning a URL to visit (that the user will sign in at)
 #[tauri::command]

apps/app/src/main.rs

@@ -2,6 +2,7 @@
     all(not(debug_assertions), target_os = "windows"),
     windows_subsystem = "windows"
 )]
+#![recursion_limit = "256"]
 
 use native_dialog::{DialogBuilder, MessageLevel};
 use std::env;

apps/app/tauri.conf.json

@@ -48,7 +48,7 @@
 		]
 	},
 	"productName": "AstralRinth App",
-	"version": "0.10.1601",
+	"version": "0.10.2401",
 	"mainBinaryName": "AstralRinth App",
 	"identifier": "AstralRinthApp",
 	"plugins": {

apps/docs/public/openapi.yaml

@@ -394,15 +394,26 @@ components:
           description: The hash of the file you're editing
           example: aaaabbbbccccddddeeeeffffgggghhhhiiiijjjj
         file_type:
-          type: string
-          enum: [required-resource-pack, optional-resource-pack]
-          description: The hash algorithm of the file you're editing
-          example: required-resource-pack
-          nullable: true
+          allOf:
+            - $ref: '#/components/schemas/FileTypeEnum'
+            - nullable: true
+              description: The hash algorithm of the file you're editing
       required:
         - algorithm
         - hash
         - file_type
+    # https://github.com/modrinth/code/blob/main/apps/labrinth/src/models/v3/projects.rs#L981-990
+    FileTypeEnum:
+      type: string
+      enum:
+        - required-resource-pack
+        - optional-resource-pack
+        - sources-jar
+        - dev-jar
+        - javadoc-jar
+        - unknown
+        - signature
+      example: required-resource-pack
     # https://github.com/modrinth/labrinth/blob/master/src/routes/version_creation.rs#L27-L57
     CreatableVersion:
       allOf:
@@ -506,11 +517,10 @@ components:
           example: 1097270
           description: The size of the file in bytes
         file_type:
-          type: string
-          enum: [required-resource-pack, optional-resource-pack]
-          description: The type of the additional file, used mainly for adding resource packs to datapacks
-          example: required-resource-pack
-          nullable: true
+          allOf:
+            - $ref: '#/components/schemas/FileTypeEnum'
+            - nullable: true
+              description: The type of the additional file, used mainly for adding resource packs to datapacks
       required:
         - hashes
         - url
@@ -703,8 +713,8 @@ components:
               description: All gallery images attached to the project
               example:
                 [
-                  https://cdn.modrinth.com/data/AABBCCDD/images/009b7d8d6e8bf04968a29421117c59b3efe2351a.png,
-                  https://cdn.modrinth.com/data/AABBCCDD/images/c21776867afb6046fdc3c21dbcf5cc50ae27a236.png,
+                  'https://cdn.modrinth.com/data/AABBCCDD/images/009b7d8d6e8bf04968a29421117c59b3efe2351a.png',
+                  'https://cdn.modrinth.com/data/AABBCCDD/images/c21776867afb6046fdc3c21dbcf5cc50ae27a236.png',
                 ]
               items:
                 type: string

apps/frontend/nuxt.config.ts

@@ -1,13 +1,13 @@
 import { pathToFileURL } from 'node:url'
 
 import { match as matchLocale } from '@formatjs/intl-localematcher'
+import { GenericModrinthClient, type Labrinth } from '@modrinth/api-client'
 import serverSidedVue from '@vitejs/plugin-vue'
 import { consola } from 'consola'
 import { promises as fs } from 'fs'
 import { globIterate } from 'glob'
 import { defineNuxtConfig } from 'nuxt/config'
-import { $fetch } from 'ofetch'
-import { basename, relative, resolve } from 'pathe'
+import { basename, relative } from 'pathe'
 import svgLoader from 'vite-svg-loader'
 
 const STAGING_API_URL = 'https://staging-api.modrinth.com/v2/'
@@ -31,7 +31,7 @@ const favicons = {
  * Preferably only the locales that reach a certain threshold of complete
  * translations would be included in this array.
  */
-const enabledLocales: string[] = []
+// const enabledLocales: string[] = []
 
 /**
  * Overrides for the categories of the certain locales.
@@ -133,20 +133,7 @@ export default defineNuxtConfig({
 			// 30 minutes
 			const TTL = 30 * 60 * 1000
 
-			let state: {
-				lastGenerated?: string
-				apiUrl?: string
-				categories?: any[]
-				loaders?: any[]
-				gameVersions?: any[]
-				donationPlatforms?: any[]
-				reportTypes?: any[]
-				homePageProjects?: any[]
-				homePageSearch?: any[]
-				homePageNotifs?: any[]
-				products?: any[]
-				errors?: number[]
-			} = {}
+			let state: Partial<Labrinth.State.GeneratedState & Record<string, any>> = {}
 
 			try {
 				state = JSON.parse(await fs.readFile('./src/generated/state.json', 'utf8'))
@@ -167,97 +154,32 @@ export default defineNuxtConfig({
 				(state.errors ?? []).length === 0
 			) {
 				console.log(
-					'Tags already recently generated. Delete apps/frontend/generated/state.json to force regeneration.',
+					'Tags already recently generated. Delete apps/frontend/src/generated/state.json to force regeneration.',
 				)
 				return
 			}
 
+			const client = new GenericModrinthClient({
+				labrinthBaseUrl: API_URL.replace('/v2/', ''),
+				userAgent: 'Knossos generator (support@modrinth.com)',
+			})
+
+			const generatedState = await client.labrinth.state.build()
 			state.lastGenerated = new Date().toISOString()
-
 			state.apiUrl = API_URL
-
-			const headers = {
-				headers: {
-					'user-agent': 'Knossos generator (support@modrinth.com)',
-				},
+			state = {
+				...state,
+				...generatedState,
 			}
 
-			const caughtErrorCodes = new Set<number>()
-
-			function handleFetchError(err: any, defaultValue: any) {
-				console.error('Error generating state: ', err)
-				caughtErrorCodes.add(err.status)
-				return defaultValue
-			}
-
-			const [
-				categories,
-				loaders,
-				gameVersions,
-				donationPlatforms,
-				reportTypes,
-				homePageProjects,
-				homePageSearch,
-				homePageNotifs,
-				products,
-			] = await Promise.all([
-				$fetch(`${API_URL}tag/category`, headers).catch((err) => handleFetchError(err, [])),
-				$fetch(`${API_URL}tag/loader`, headers).catch((err) => handleFetchError(err, [])),
-				$fetch(`${API_URL}tag/game_version`, headers).catch((err) => handleFetchError(err, [])),
-				$fetch(`${API_URL}tag/donation_platform`, headers).catch((err) =>
-					handleFetchError(err, []),
-				),
-				$fetch(`${API_URL}tag/report_type`, headers).catch((err) => handleFetchError(err, [])),
-				$fetch(`${API_URL}projects_random?count=60`, headers).catch((err) =>
-					handleFetchError(err, []),
-				),
-				$fetch(`${API_URL}search?limit=3&query=leave&index=relevance`, headers).catch((err) =>
-					handleFetchError(err, {}),
-				),
-				$fetch(`${API_URL}search?limit=3&query=&index=updated`, headers).catch((err) =>
-					handleFetchError(err, {}),
-				),
-				$fetch(`${API_URL.replace('/v2/', '/_internal/')}billing/products`, headers).catch((err) =>
-					handleFetchError(err, []),
-				),
-			])
-
-			state.categories = categories
-			state.loaders = loaders
-			state.gameVersions = gameVersions
-			state.donationPlatforms = donationPlatforms
-			state.reportTypes = reportTypes
-			state.homePageProjects = homePageProjects
-			state.homePageSearch = homePageSearch
-			state.homePageNotifs = homePageNotifs
-			state.products = products
-			state.errors = [...caughtErrorCodes]
-
 			await fs.writeFile('./src/generated/state.json', JSON.stringify(state))
 
 			console.log('Tags generated!')
 		},
-		'pages:extend'(routes) {
-			routes.splice(
-				routes.findIndex((x) => x.name === 'search-searchProjectType'),
-				1,
-			)
-
-			const types = ['mods', 'modpacks', 'plugins', 'resourcepacks', 'shaders', 'datapacks']
-
-			types.forEach((type) =>
-				routes.push({
-					name: `search-${type}`,
-					path: `/${type}`,
-					file: resolve(__dirname, 'src/pages/search/[searchProjectType].vue'),
-					children: [],
-				}),
-			)
-		},
 		async 'vintl:extendOptions'(opts) {
 			opts.locales ??= []
 
-			const isProduction = getDomain() === 'https://modrinth.com'
+			// const isProduction = getDomain() === 'https://modrinth.com'
 
 			const resolveCompactNumberDataImport = await (async () => {
 				const compactNumberLocales: string[] = []
@@ -312,7 +234,9 @@ export default defineNuxtConfig({
 
 			for await (const localeDir of globIterate('src/locales/*/', { posix: true })) {
 				const tag = basename(localeDir)
-				if (isProduction && !enabledLocales.includes(tag) && opts.defaultLocale !== tag) continue
+
+				// NOTICE: temporarily disabled all locales except en-US
+				if (opts.defaultLocale !== tag) continue
 
 				const locale =
 					opts.locales.find((locale) => locale.tag === tag) ??
@@ -475,6 +399,12 @@ export default defineNuxtConfig({
 				'Critical-CH': 'Sec-CH-Prefers-Color-Scheme',
 			},
 		},
+		'/dashboard/revenue/withdraw': {
+			redirect: {
+				to: '/dashboard/revenue',
+				statusCode: 410,
+			},
+		},
 		'/email/**': {
 			redirect: '/_internal/templates/email/**',
 		},

apps/frontend/package.json

@@ -17,6 +17,7 @@
 		"@formatjs/cli": "^6.2.12",
 		"@nuxt/devtools": "^1.3.3",
 		"@types/dompurify": "^3.0.5",
+		"@types/iso-3166-2": "^1.0.4",
 		"@types/node": "^20.1.0",
 		"@vintl/compact-number": "^2.0.5",
 		"@vintl/how-ago": "^3.0.1",
@@ -31,18 +32,21 @@
 		"tailwindcss": "^3.4.4",
 		"typescript": "^5.4.5",
 		"vite-svg-loader": "^5.1.0",
+		"vue-component-type-helpers": "^3.1.8",
 		"vue-tsc": "^2.0.24"
 	},
 	"dependencies": {
 		"@formatjs/intl-localematcher": "^0.5.4",
 		"@intercom/messenger-js-sdk": "^0.0.14",
 		"@ltd/j-toml": "^1.38.0",
+		"@modrinth/api-client": "workspace:*",
 		"@modrinth/assets": "workspace:*",
 		"@modrinth/blog": "workspace:*",
 		"@modrinth/moderation": "workspace:*",
 		"@modrinth/ui": "workspace:*",
 		"@modrinth/utils": "workspace:*",
 		"@pinia/nuxt": "^0.5.1",
+		"@tanstack/vue-query": "^5.90.7",
 		"@types/three": "^0.172.0",
 		"@vintl/vintl": "^4.4.1",
 		"@vitejs/plugin-vue": "^5.0.4",
@@ -56,7 +60,7 @@
 		"floating-vue": "^5.2.2",
 		"fuse.js": "^6.6.2",
 		"highlight.js": "^11.7.0",
-		"iso-3166-1": "^2.1.1",
+		"iso-3166-2": "1.0.0",
 		"js-yaml": "^4.1.0",
 		"jszip": "^3.10.1",
 		"markdown-it": "14.1.0",

apps/frontend/src/app.vue

@@ -6,31 +6,30 @@
 	</NuxtLayout>
 </template>
 <script setup lang="ts">
-import { NotificationPanel, provideNotificationManager } from '@modrinth/ui'
-import { provideApi } from '@modrinth/ui/src/providers/api.ts'
-import { RestModrinthApi } from '@modrinth/utils'
+import {
+	NotificationPanel,
+	provideModrinthClient,
+	provideNotificationManager,
+	providePageContext,
+} from '@modrinth/ui'
 
 import ModrinthLoadingIndicator from '~/components/ui/modrinth-loading-indicator.ts'
+import { createModrinthClient } from '~/helpers/api.ts'
+import { FrontendNotificationManager } from '~/providers/frontend-notifications.ts'
 
-import { FrontendNotificationManager } from './providers/frontend-notifications.ts'
+const auth = await useAuth()
+const config = useRuntimeConfig()
 
 provideNotificationManager(new FrontendNotificationManager())
 
-provideApi(
-	new RestModrinthApi((url: string, options?: object) => {
-		const match = url.match(/^\/v(\d+)\/(.+)$/)
-
-		if (match) {
-			const apiVersion = Number(match[1])
-			const path = match[2]
-
-			return useBaseFetch(path, {
-				...options,
-				apiVersion,
-			}) as Promise<Response>
-		} else {
-			throw new Error('Invalid format')
-		}
-	}),
-)
+const client = createModrinthClient(auth, {
+	apiBaseUrl: config.public.apiBaseUrl.replace('/v2/', '/'),
+	archonBaseUrl: config.public.pyroBaseUrl.replace('/v2/', '/'),
+	rateLimitKey: config.rateLimitKey,
+})
+provideModrinthClient(client)
+providePageContext({
+	hierarchicalSidebarAvailable: ref(false),
+	showAds: ref(false),
+})
 </script>

apps/frontend/src/assets/styles/components.scss

@@ -1290,3 +1290,7 @@ svg.inline-svg {
 		}
 	}
 }
+
+.card-shadow {
+	box-shadow: var(--shadow-card);
+}

apps/frontend/src/assets/styles/global.scss

@@ -37,6 +37,7 @@ html {
 	--icon-32: 2rem;
 
 	interpolate-size: allow-keywords;
+	scrollbar-gutter: stable;
 }
 
 .light-mode {
@@ -89,7 +90,7 @@ html {
 	--color-hr: var(--color-text);
 
 	--color-table-border: #dfe2e5;
-	--color-table-alternate-row: #f2f4f7;
+	--color-table-alternate-row: #f0f1f2;
 
 	--landing-maze-bg: url('https://cdn.modrinth.com/landing-new/landing-light.webp');
 	--landing-maze-gradient-bg: url('https://cdn.modrinth.com/landing-new/landing-lower-light.webp');

apps/frontend/src/assets/styles/layout.scss

@@ -135,21 +135,6 @@
 		'sidebar'
 		/ 100%;
 
-	.normal-page__ultimate-sidebar {
-		grid-area: ultimate-sidebar;
-		position: fixed;
-		bottom: 1rem;
-		right: 1rem;
-		z-index: 100;
-		max-width: calc(100% - 2rem);
-		max-height: calc(100vh - 2rem);
-		overflow-y: auto;
-
-		> div {
-			box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
-		}
-	}
-
 	@media screen and (min-width: 1024px) {
 		&.sidebar {
 			grid-template:
@@ -173,45 +158,6 @@
 		}
 	}
 
-	@media screen and (min-width: 1400px) {
-		&.ultimate-sidebar {
-			max-width: calc(80rem + 0.75rem + 600px);
-
-			grid-template:
-				'header header ultimate-sidebar' auto
-				'content sidebar ultimate-sidebar' auto
-				'content dummy ultimate-sidebar' 1fr
-				/ 1fr 18.75rem auto;
-
-			.normal-page__header {
-				max-width: 80rem;
-			}
-
-			.normal-page__ultimate-sidebar {
-				position: sticky;
-				top: 4.5rem;
-				bottom: unset;
-				right: unset;
-				z-index: unset;
-				align-self: start;
-				display: flex;
-				height: calc(100vh - 4.5rem * 2);
-
-				> div {
-					box-shadow: none;
-				}
-			}
-
-			&.alt-layout {
-				grid-template:
-					'ultimate-sidebar header header' auto
-					'ultimate-sidebar sidebar content' auto
-					'ultimate-sidebar dummy content' 1fr
-					/ auto 18.75rem 1fr;
-			}
-		}
-	}
-
 	.normal-page__sidebar {
 		grid-area: sidebar;
 	}

apps/frontend/src/assets/styles/tailwind.css

@@ -1,3 +1,5 @@
+@import '@modrinth/ui/src/styles/tailwind-utilities.css';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

apps/frontend/src/components/brand/TextLogo.vue

@@ -53,12 +53,15 @@
 	</svg>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const loading = useLoading()
 
 const config = useRuntimeConfig()
+const flags = useFeatureFlags()
 
 const api = computed(() => {
+	if (flags.value.demoMode) return 'prod'
+
 	const apiUrl = config.public.apiBaseUrl
 	if (apiUrl.startsWith('https://api.modrinth.com')) {
 		return 'prod'

apps/frontend/src/components/ui/AdPlaceholder.vue

@@ -62,21 +62,21 @@ useHead({
 
 const AD_PRESETS = {
 	medal: {
-		light: 'https://cdn-raw.modrinth.com/medal-modrinth-servers-light-new.webp',
-		dark: 'https://cdn-raw.modrinth.com/medal-modrinth-servers-dark-new.webp',
-		description: 'Host your next server with Modrinth Servers',
-		link: '/servers?plan&ref=medal',
+		light: 'https://cdn-raw.modrinth.com/modrinth-hosting-medal-light.webp',
+		dark: 'https://cdn-raw.modrinth.com/modrinth-hosting-medal-dark.webp',
+		description: 'Host your next server with Modrinth Hosting',
+		link: '/hosting?plan&ref=medal',
 	},
-	'modrinth-servers': {
-		light: 'https://cdn-raw.modrinth.com/modrinth-servers-placeholder-light.webp',
-		dark: 'https://cdn-raw.modrinth.com/modrinth-servers-placeholder-dark.webp',
-		description: 'Host your next server with Modrinth Servers',
-		link: '/servers',
+	'modrinth-hosting': {
+		light: 'https://cdn-raw.modrinth.com/modrinth-hosting-light.webp',
+		dark: 'https://cdn-raw.modrinth.com/modrinth-hosting-dark.webp',
+		description: 'Host your next server with Modrinth Hosting',
+		link: '/hosting',
 	},
 }
 
 const currentAd = computed(() =>
-	flags.value.enableMedalPromotion ? AD_PRESETS.medal : AD_PRESETS['modrinth-servers'],
+	flags.value.enableMedalPromotion ? AD_PRESETS.medal : AD_PRESETS['modrinth-hosting'],
 )
 
 onMounted(() => {

apps/frontend/src/components/ui/Checkbox.vue

@@ -1,151 +0,0 @@
-<template>
-	<div
-		class="checkbox-outer button-within"
-		:class="{ disabled, checked: modelValue }"
-		role="presentation"
-		@click="toggle"
-	>
-		<button
-			class="checkbox"
-			role="checkbox"
-			:disabled="disabled"
-			:class="{ checked: modelValue, collapsing: collapsingToggleStyle }"
-			:aria-label="description ?? label"
-			:aria-checked="modelValue"
-		>
-			<CheckIcon v-if="modelValue && !collapsingToggleStyle" aria-hidden="true" />
-			<DropdownIcon v-else-if="collapsingToggleStyle" aria-hidden="true" />
-		</button>
-		<!-- aria-hidden is set so screenreaders only use the <button>'s aria-label -->
-		<p v-if="label" aria-hidden="true">
-			{{ label }}
-		</p>
-		<slot v-else />
-	</div>
-</template>
-
-<script>
-import { CheckIcon, DropdownIcon } from '@modrinth/assets'
-
-export default {
-	components: {
-		CheckIcon,
-		DropdownIcon,
-	},
-	props: {
-		label: {
-			type: String,
-			required: false,
-			default: '',
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: false,
-		},
-		description: {
-			type: String,
-			required: false,
-			default: null,
-		},
-		modelValue: Boolean,
-		clickEvent: {
-			type: Function,
-			required: false,
-			default: () => {},
-		},
-		collapsingToggleStyle: {
-			type: Boolean,
-			required: false,
-			default: false,
-		},
-	},
-	emits: ['update:modelValue'],
-	methods: {
-		toggle() {
-			if (!this.disabled) {
-				this.$emit('update:modelValue', !this.modelValue)
-			}
-		},
-	},
-}
-</script>
-
-<style lang="scss" scoped>
-.checkbox-outer {
-	display: flex;
-	align-items: center;
-	cursor: pointer;
-
-	p {
-		user-select: none;
-		padding: 0.2rem 0;
-		margin: 0;
-	}
-
-	&.disabled {
-		cursor: not-allowed;
-	}
-
-	&.checked {
-		outline: 2px solid transparent;
-		outline-offset: 4px;
-		border-radius: 0.25rem;
-	}
-}
-
-.checkbox {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	cursor: pointer;
-
-	min-width: 1rem;
-	min-height: 1rem;
-
-	padding: 0;
-	margin: 0 0.5rem 0 0;
-
-	color: var(--color-button-text);
-	background-color: var(--color-button-bg);
-	border-radius: var(--size-rounded-control);
-	box-shadow:
-		var(--shadow-inset-sm),
-		0 0 0 0 transparent;
-
-	&.checked {
-		background-color: var(--color-brand);
-	}
-
-	svg {
-		color: var(--color-accent-contrast, var(--color-brand-inverted));
-		stroke-width: 0.2rem;
-		height: 0.8rem;
-		width: 0.8rem;
-		flex-shrink: 0;
-	}
-
-	&.collapsing {
-		background-color: transparent !important;
-		box-shadow: none;
-
-		svg {
-			color: inherit;
-			height: 1rem;
-			width: 1rem;
-			transition: transform 0.25s ease-in-out;
-		}
-
-		&.checked {
-			svg {
-				transform: rotate(180deg);
-			}
-		}
-	}
-
-	&:disabled {
-		box-shadow: none;
-		cursor: not-allowed;
-	}
-}
-</style>

apps/frontend/src/components/ui/EnvironmentIndicator.vue

@@ -90,7 +90,7 @@ defineProps({
 	},
 })
 
-const tags = useTags()
+const tags = useGeneratedState()
 </script>
 <style lang="scss" scoped>
 .environment {

apps/frontend/src/components/ui/NavRow.vue

@@ -1,160 +0,0 @@
-<template>
-	<nav class="navigation">
-		<NuxtLink
-			v-for="(link, index) in filteredLinks"
-			v-show="link.shown === undefined ? true : link.shown"
-			:key="index"
-			ref="rowLinkElements"
-			:to="query ? (link.href ? `?${query}=${link.href}` : '?') : link.href"
-			class="nav-link button-animation"
-		>
-			<span>{{ link.label }}</span>
-		</NuxtLink>
-		<div
-			class="nav-indicator"
-			:style="{
-				left: positionToMoveX,
-				top: positionToMoveY,
-				width: sliderWidth,
-				opacity: activeIndex === -1 ? 0 : 1,
-			}"
-			aria-hidden="true"
-		></div>
-	</nav>
-</template>
-
-<script setup>
-const route = useNativeRoute()
-
-const props = defineProps({
-	links: {
-		default: () => [],
-		type: Array,
-	},
-	query: {
-		default: null,
-		type: String,
-	},
-})
-
-const sliderPositionX = ref(0)
-const sliderPositionY = ref(18)
-const selectedElementWidth = ref(0)
-const activeIndex = ref(-1)
-const oldIndex = ref(-1)
-
-const filteredLinks = computed(() =>
-	props.links.filter((x) => (x.shown === undefined ? true : x.shown)),
-)
-const positionToMoveX = computed(() => `${sliderPositionX.value}px`)
-const positionToMoveY = computed(() => `${sliderPositionY.value}px`)
-const sliderWidth = computed(() => `${selectedElementWidth.value}px`)
-
-function pickLink() {
-	activeIndex.value = props.query
-		? filteredLinks.value.findIndex(
-				(x) => (x.href === '' ? undefined : x.href) === route.path[props.query],
-			)
-		: filteredLinks.value.findIndex((x) => x.href === decodeURIComponent(route.path))
-
-	if (activeIndex.value !== -1) {
-		startAnimation()
-	} else {
-		oldIndex.value = -1
-		sliderPositionX.value = 0
-		selectedElementWidth.value = 0
-	}
-}
-
-const rowLinkElements = ref()
-
-function startAnimation() {
-	const el = rowLinkElements.value[activeIndex.value].$el
-
-	if (!el || !el.offsetParent) return
-
-	sliderPositionX.value = el.offsetLeft
-	sliderPositionY.value = el.offsetTop + el.offsetHeight
-	selectedElementWidth.value = el.offsetWidth
-}
-
-onMounted(() => {
-	window.addEventListener('resize', pickLink)
-	pickLink()
-})
-
-onUnmounted(() => {
-	window.removeEventListener('resize', pickLink)
-})
-
-watch(route, () => pickLink())
-</script>
-
-<style lang="scss" scoped>
-.navigation {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	grid-gap: 1rem;
-	flex-wrap: wrap;
-	position: relative;
-
-	.nav-link {
-		text-transform: capitalize;
-		font-weight: var(--font-weight-bold);
-		color: var(--color-text);
-		position: relative;
-
-		&:hover {
-			color: var(--color-text);
-
-			&::after {
-				opacity: 0.4;
-			}
-		}
-
-		&:active::after {
-			opacity: 0.2;
-		}
-
-		&.router-link-exact-active {
-			color: var(--color-text);
-
-			&:not(:focus-visible) {
-				outline: 2px solid transparent;
-				outline-offset: 6px;
-				border-radius: 0.25rem;
-			}
-
-			&::after {
-				opacity: 1;
-			}
-		}
-	}
-
-	&.use-animation {
-		.nav-link {
-			&.is-active::after {
-				opacity: 0;
-			}
-		}
-	}
-
-	.nav-indicator {
-		position: absolute;
-		height: 0.25rem;
-		bottom: -5px;
-		left: 0;
-		width: 3rem;
-		transition: all ease-in-out 0.2s;
-		border-radius: var(--size-rounded-max);
-		background-color: var(--color-brand);
-		outline: 2px solid transparent;
-		outline-offset: -2px;
-
-		@media (prefers-reduced-motion) {
-			transition: none !important;
-		}
-	}
-}
-</style>

apps/frontend/src/components/ui/NavStack.vue

@@ -1,32 +1,155 @@
 <template>
-	<nav>
-		<ul>
-			<slot />
+	<nav :aria-label="ariaLabel" class="w-full">
+		<ul
+			class="card-shadow m-0 flex list-none flex-col items-start gap-1.5 rounded-2xl bg-bg-raised p-4"
+		>
+			<slot v-if="hasSlotContent" />
+
+			<template v-else>
+				<li v-for="(item, idx) in filteredItems" :key="getKey(item, idx)" class="contents">
+					<hr v-if="isSeparator(item)" class="my-1 w-full border-t border-solid" />
+
+					<div
+						v-else-if="isHeading(item)"
+						class="px-4 pb-1 pt-2 text-xs font-bold uppercase tracking-wide text-secondary"
+					>
+						{{ item.label }}
+					</div>
+
+					<NuxtLink
+						v-else-if="item.link ?? item.to"
+						:to="(item.link ?? item.to) as string"
+						class="nav-item inline-flex w-full cursor-pointer items-center gap-2 text-nowrap rounded-xl border-none bg-transparent px-4 py-2.5 text-left text-base font-semibold leading-tight text-button-text transition-all hover:bg-button-bg hover:text-contrast active:scale-[0.97]"
+						:class="{ 'is-active': isActive(item as NavStackLinkItem) }"
+					>
+						<component
+							:is="item.icon"
+							v-if="item.icon"
+							aria-hidden="true"
+							class="h-5 w-5 shrink-0"
+						/>
+						<span class="text-contrast">{{ item.label }}</span>
+						<span
+							v-if="item.badge != null"
+							class="rounded-full bg-brand-highlight px-2 text-sm font-bold text-brand"
+						>
+							{{ String(item.badge) }}
+						</span>
+						<span v-if="item.chevron" class="ml-auto"><ChevronRightIcon /></span>
+					</NuxtLink>
+
+					<button
+						v-else-if="item.action"
+						class="nav-item inline-flex w-full cursor-pointer items-center gap-2 text-nowrap rounded-xl border-none bg-transparent px-4 py-2.5 text-left text-base font-semibold leading-tight text-button-text transition-all hover:bg-button-bg hover:text-contrast active:scale-[0.97]"
+						:class="{ 'danger-button': item.danger }"
+						@click="item.action"
+					>
+						<component
+							:is="item.icon"
+							v-if="item.icon"
+							aria-hidden="true"
+							class="h-5 w-5 shrink-0"
+						/>
+						<span class="text-contrast">{{ item.label }}</span>
+						<span
+							v-if="item.badge != null"
+							class="rounded-full bg-brand-highlight px-2 text-sm font-bold text-brand"
+						>
+							{{ String(item.badge) }}
+						</span>
+					</button>
+
+					<span v-else>You frog. 🐸</span>
+				</li>
+			</template>
 		</ul>
 	</nav>
 </template>
 
-<script>
-export default {}
+<script setup lang="ts">
+import { ChevronRightIcon } from '@modrinth/assets'
+import { type Component, computed, useSlots } from 'vue'
+
+type NavStackBaseItem = {
+	label: string
+	icon?: Component | string
+	badge?: string | number | null
+	chevron?: boolean
+	danger?: boolean
+}
+
+type NavStackLinkItem = NavStackBaseItem & {
+	type?: 'item'
+	link?: string | null
+	to?: string | null
+	action?: (() => void) | null
+	matchNested?: boolean
+}
+
+type NavStackSeparator = { type: 'separator' }
+type NavStackHeading = { type: 'heading'; label: string }
+
+export type NavStackEntry = (NavStackLinkItem | NavStackSeparator | NavStackHeading) & {
+	shown?: boolean
+}
+
+const props = defineProps<{
+	items?: NavStackEntry[]
+	ariaLabel?: string
+}>()
+
+const ariaLabel = computed(() => props.ariaLabel ?? 'Section navigation')
+
+const route = useRoute()
+
+const slots = useSlots()
+const hasSlotContent = computed(() => {
+	const content = slots.default?.()
+	return !!(content && content.length)
+})
+
+function isSeparator(item: NavStackEntry): item is NavStackSeparator {
+	return (item as any).type === 'separator'
+}
+
+function isHeading(item: NavStackEntry): item is NavStackHeading {
+	return (item as any).type === 'heading'
+}
+
+function getKey(item: NavStackEntry, idx: number) {
+	if (isSeparator(item)) return `sep-${idx}`
+	if (isHeading(item)) return `head-${item.label}-${idx}`
+	const link = (item as NavStackLinkItem).link ?? (item as NavStackLinkItem).to
+	return link ? `link-${link}` : `action-${(item as NavStackLinkItem).label}-${idx}`
+}
+
+function isActive(item: NavStackLinkItem): boolean {
+	const link = item.link ?? item.to
+	if (!link) return false
+
+	const currentPath = route.path
+
+	if (item.matchNested) {
+		return currentPath.startsWith(link)
+	}
+
+	return currentPath === link
+}
+
+const filteredItems = computed(() => props.items?.filter((x) => x.shown === undefined || x.shown))
 </script>
 
 <style lang="scss" scoped>
-ul {
-	display: flex;
-	flex-direction: column;
-	grid-gap: var(--spacing-card-xs);
-	flex-wrap: wrap;
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-
-	> :first-child {
-		margin-top: 0;
-	}
-}
-
 li {
-	display: unset;
 	text-align: unset;
 }
+.router-link-exact-active.nav-item,
+.nav-item.is-active {
+	background: var(--color-button-bg-selected);
+	color: var(--color-button-text-selected);
+}
+.router-link-exact-active.nav-item .text-contrast,
+.nav-item.is-active .text-contrast {
+	color: var(--color-button-text-selected);
+}
 </style>

apps/frontend/src/components/ui/NavStackItem.vue

@@ -1,64 +0,0 @@
-<template>
-	<NuxtLink v-if="link !== null" :to="link" class="nav-item">
-		<slot />
-		<span>{{ label }}</span>
-		<span v-if="badge" class="rounded-full bg-brand-highlight px-2 text-sm font-bold text-brand">{{
-			badge
-		}}</span>
-		<span v-if="chevron" class="ml-auto"><ChevronRightIcon /></span>
-	</NuxtLink>
-	<button v-else-if="action" class="nav-item" :class="{ 'danger-button': danger }" @click="action">
-		<slot />
-		<span>{{ label }}</span>
-		<span v-if="badge" class="rounded-full bg-brand-highlight px-2 text-sm font-bold text-brand">{{
-			badge
-		}}</span>
-	</button>
-	<span v-else>i forgor 💀</span>
-</template>
-
-<script>
-import { ChevronRightIcon } from '@modrinth/assets'
-
-export default {
-	components: {
-		ChevronRightIcon,
-	},
-	props: {
-		link: {
-			default: null,
-			type: String,
-		},
-		action: {
-			default: null,
-			type: Function,
-		},
-		label: {
-			required: true,
-			type: String,
-		},
-		badge: {
-			default: null,
-			type: String,
-		},
-		chevron: {
-			default: false,
-			type: Boolean,
-		},
-		danger: {
-			default: false,
-			type: Boolean,
-		},
-	},
-}
-</script>
-
-<style lang="scss" scoped>
-.nav-item {
-	@apply flex w-full cursor-pointer items-center gap-2 text-nowrap rounded-xl border-none bg-transparent px-4 py-2 text-left font-semibold text-button-text transition-all hover:bg-button-bg hover:text-contrast active:scale-[0.97];
-}
-
-.router-link-exact-active.nav-item {
-	@apply bg-button-bgSelected text-button-textSelected;
-}
-</style>

apps/frontend/src/components/ui/NavTabs.vue

@@ -1,23 +1,58 @@
 <template>
 	<nav
 		ref="scrollContainer"
-		class="card-shadow experimental-styles-within relative flex w-fit overflow-x-auto rounded-full bg-bg-raised p-1 text-sm font-bold"
+		class="experimental-styles-within relative flex w-fit overflow-x-auto rounded-full bg-bg-raised p-1 text-sm font-bold"
+		:class="[mode === 'navigation' ? 'card-shadow' : undefined]"
 	>
-		<NuxtLink
-			v-for="(link, index) in filteredLinks"
-			v-show="link.shown === undefined ? true : link.shown"
-			:key="index"
-			ref="tabLinkElements"
-			:to="query ? (link.href ? `?${query}=${link.href}` : '?') : link.href"
-			class="button-animation z-[1] flex flex-row items-center gap-2 px-4 py-2 focus:rounded-full"
-			:class="{
-				'text-button-textSelected': activeIndex === index && !subpageSelected,
-				'text-contrast': activeIndex === index && subpageSelected,
-			}"
-		>
-			<component :is="link.icon" v-if="link.icon" class="size-5" />
-			<span class="text-nowrap">{{ link.label }}</span>
-		</NuxtLink>
+		<template v-if="mode === 'navigation'">
+			<NuxtLink
+				v-for="(link, index) in filteredLinks"
+				v-show="link.shown === undefined ? true : link.shown"
+				:key="link.href"
+				ref="tabLinkElements"
+				:to="query ? (link.href ? `?${query}=${link.href}` : '?') : link.href"
+				class="button-animation z-[1] flex flex-row items-center gap-2 px-4 py-2 focus:rounded-full"
+			>
+				<component
+					:is="link.icon"
+					v-if="link.icon"
+					class="size-5"
+					:class="{
+						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-secondary': currentActiveIndex !== index || subpageSelected,
+					}"
+				/>
+				<span class="text-nowrap text-contrast">{{ link.label }}</span>
+			</NuxtLink>
+		</template>
+		<template v-else>
+			<div
+				v-for="(link, index) in filteredLinks"
+				v-show="link.shown === undefined ? true : link.shown"
+				:key="link.href"
+				ref="tabLinkElements"
+				class="button-animation z-[1] flex flex-row items-center gap-2 px-4 py-2 hover:cursor-pointer focus:rounded-full"
+				@click="emit('tabClick', index, link)"
+			>
+				<component
+					:is="link.icon"
+					v-if="link.icon"
+					class="size-5"
+					:class="{
+						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-secondary': currentActiveIndex !== index || subpageSelected,
+					}"
+				/>
+				<span
+					class="text-nowrap"
+					:class="{
+						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-contrast': currentActiveIndex !== index || subpageSelected,
+					}"
+					>{{ link.label }}</span
+				>
+			</div>
+		</template>
 		<div
 			:class="`navtabs-transition pointer-events-none absolute h-[calc(100%-0.5rem)] overflow-hidden rounded-full p-1 ${
 				subpageSelected ? 'bg-button-bg' : 'bg-button-bgSelected'
@@ -27,7 +62,8 @@
 				top: sliderTopPx,
 				right: sliderRightPx,
 				bottom: sliderBottomPx,
-				opacity: sliderLeft === 4 && sliderLeft === sliderRight ? 0 : activeIndex === -1 ? 0 : 1,
+				opacity:
+					sliderLeft === 4 && sliderLeft === sliderRight ? 0 : currentActiveIndex === -1 ? 0 : 1,
 			}"
 			aria-hidden="true"
 		></div>
@@ -35,7 +71,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue'
+import type { Component } from 'vue'
+import { computed, nextTick, onMounted, ref, watch } from 'vue'
 
 const route = useNativeRoute()
 
@@ -43,13 +80,26 @@ interface Tab {
 	label: string
 	href: string
 	shown?: boolean
-	icon?: string
+	icon?: Component
 	subpages?: string[]
 }
 
-const props = defineProps<{
-	links: Tab[]
-	query?: string
+const props = withDefaults(
+	defineProps<{
+		links: Tab[]
+		query?: string
+		mode?: 'navigation' | 'local'
+		activeIndex?: number
+	}>(),
+	{
+		mode: 'navigation',
+		query: undefined,
+		activeIndex: undefined,
+	},
+)
+
+const emit = defineEmits<{
+	tabClick: [index: number, tab: Tab]
 }>()
 
 const scrollContainer = ref<HTMLElement | null>(null)
@@ -58,7 +108,7 @@ const sliderLeft = ref(4)
 const sliderTop = ref(4)
 const sliderRight = ref(4)
 const sliderBottom = ref(4)
-const activeIndex = ref(-1)
+const currentActiveIndex = ref(-1)
 const subpageSelected = ref(false)
 
 const filteredLinks = computed(() =>
@@ -74,30 +124,36 @@ const tabLinkElements = ref()
 function pickLink() {
 	let index = -1
 	subpageSelected.value = false
-	for (let i = filteredLinks.value.length - 1; i >= 0; i--) {
-		const link = filteredLinks.value[i]
-		if (props.query) {
-			if (route.query[props.query] === link.href || (!route.query[props.query] && !link.href)) {
+
+	if (props.mode === 'local' && props.activeIndex !== undefined) {
+		index = Math.min(props.activeIndex, filteredLinks.value.length - 1)
+	} else {
+		for (let i = filteredLinks.value.length - 1; i >= 0; i--) {
+			const link = filteredLinks.value[i]
+			if (props.query) {
+				if (route.query[props.query] === link.href || (!route.query[props.query] && !link.href)) {
+					index = i
+					break
+				}
+			} else if (decodeURIComponent(route.path) === link.href) {
 				index = i
 				break
+			} else if (
+				decodeURIComponent(route.path).includes(link.href) ||
+				(link.subpages &&
+					link.subpages.some((subpage) => decodeURIComponent(route.path).includes(subpage)))
+			) {
+				index = i
+				subpageSelected.value = true
+				break
 			}
-		} else if (decodeURIComponent(route.path) === link.href) {
-			index = i
-			break
-		} else if (
-			decodeURIComponent(route.path).includes(link.href) ||
-			(link.subpages &&
-				link.subpages.some((subpage) => decodeURIComponent(route.path).includes(subpage)))
-		) {
-			index = i
-			subpageSelected.value = true
-			break
 		}
 	}
-	activeIndex.value = index
 
-	if (activeIndex.value !== -1) {
-		startAnimation()
+	currentActiveIndex.value = index
+
+	if (currentActiveIndex.value !== -1) {
+		nextTick(() => startAnimation())
 	} else {
 		sliderLeft.value = 0
 		sliderRight.value = 0
@@ -105,7 +161,12 @@ function pickLink() {
 }
 
 function startAnimation() {
-	const el = tabLinkElements.value[activeIndex.value]?.$el
+	// In navigation mode, elements are NuxtLinks with $el property
+	// In local mode, elements are plain divs
+	const el =
+		props.mode === 'navigation'
+			? tabLinkElements.value[currentActiveIndex.value]?.$el
+			: tabLinkElements.value[currentActiveIndex.value]
 
 	if (!el || !el.offsetParent) return
 
@@ -156,7 +217,29 @@ onMounted(() => {
 
 watch(
 	() => [route.path, route.query],
-	() => pickLink(),
+	() => {
+		if (props.mode === 'navigation') {
+			pickLink()
+		}
+	},
+)
+
+watch(
+	() => props.activeIndex,
+	() => {
+		if (props.mode === 'local') {
+			pickLink()
+		}
+	},
+)
+
+watch(
+	() => props.links,
+	() => {
+		// Re-trigger animation when links change
+		pickLink()
+	},
+	{ deep: true },
 )
 </script>
 

apps/frontend/src/components/ui/NotificationItem.vue

@@ -376,7 +376,7 @@ const props = defineProps({
 })
 
 const flags = useFeatureFlags()
-const tags = useTags()
+const tags = useGeneratedState()
 
 const type = computed(() =>
 	!props.notification.body || props.notification.body.type === 'legacy_markdown'

apps/frontend/src/components/ui/OrganizationProjectTransferModal.vue

@@ -152,7 +152,7 @@ const onSubmitHandler = () => {
 	border-radius: var(--radius-md);
 	overflow: hidden;
 	margin-top: var(--gap-md);
-	border: 1px solid var(--color-button-bg);
+	border: 1px solid var(--color-divider);
 	background-color: var(--color-raised-bg);
 
 	.table-row {

apps/frontend/src/components/ui/ProjectCard.vue

@@ -212,7 +212,7 @@ export default {
 		},
 	},
 	setup() {
-		const tags = useTags()
+		const tags = useGeneratedState()
 		const formatRelativeTime = useRelativeTime()
 
 		return { tags, formatRelativeTime }

apps/frontend/src/components/ui/ProjectMemberHeader.vue

@@ -20,20 +20,6 @@
 			</ButtonStyled>
 		</div>
 	</div>
-	<ModerationProjectNags
-		v-if="
-			(currentMember && project.status === 'draft') ||
-			tags.rejectedStatuses.includes(project.status)
-		"
-		:project="project"
-		:versions="versions"
-		:current-member="currentMember"
-		:collapsed="collapsed"
-		:route-name="routeName"
-		:tags="tags"
-		@toggle-collapsed="handleToggleCollapsed"
-		@set-processing="handleSetProcessing"
-	/>
 </template>
 
 <script setup lang="ts">
@@ -45,8 +31,6 @@ import { computed } from 'vue'
 
 import { acceptTeamInvite, removeTeamMember } from '~/helpers/teams.js'
 
-import ModerationProjectNags from './moderation/ModerationProjectNags.vue'
-
 const { addNotification } = injectNotificationManager()
 
 interface Tags {
@@ -71,12 +55,9 @@ interface Props {
 	currentMember?: Member | null
 	allMembers?: Member[] | null
 	isSettings?: boolean
-	collapsed?: boolean
-	routeName?: string
 	auth: Auth
 	tags: Tags
 	setProcessing?: (processing: boolean) => void
-	toggleCollapsed?: () => void
 	updateMembers?: () => void | Promise<void>
 }
 
@@ -144,7 +125,6 @@ const props = withDefaults(defineProps<Props>(), {
 	allMembers: null,
 	isSettings: false,
 	collapsed: false,
-	routeName: '',
 	setProcessing: () => {},
 	toggleCollapsed: () => {},
 	updateMembers: async () => {},
@@ -164,14 +144,6 @@ const showInvitation = computed<boolean>(() => {
 	return false
 })
 
-function handleToggleCollapsed(): void {
-	if (props.toggleCollapsed) {
-		props.toggleCollapsed()
-	} else {
-		emit('toggleCollapsed')
-	}
-}
-
 async function handleUpdateMembers(): Promise<void> {
 	if (props.updateMembers) {
 		await props.updateMembers()

apps/frontend/src/components/ui/admin/BatchCreditModal.vue

@@ -0,0 +1,264 @@
+<template>
+	<NewModal ref="modal">
+		<template #title>
+			<span class="text-lg font-extrabold text-contrast">Batch credit</span>
+		</template>
+		<div class="flex w-[500px] max-w-[90vw] flex-col gap-6">
+			<div class="flex flex-col gap-2">
+				<label class="flex flex-col gap-1">
+					<span class="text-lg font-semibold text-contrast"> Type </span>
+					<span>Select target to credit.</span>
+				</label>
+				<Combobox
+					v-model="mode"
+					:options="modeOptions"
+					placeholder="Select type"
+					class="max-w-[8rem]"
+				/>
+			</div>
+			<div class="flex flex-col gap-2">
+				<label for="days" class="flex flex-col gap-1">
+					<span class="text-lg font-semibold text-contrast"> Days to credit </span>
+				</label>
+				<input
+					id="days"
+					v-model.number="days"
+					class="w-32"
+					type="number"
+					min="1"
+					autocomplete="off"
+				/>
+			</div>
+
+			<div v-if="mode === 'nodes'" class="flex flex-col gap-3">
+				<div class="flex flex-col gap-2">
+					<label for="node-input" class="flex flex-col gap-1">
+						<span class="text-lg font-semibold text-contrast"> Node hostnames </span>
+					</label>
+					<div class="flex items-center gap-2">
+						<input
+							id="node-input"
+							v-model="nodeInput"
+							class="w-32"
+							type="text"
+							autocomplete="off"
+						/>
+						<ButtonStyled color="blue" color-fill="text">
+							<button class="shrink-0" @click="addNode">
+								<PlusIcon />
+								Add
+							</button>
+						</ButtonStyled>
+					</div>
+					<div v-if="selectedNodes.length" class="mt-1 flex flex-wrap gap-2">
+						<TagItem v-for="h in selectedNodes" :key="`node-${h}`" :action="() => removeNode(h)">
+							<XIcon />
+							{{ h }}
+						</TagItem>
+					</div>
+				</div>
+			</div>
+
+			<div v-else class="flex flex-col gap-3">
+				<div class="flex flex-col gap-2">
+					<label for="region-select" class="flex flex-col gap-1">
+						<span class="text-lg font-semibold text-contrast"> Region </span>
+						<span>This will credit all active servers in the region.</span>
+					</label>
+					<Combobox
+						v-model="selectedRegion"
+						:options="regions"
+						placeholder="Select region"
+						class="max-w-[24rem]"
+					/>
+				</div>
+			</div>
+
+			<div class="between flex items-center gap-4">
+				<label for="send-email-batch" class="flex flex-col gap-1">
+					<span class="text-lg font-semibold text-contrast"> Send email </span>
+				</label>
+				<Toggle id="send-email-batch" v-model="sendEmail" />
+			</div>
+
+			<div v-if="sendEmail" class="flex flex-col gap-2">
+				<label for="message-batch" class="flex flex-col gap-1">
+					<span class="text-lg font-semibold text-contrast"> Customize Email </span>
+					<span>
+						Unless a particularly bad or out of the ordinary event happened, keep this to the
+						default
+					</span>
+				</label>
+				<div
+					class="text-muted flex flex-col gap-2 rounded-lg border border-divider bg-button-bg p-4"
+				>
+					<span>Hi {user.name},</span>
+					<div class="textarea-wrapper">
+						<textarea
+							id="message-batch"
+							v-model="message"
+							rows="3"
+							class="w-full overflow-hidden !bg-surface-3"
+						/>
+					</div>
+					<span>
+						To make up for it, we've added {{ days }} day{{ pluralize(days) }} to your Modrinth
+						Servers subscription.
+					</span>
+					<span>
+						Your next charge was scheduled for {credit.previous_due} and will now be on
+						{credit.next_due}.
+					</span>
+				</div>
+			</div>
+
+			<div class="flex gap-2">
+				<ButtonStyled color="brand">
+					<button :disabled="applyDisabled" @click="apply">
+						<CheckIcon aria-hidden="true" />
+						Apply credits
+					</button>
+				</ButtonStyled>
+				<ButtonStyled>
+					<button @click="modal?.hide?.()">
+						<XIcon aria-hidden="true" />
+						Cancel
+					</button>
+				</ButtonStyled>
+			</div>
+		</div>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import { CheckIcon, PlusIcon, XIcon } from '@modrinth/assets'
+import {
+	ButtonStyled,
+	Combobox,
+	injectNotificationManager,
+	NewModal,
+	TagItem,
+	Toggle,
+} from '@modrinth/ui'
+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 modal = ref<InstanceType<typeof NewModal>>()
+
+const days = ref(1)
+const sendEmail = ref(true)
+const message = ref('')
+
+const modeOptions = [
+	{ value: 'nodes', label: 'Nodes' },
+	{ value: 'region', label: 'Region' },
+]
+const mode = ref<string>('nodes')
+
+const nodeInput = ref('')
+const selectedNodes = ref<string[]>([])
+
+type RegionOpt = { value: string; label: string }
+const regions = ref<RegionOpt[]>([])
+const selectedRegion = ref<string | null>(null)
+const nodeHostnames = ref<string[]>([])
+
+function show(event?: Event) {
+	void ensureOverview()
+	message.value = DEFAULT_CREDIT_EMAIL_MESSAGE
+	modal.value?.show(event)
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+function addNode() {
+	const v = nodeInput.value.trim()
+	if (!v) return
+	if (!nodeHostnames.value.includes(v)) {
+		addNotification({
+			title: 'Unknown node',
+			text: "This hostname doesn't exist",
+			type: 'error',
+		})
+		return
+	}
+	if (!selectedNodes.value.includes(v)) selectedNodes.value.push(v)
+	nodeInput.value = ''
+}
+
+function removeNode(v: string) {
+	selectedNodes.value = selectedNodes.value.filter((x) => x !== v)
+}
+
+const applyDisabled = computed(() => {
+	if (days.value < 1) return true
+	if (mode.value === 'nodes') return selectedNodes.value.length === 0
+	return !selectedRegion.value
+})
+
+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) => ({
+			value: r.key,
+			label: `${r.display_name} (${r.key})`,
+		}))
+		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' })
+	}
+}
+
+async function apply() {
+	try {
+		const body =
+			mode.value === 'nodes'
+				? {
+						nodes: selectedNodes.value.slice(),
+						days: Math.max(1, Math.floor(days.value)),
+						send_email: sendEmail.value,
+						message: message.value?.trim() || DEFAULT_CREDIT_EMAIL_MESSAGE,
+					}
+				: {
+						region: selectedRegion.value!,
+						days: Math.max(1, Math.floor(days.value)),
+						send_email: sendEmail.value,
+						message: message.value?.trim() || DEFAULT_CREDIT_EMAIL_MESSAGE,
+					}
+		await useBaseFetch('billing/credit', {
+			method: 'POST',
+			body: JSON.stringify(body),
+			internal: true,
+		})
+		addNotification({ title: 'Credits applied', type: 'success' })
+		modal.value?.hide()
+		selectedNodes.value = []
+		nodeInput.value = ''
+		message.value = ''
+	} catch (err: any) {
+		addNotification({
+			title: 'Error applying credits',
+			text: err?.data?.description ?? String(err),
+			type: 'error',
+		})
+	}
+}
+
+function pluralize(n: number): string {
+	return n === 1 ? '' : 's'
+}
+
+defineExpose({
+	show,
+	hide,
+})
+</script>

apps/frontend/src/components/ui/charts/Chart.client.vue

@@ -356,7 +356,7 @@ svg {
 :deep(.apexcharts-yaxistooltip) {
 	background: var(--color-raised-bg) !important;
 	border-radius: var(--radius-sm) !important;
-	border: 1px solid var(--color-button-bg) !important;
+	border: 1px solid var(--color-divider) !important;
 	box-shadow: var(--shadow-floating) !important;
 	font-size: var(--font-size-nm) !important;
 }
@@ -371,7 +371,7 @@ svg {
 :deep(.apexcharts-xaxistooltip) {
 	background: var(--color-raised-bg) !important;
 	border-radius: var(--radius-sm) !important;
-	border: 1px solid var(--color-button-bg) !important;
+	border: 1px solid var(--color-divider) !important;
 	font-size: var(--font-size-nm) !important;
 	color: var(--color-base) !important;
 

apps/frontend/src/components/ui/charts/ChartDisplay.vue

@@ -891,7 +891,7 @@ const defaultRanges: RangeObject[] = [
 	flex-direction: column;
 	background-color: var(--color-bg);
 	border-radius: var(--radius-sm);
-	border: 1px solid var(--color-button-bg);
+	border: 1px solid var(--color-divider);
 	gap: var(--gap-md);
 	padding: var(--gap-md);
 	margin-top: var(--gap-md);
@@ -920,7 +920,7 @@ const defaultRanges: RangeObject[] = [
 		width: 100%;
 		height: 1rem;
 		background-color: var(--color-raised-bg);
-		border: 1px solid var(--color-button-bg);
+		border: 1px solid var(--color-divider);
 		border-radius: var(--radius-sm);
 		overflow: hidden;
 

apps/frontend/src/components/ui/charts/CompactChart.client.vue

@@ -159,10 +159,10 @@ defineExpose({
 	flex-direction: column;
 
 	gap: var(--gap-xs);
-	border: 1px solid var(--color-button-bg);
+	border: 1px solid var(--color-divider);
 	border-radius: var(--radius-md);
 	background-color: var(--color-raised-bg);
-	box-shadow: var(--shadow-floating);
+	box-shadow: var(--shadow-card);
 
 	color: var(--color-base);
 	font-size: var(--font-size-nm);
@@ -192,7 +192,7 @@ svg {
 :deep(.apexcharts-yaxistooltip) {
 	background: var(--color-raised-bg) !important;
 	border-radius: var(--radius-sm) !important;
-	border: 1px solid var(--color-button-bg) !important;
+	border: 1px solid var(--color-divider) !important;
 	box-shadow: var(--shadow-floating) !important;
 	font-size: var(--font-size-nm) !important;
 }

apps/frontend/src/components/ui/create-project-version/CreateProjectVersionModal.vue

@@ -0,0 +1,73 @@
+<template>
+	<MultiStageModal ref="modal" :stages="ctx.stageConfigs" :context="ctx" />
+</template>
+
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import {
+	injectModrinthClient,
+	injectNotificationManager,
+	injectProjectPageContext,
+	MultiStageModal,
+} from '@modrinth/ui'
+import type { ComponentExposed } from 'vue-component-type-helpers'
+
+import {
+	createManageVersionContext,
+	provideManageVersionContext,
+} from '~/providers/version/manage-version-modal'
+
+const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
+
+const ctx = createManageVersionContext(modal)
+provideManageVersionContext(ctx)
+
+const { newDraftVersion } = ctx
+
+const { projectV2 } = injectProjectPageContext()
+const { addNotification } = injectNotificationManager()
+const { labrinth } = injectModrinthClient()
+
+async function openEditVersionModal(versionId: string, projectId: string, stageId?: string | null) {
+	try {
+		const versionData = await labrinth.versions_v3.getVersion(versionId)
+
+		const draftVersionData: Labrinth.Versions.v3.DraftVersion = {
+			project_id: projectId,
+			version_id: versionId,
+			name: versionData.name ?? '',
+			version_number: versionData.version_number ?? '',
+			changelog: versionData.changelog ?? '',
+			game_versions: versionData.game_versions ?? [],
+			version_type: versionData.version_type ?? 'release',
+			loaders: versionData.loaders ?? [],
+			dependencies: versionData.dependencies ?? [],
+			existing_files: versionData.files ?? [],
+			environment: versionData.environment,
+			mrpack_loaders: versionData.mrpack_loaders,
+		}
+
+		openCreateVersionModal(draftVersionData, stageId)
+	} catch (err: any) {
+		addNotification({
+			title: 'An error occurred',
+			text: err.data ? err.data.description : err,
+			type: 'error',
+		})
+	}
+}
+
+function openCreateVersionModal(
+	version: Labrinth.Versions.v3.DraftVersion | null = null,
+	stageId: string | null = null,
+) {
+	newDraftVersion(projectV2.value.id, version)
+	modal.value?.setStage(stageId ?? 0)
+	modal.value?.show()
+}
+
+defineExpose({
+	openEditVersionModal,
+	openCreateVersionModal,
+})
+</script>

apps/frontend/src/components/ui/create-project-version/components/AddedDependencyRow.vue

@@ -0,0 +1,56 @@
+<template>
+	<div
+		class="flex items-center justify-between gap-2 rounded-xl bg-button-bg px-4 py-1 text-button-text"
+	>
+		<div class="grid max-w-[75%] grid-cols-[auto_1fr_auto] items-center gap-2">
+			<Avatar v-if="icon" :src="icon" alt="dependency-icon" size="20px" :no-shadow="true" />
+
+			<span v-tooltip="name || projectId" class="truncate font-semibold text-contrast">
+				{{ name || 'Unknown Project' }}
+			</span>
+
+			<TagItem class="shrink-0 border !border-solid border-surface-5">
+				{{ dependencyType }}
+			</TagItem>
+		</div>
+
+		<span
+			v-if="versionName"
+			v-tooltip="versionName"
+			class="max-w-[35%] truncate whitespace-nowrap font-medium"
+		>
+			{{ versionName }}
+		</span>
+
+		<div class="flex items-center justify-end gap-1">
+			<ButtonStyled size="standard" :circular="true">
+				<button aria-label="Remove file" class="!shadow-none" @click="emitRemove">
+					<XIcon aria-hidden="true" />
+				</button>
+			</ButtonStyled>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import { XIcon } from '@modrinth/assets'
+import { Avatar, ButtonStyled, TagItem } from '@modrinth/ui'
+
+const emit = defineEmits<{
+	(e: 'fileTypeChange', type: string): void
+	(e: 'remove'): void
+}>()
+
+const { projectId, name, icon, dependencyType, versionName } = defineProps<{
+	projectId: string
+	name?: string
+	icon?: string
+	dependencyType: Labrinth.Versions.v2.DependencyType
+	versionName?: string
+}>()
+
+function emitRemove() {
+	emit('remove')
+}
+</script>

apps/frontend/src/components/ui/create-project-version/components/DependencySelect.vue

@@ -0,0 +1,86 @@
+<template>
+	<Combobox
+		v-model="projectId"
+		placeholder="Select project"
+		:options="options"
+		:searchable="true"
+		search-placeholder="Search by name or paste ID..."
+		:no-options-message="searchLoading ? 'Loading...' : 'No results found'"
+		:disable-search-filter="true"
+		@search-input="(query) => handleSearch(query)"
+	/>
+</template>
+
+<script lang="ts" setup>
+import type { ComboboxOption } from '@modrinth/ui'
+import { Combobox, injectModrinthClient, injectNotificationManager } from '@modrinth/ui'
+import { useDebounceFn } from '@vueuse/core'
+import { defineAsyncComponent, h } from 'vue'
+
+const { addNotification } = injectNotificationManager()
+const projectId = defineModel<string>()
+
+const searchLoading = ref(false)
+const options = ref<ComboboxOption<string>[]>([])
+
+const { labrinth } = injectModrinthClient()
+
+const search = async (query: string) => {
+	query = query.trim()
+	if (!query) {
+		searchLoading.value = false
+		return
+	}
+
+	try {
+		const results = await labrinth.projects_v2.search({
+			query: query,
+			limit: 20,
+			facets: [
+				[
+					'project_type:mod',
+					'project_type:plugin',
+					'project_type:shader ',
+					'project_type:resourcepack',
+					'project_type:datapack',
+				],
+			],
+		})
+
+		const resultsByProjectId = await labrinth.projects_v2.search({
+			query: '',
+			limit: 20,
+			facets: [[`project_id:${query.replace(/[^a-zA-Z0-9]/g, '')}`]], // remove any non-alphanumeric characters
+		})
+
+		options.value = [...resultsByProjectId.hits, ...results.hits].map((hit) => ({
+			label: hit.title,
+			value: hit.project_id,
+			icon: defineAsyncComponent(() =>
+				Promise.resolve({
+					setup: () => () =>
+						h('img', {
+							src: hit.icon_url,
+							alt: hit.title,
+							class: 'h-5 w-5 rounded',
+						}),
+				}),
+			),
+		}))
+	} catch (error: any) {
+		addNotification({
+			title: 'An error occurred',
+			text: error.data ? error.data.description : error,
+			type: 'error',
+		})
+	}
+	searchLoading.value = false
+}
+
+const throttledSearch = useDebounceFn(search, 500)
+
+const handleSearch = async (query: string) => {
+	searchLoading.value = true
+	await throttledSearch(query)
+}
+</script>

apps/frontend/src/components/ui/create-project-version/components/LoaderPicker.vue

@@ -0,0 +1,121 @@
+<template>
+	<div class="flex flex-col gap-2.5">
+		<span class="font-semibold text-contrast">Loaders <span class="text-red">*</span></span>
+
+		<Chips
+			v-model="loaderGroup"
+			:items="groupLabels"
+			:never-empty="true"
+			:capitalize="true"
+			size="small"
+		/>
+
+		<div
+			class="flex min-h-[150px] flex-1 flex-col gap-4 overflow-y-auto rounded-xl border border-solid border-surface-5 p-3"
+		>
+			<div v-if="groupedLoaders[loaderGroup].length" class="flex flex-col gap-1.5">
+				<div class="flex flex-wrap gap-2">
+					<TagItem
+						v-for="loader in groupedLoaders[loaderGroup]"
+						:key="`loader-${loader.name}`"
+						:action="() => toggleLoader(loader.name)"
+						class="border !border-solid !transition-all hover:bg-button-bgHover hover:no-underline"
+						:class="
+							selectedLoaders.includes(loader.name)
+								? 'border-brand bg-highlight-green text-brand'
+								: 'border-surface-5'
+						"
+						:style="`--_color: var(--color-platform-${loader.name})`"
+					>
+						<div v-html="loader.icon"></div>
+						{{ formatCategory(loader.name) }}
+					</TagItem>
+				</div>
+			</div>
+		</div>
+
+		<span>Select one or more loaders this version supports.</span>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import type { Labrinth } from '@modrinth/api-client'
+import { Chips, TagItem } from '@modrinth/ui'
+import { formatCategory } from '@modrinth/utils'
+
+const selectedLoaders = defineModel<string[]>({ default: [] })
+
+const { loaders } = defineProps<{
+	loaders: Labrinth.Tags.v2.Loader[]
+	toggleLoader: (loader: string) => void
+}>()
+
+const loaderGroup = ref<GroupLabels>('mods')
+
+type GroupLabels = 'mods' | 'plugins' | 'packs' | 'shaders' | 'other'
+
+const groupLabels: GroupLabels[] = ['mods', 'plugins', 'packs', 'shaders']
+
+function groupLoaders(loaders: Labrinth.Tags.v2.Loader[]) {
+	const groups: Record<GroupLabels, Labrinth.Tags.v2.Loader[]> = {
+		mods: [],
+		plugins: [],
+		packs: [],
+		shaders: [],
+		other: [],
+	}
+
+	const MOD_SORT = [
+		'fabric',
+		'neoforge',
+		'forge',
+		'quilt',
+		'liteloader',
+		'rift',
+		'ornithe',
+		'nilloader',
+		'risugami',
+		'legacy-fabric',
+		'bta-babric',
+		'babric',
+		'modloader',
+		'java-agent',
+	]
+
+	const PLUGIN_SORT = [
+		'paper',
+		'purpur',
+		'spigot',
+		'bukkit',
+		'sponge',
+		'folia',
+		'bungeecord',
+		'velocity',
+		'waterfall',
+		'geyser',
+	]
+
+	const SHADER_SORT = ['optifine', 'iris', 'canvas', 'vanilla']
+	const PACKS_SORT = ['minecraft', 'datapack']
+
+	for (const loader of loaders) {
+		const name = loader.name.toLowerCase()
+		if (PACKS_SORT.includes(name)) groups.packs.push(loader)
+		else if (SHADER_SORT.includes(name)) groups.shaders.push(loader)
+		else if (PLUGIN_SORT.includes(name)) groups.plugins.push(loader)
+		else if (MOD_SORT.includes(name)) groups.mods.push(loader)
+		else groups.other.push(loader)
+	}
+
+	const sortByOrder = (arr: any[], order: string[]) =>
+		arr.sort((a, b) => order.indexOf(a.name) - order.indexOf(b.name))
+
+	sortByOrder(groups.mods, MOD_SORT)
+	sortByOrder(groups.plugins, PLUGIN_SORT)
+	sortByOrder(groups.shaders, SHADER_SORT)
+
+	return groups
+}
+
+const groupedLoaders = computed(() => groupLoaders(loaders))
+</script>