From 6e4abf6e26dd6ebb5d4aea94c665b4091757f645 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 15 Jan 2026 16:35:46 -0700
Subject: [PATCH 001/178] feat: add create server project in dropdown

---
 apps/frontend/src/layouts/default.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 4b3d9ecb98..2990e1b0c0 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -378,7 +378,7 @@
 				<ButtonStyled type="transparent">
 					<OverflowMenu
 						v-if="auth.user"
-						class="btn-dropdown-animation flex items-center gap-1 rounded-xl bg-transparent px-2 py-1"
+						class="btn-dropdown-animation flex items-center gap-1 rounded-xl !bg-transparent px-2 py-1"
 						position="bottom"
 						direction="left"
 						:dropdown-id="`${basePopoutId}-create`"
@@ -388,6 +388,10 @@
 								id: 'new-project',
 								action: (event) => $refs.modal_creation.show(event),
 							},
+							{
+								id: 'new-server-project',
+								action: (event) => $refs.modal_creation.show(event),
+							},
 							{
 								id: 'new-collection',
 								action: (event) => $refs.modal_collection_creation.show(event),
@@ -400,10 +404,13 @@
 						]"
 					>
 						<PlusIcon aria-hidden="true" />
-						<DropdownIcon aria-hidden="true" class="h-5 w-5 text-secondary" />
+						{{ formatMessage(messages.publish) }}
 						<template #new-project>
 							<BoxIcon aria-hidden="true" /> {{ formatMessage(messages.newProject) }}
 						</template>
+						<template #new-server-project>
+							<BoxIcon aria-hidden="true" /> {{ formatMessage(messages.newProject) }}
+						</template>
 						<!-- <template #import-project> <BoxImportIcon /> Import project </template>-->
 						<template #new-collection>
 							<CollectionIcon aria-hidden="true" /> {{ formatMessage(messages.newCollection) }}
@@ -818,6 +825,10 @@ const messages = defineMessages({
 		id: 'layout.action.create-new',
 		defaultMessage: 'Create new...',
 	},
+	publish: {
+		id: 'layout.action.publish',
+		defaultMessage: 'Publish',
+	},
 	reviewProjects: {
 		id: 'layout.action.review-projects',
 		defaultMessage: 'Project review',
@@ -850,6 +861,10 @@ const messages = defineMessages({
 		id: 'layout.action.new-project',
 		defaultMessage: 'New project',
 	},
+	newServerProject: {
+		id: 'layout.action.new-server-project',
+		defaultMessage: 'New server',
+	},
 	newCollection: {
 		id: 'layout.action.new-collection',
 		defaultMessage: 'New collection',

From b5c69958eeceeb6e3d8541afd0f6c94c44c12b1c Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 15 Jan 2026 20:07:01 -0700
Subject: [PATCH 002/178] fix: url text input wrapper before

---
 .../components/ui/create/ProjectCreateModal.vue   | 15 +++++++--------
 apps/frontend/src/layouts/default.vue             |  2 +-
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index fe9e6ea76f..88804e2d62 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -20,16 +20,15 @@
 					@input="updatedName()"
 				/>
 			</div>
-			<div class="flex flex-col gap-2">
-				<label for="slug">
-					<span class="text-lg font-semibold text-contrast">
-						{{ formatMessage(messages.urlLabel) }}
-						<span class="text-brand-red">*</span>
-					</span>
-				</label>
+			<label for="slug" class="flex flex-col gap-2">
+				<span class="text-lg font-semibold text-contrast">
+					{{ formatMessage(messages.urlLabel) }}
+					<span class="text-brand-red">*</span>
+				</span>
 				<div class="text-input-wrapper">
 					<div class="text-input-wrapper__before">https://modrinth.com/project/</div>
 					<input
+						class="w-full"
 						id="slug"
 						v-model="slug"
 						type="text"
@@ -39,7 +38,7 @@
 						@input="manualSlug = true"
 					/>
 				</div>
-			</div>
+			</label>
 			<div class="flex flex-col gap-2">
 				<label for="visibility" class="flex flex-col gap-1">
 					<span class="text-lg font-semibold text-contrast">
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 2990e1b0c0..6669e323e7 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -409,7 +409,7 @@
 							<BoxIcon aria-hidden="true" /> {{ formatMessage(messages.newProject) }}
 						</template>
 						<template #new-server-project>
-							<BoxIcon aria-hidden="true" /> {{ formatMessage(messages.newProject) }}
+							<BoxIcon aria-hidden="true" /> {{ formatMessage(messages.newServerProject) }}
 						</template>
 						<!-- <template #import-project> <BoxImportIcon /> Import project </template>-->
 						<template #new-collection>

From 8536ca52ea6a51135e0207446ba6255ed470c68f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 15 Jan 2026 20:10:29 -0700
Subject: [PATCH 003/178] feat: create project modal to use typescript

---
 .../ui/create/ProjectCreateModal.vue          | 42 ++++++++++---------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 88804e2d62..92ecac7761 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -92,7 +92,7 @@
 	</NewModal>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
 import {
 	ButtonStyled,
@@ -105,6 +105,11 @@ import {
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
+interface VisibilityOption {
+	actual: string
+	display: string
+}
+
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
 const router = useRouter()
@@ -172,22 +177,18 @@ const messages = defineMessages({
 	},
 })
 
-const props = defineProps({
-	organizationId: {
-		type: String,
-		required: false,
-		default: null,
-	},
-})
+const props = defineProps<{
+	organizationId?: string | null
+}>()
 
-const modal = ref()
+const modal = ref<InstanceType<typeof NewModal>>()
 const hasHitLimit = ref(false)
 
 const name = ref('')
 const slug = ref('')
 const description = ref('')
 const manualSlug = ref(false)
-const visibilities = ref([
+const visibilities = ref<VisibilityOption[]>([
 	{
 		actual: 'approved',
 		display: formatMessage(messages.visibilityPublic),
@@ -201,10 +202,10 @@ const visibilities = ref([
 		display: formatMessage(messages.visibilityPrivate),
 	},
 ])
-const visibility = ref(visibilities.value[0])
+const visibility = ref<VisibilityOption>(visibilities.value[0])
 
 const cancel = () => {
-	modal.value.hide()
+	modal.value?.hide()
 }
 
 async function createProject() {
@@ -214,7 +215,7 @@ async function createProject() {
 
 	const auth = await useAuth()
 
-	const projectData = {
+	const projectData: Record<string, unknown> = {
 		title: name.value.trim(),
 		project_type: 'mod',
 		slug: slug.value,
@@ -224,7 +225,9 @@ async function createProject() {
 		initial_versions: [],
 		team_members: [
 			{
+				// @ts-expect-error
 				user_id: auth.value.user.id,
+				// @ts-expect-error
 				name: auth.value.user.username,
 				role: 'Owner',
 			},
@@ -247,28 +250,29 @@ async function createProject() {
 			method: 'POST',
 			body: formData,
 			headers: {
-				'Content-Disposition': formData,
+				'Content-Disposition': formData as unknown as string,
 			},
 		})
 
-		modal.value.hide()
+		modal.value?.hide()
 		await router.push(`/project/${slug.value}/settings`)
-	} catch (err) {
+	} catch (err: unknown) {
+		const error = err as { data?: { description?: string } }
 		addNotification({
 			title: formatMessage(messages.errorTitle),
-			text: err.data ? err.data.description : err,
+			text: error.data?.description ?? String(err),
 			type: 'error',
 		})
 	}
 	stopLoading()
 }
 
-function show(event) {
+function show(event?: MouseEvent) {
 	name.value = ''
 	slug.value = ''
 	description.value = ''
 	manualSlug.value = false
-	modal.value.show(event)
+	modal.value?.show(event)
 }
 
 defineExpose({

From 2dcc031a52d2415efe6017091452bf4f7e27dae0 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 15 Jan 2026 21:01:47 -0700
Subject: [PATCH 004/178] add server project related fields

---
 .../ui/create/ProjectCreateModal.vue          | 99 +++++++++++++++++--
 apps/frontend/src/layouts/default.vue         |  2 +-
 2 files changed, 92 insertions(+), 9 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 92ecac7761..af6db17ebc 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -2,6 +2,21 @@
 	<NewModal ref="modal" :header="formatMessage(messages.title)">
 		<div class="min-w-md flex max-w-md flex-col gap-3">
 			<CreateLimitAlert v-model="hasHitLimit" type="project" />
+			<div class="flex flex-col gap-2">
+				<label for="type">
+					<span class="text-lg font-semibold text-contrast">
+						{{ formatMessage(messages.typeLabel) }}
+						<span class="text-brand-red">*</span>
+					</span>
+				</label>
+				<Combobox
+					id="type"
+					v-model="projectType"
+					name="type"
+					:options="projectTypeOptions"
+					:disabled="hasHitLimit"
+				/>
+			</div>
 			<div class="flex flex-col gap-2">
 				<label for="name">
 					<span class="text-lg font-semibold text-contrast">
@@ -39,6 +54,22 @@
 					/>
 				</div>
 			</label>
+			<div class="flex flex-col gap-2" v-if="projectType === 'server'">
+				<label for="owner">
+					<span class="text-lg font-semibold text-contrast">
+						{{ formatMessage(messages.ownerLabel) }}
+						<span class="text-brand-red">*</span>
+					</span>
+				</label>
+				<Combobox
+					id="owner"
+					v-model="owner"
+					name="owner"
+					:options="[userOption, ...ownerOptions]"
+					searchable
+					:disabled="hasHitLimit"
+				/>
+			</div>
 			<div class="flex flex-col gap-2">
 				<label for="visibility" class="flex flex-col gap-1">
 					<span class="text-lg font-semibold text-contrast">
@@ -97,28 +128,53 @@ import { PlusIcon, XIcon } from '@modrinth/assets'
 import {
 	ButtonStyled,
 	Chips,
+	Combobox,
 	defineMessages,
 	injectNotificationManager,
 	NewModal,
 	useVIntl,
+	type ComboboxOption,
 } from '@modrinth/ui'
-
+import { defineAsyncComponent, h } from 'vue'
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
+type ProjectTypes = 'server' | 'project'
 interface VisibilityOption {
 	actual: string
 	display: string
 }
+interface ShowOptions {
+	type?: 'server' | 'project'
+}
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
 const router = useRouter()
+const auth = (await useAuth()) as Ref<{
+	user: { id: string; username: string; avatar_url: string } | null
+}>
 
 const messages = defineMessages({
 	title: {
 		id: 'create.project.title',
 		defaultMessage: 'Creating a project',
 	},
+	typeLabel: {
+		id: 'create.project.type-label',
+		defaultMessage: 'Type',
+	},
+	typeProject: {
+		id: 'create.project.type-project',
+		defaultMessage: 'Project',
+	},
+	typeServer: {
+		id: 'create.project.type-server',
+		defaultMessage: 'Server',
+	},
+	ownerLabel: {
+		id: 'create.project.owner-label',
+		defaultMessage: 'Owner',
+	},
 	nameLabel: {
 		id: 'create.project.name-label',
 		defaultMessage: 'Name',
@@ -188,6 +244,19 @@ const name = ref('')
 const slug = ref('')
 const description = ref('')
 const manualSlug = ref(false)
+const projectTypeOptions = ref<ComboboxOption<ProjectTypes>[]>([
+	{
+		value: 'project' as const,
+		label: formatMessage(messages.typeProject),
+	},
+	{
+		value: 'server' as const,
+		label: formatMessage(messages.typeServer),
+	},
+])
+const projectType = ref<ProjectTypes>('project')
+const ownerOptions = ref<ComboboxOption<string>[]>([])
+const owner = ref<string | null>('self')
 const visibilities = ref<VisibilityOption[]>([
 	{
 		actual: 'approved',
@@ -208,13 +277,28 @@ const cancel = () => {
 	modal.value?.hide()
 }
 
+const userOption = {
+	value: 'self',
+	label: auth.value.user?.username || 'Unknown user',
+	icon: auth.value.user?.avatar_url
+		? defineAsyncComponent(() =>
+				Promise.resolve({
+					setup: () => () =>
+						h('img', {
+							src: auth.value.user?.avatar_url,
+							alt: 'User Avatar',
+							class: 'h-5 w-5 rounded',
+						}),
+				}),
+			)
+		: undefined,
+}
+
 async function createProject() {
 	startLoading()
 
 	const formData = new FormData()
 
-	const auth = await useAuth()
-
 	const projectData: Record<string, unknown> = {
 		title: name.value.trim(),
 		project_type: 'mod',
@@ -225,10 +309,8 @@ async function createProject() {
 		initial_versions: [],
 		team_members: [
 			{
-				// @ts-expect-error
-				user_id: auth.value.user.id,
-				// @ts-expect-error
-				name: auth.value.user.username,
+				user_id: auth.value.user?.id,
+				name: auth.value.user?.username,
 				role: 'Owner',
 			},
 		],
@@ -267,11 +349,12 @@ async function createProject() {
 	stopLoading()
 }
 
-function show(event?: MouseEvent) {
+function show(event?: MouseEvent, options?: ShowOptions) {
 	name.value = ''
 	slug.value = ''
 	description.value = ''
 	manualSlug.value = false
+	projectType.value = options?.type ?? 'project'
 	modal.value?.show(event)
 }
 
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 6669e323e7..b873e7258f 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -390,7 +390,7 @@
 							},
 							{
 								id: 'new-server-project',
-								action: (event) => $refs.modal_creation.show(event),
+								action: (event) => $refs.modal_creation.show(event, { type: 'server' }),
 							},
 							{
 								id: 'new-collection',

From 6753e95922ecc252e8b8fa18ef93eaf7c2da6f96 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 15 Jan 2026 21:06:18 -0700
Subject: [PATCH 005/178] fix spacing

---
 .../ui/create/ProjectCreateModal.vue          | 39 +++++++++++--------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index af6db17ebc..bf81781acb 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -1,10 +1,10 @@
 <template>
 	<NewModal ref="modal" :header="formatMessage(messages.title)">
-		<div class="min-w-md flex max-w-md flex-col gap-3">
+		<div class="min-w-md flex max-w-md flex-col gap-6">
 			<CreateLimitAlert v-model="hasHitLimit" type="project" />
-			<div class="flex flex-col gap-2">
+			<div class="flex flex-col gap-2.5">
 				<label for="type">
-					<span class="text-lg font-semibold text-contrast">
+					<span class="text-md font-semibold text-contrast">
 						{{ formatMessage(messages.typeLabel) }}
 						<span class="text-brand-red">*</span>
 					</span>
@@ -17,9 +17,9 @@
 					:disabled="hasHitLimit"
 				/>
 			</div>
-			<div class="flex flex-col gap-2">
+			<div class="flex flex-col gap-2.5">
 				<label for="name">
-					<span class="text-lg font-semibold text-contrast">
+					<span class="text-md font-semibold text-contrast">
 						{{ formatMessage(messages.nameLabel) }}
 						<span class="text-brand-red">*</span>
 					</span>
@@ -35,8 +35,8 @@
 					@input="updatedName()"
 				/>
 			</div>
-			<label for="slug" class="flex flex-col gap-2">
-				<span class="text-lg font-semibold text-contrast">
+			<label for="slug" class="flex flex-col gap-2.5">
+				<span class="text-md font-semibold text-contrast">
 					{{ formatMessage(messages.urlLabel) }}
 					<span class="text-brand-red">*</span>
 				</span>
@@ -54,9 +54,9 @@
 					/>
 				</div>
 			</label>
-			<div class="flex flex-col gap-2" v-if="projectType === 'server'">
+			<div class="flex flex-col gap-2.5" v-if="projectType === 'server'">
 				<label for="owner">
-					<span class="text-lg font-semibold text-contrast">
+					<span class="text-md font-semibold text-contrast">
 						{{ formatMessage(messages.ownerLabel) }}
 						<span class="text-brand-red">*</span>
 					</span>
@@ -69,14 +69,14 @@
 					searchable
 					:disabled="hasHitLimit"
 				/>
+				<span>{{ formatMessage(messages.ownerDescription) }}</span>
 			</div>
-			<div class="flex flex-col gap-2">
+			<div class="flex flex-col gap-2.5">
 				<label for="visibility" class="flex flex-col gap-1">
-					<span class="text-lg font-semibold text-contrast">
+					<span class="text-md font-semibold text-contrast">
 						{{ formatMessage(messages.visibilityLabel) }}
 						<span class="text-brand-red">*</span>
 					</span>
-					<span>{{ formatMessage(messages.visibilityDescription) }}</span>
 				</label>
 				<Chips
 					id="visibility"
@@ -86,14 +86,14 @@
 					:capitalize="false"
 					:disabled="hasHitLimit"
 				/>
+				<span>{{ formatMessage(messages.visibilityDescription) }}</span>
 			</div>
-			<div class="flex flex-col gap-2">
+			<div class="flex flex-col gap-2.5">
 				<label for="additional-information" class="flex flex-col gap-1">
-					<span class="text-lg font-semibold text-contrast">
+					<span class="text-md font-semibold text-contrast">
 						{{ formatMessage(messages.summaryLabel) }}
 						<span class="text-brand-red">*</span>
 					</span>
-					<span>{{ formatMessage(messages.summaryDescription) }}</span>
 				</label>
 				<div class="textarea-wrapper">
 					<textarea
@@ -104,8 +104,9 @@
 						:disabled="hasHitLimit"
 					/>
 				</div>
+				<span>{{ formatMessage(messages.summaryDescription) }}</span>
 			</div>
-			<div class="flex justify-end gap-2">
+			<div class="flex justify-end gap-2.5">
 				<ButtonStyled class="w-24">
 					<button @click="cancel">
 						<XIcon aria-hidden="true" />
@@ -175,6 +176,10 @@ const messages = defineMessages({
 		id: 'create.project.owner-label',
 		defaultMessage: 'Owner',
 	},
+	ownerDescription: {
+		id: 'create.project.owner-description',
+		defaultMessage: 'Set the project owner as yourself, an individual, or an organization.',
+	},
 	nameLabel: {
 		id: 'create.project.name-label',
 		defaultMessage: 'Name',
@@ -205,7 +210,7 @@ const messages = defineMessages({
 	},
 	summaryPlaceholder: {
 		id: 'create.project.summary-placeholder',
-		defaultMessage: 'This project adds...',
+		defaultMessage: 'Enter tagline...',
 	},
 	cancel: {
 		id: 'create.project.cancel',

From 93805bc7b982a11237a15e1bd7911368492e7025 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 15 Jan 2026 23:37:45 -0700
Subject: [PATCH 006/178] feat: update nav links for servers

---
 apps/frontend/src/composables/featureFlags.ts |   1 +
 .../src/pages/[type]/[id]/settings.vue        |  20 +-
 .../pages/[type]/[id]/settings/content.vue    | 397 ++++++++++++++++++
 .../pages/[type]/[id]/settings/versions.vue   |   2 +-
 packages/ui/src/utils/common-messages.ts      |   4 +
 5 files changed, 419 insertions(+), 5 deletions(-)
 create mode 100644 apps/frontend/src/pages/[type]/[id]/settings/content.vue

diff --git a/apps/frontend/src/composables/featureFlags.ts b/apps/frontend/src/composables/featureFlags.ts
index 92798d9c97..2c5e6821af 100644
--- a/apps/frontend/src/composables/featureFlags.ts
+++ b/apps/frontend/src/composables/featureFlags.ts
@@ -42,6 +42,7 @@ export const DEFAULT_FEATURE_FLAGS = validateValues({
 	hideRussiaCensorshipBanner: false,
 	serverDiscovery: false,
 	disablePrettyProjectUrlRedirects: false,
+	serverProjectSettings: false,
 	// advancedRendering: true,
 	// externalLinksNewTab: true,
 	// notUsingBlockers: false,
diff --git a/apps/frontend/src/pages/[type]/[id]/settings.vue b/apps/frontend/src/pages/[type]/[id]/settings.vue
index 1991b71fcb..7dd17613b6 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings.vue
@@ -7,6 +7,7 @@ import {
 	ImageIcon,
 	InfoIcon,
 	LinkIcon,
+	PlayIcon,
 	TagsIcon,
 	UsersIcon,
 	VersionIcon,
@@ -72,21 +73,32 @@ const navItems = computed(() => {
 			label: formatMessage(commonProjectSettingsMessages.tags),
 			icon: TagsIcon,
 		},
-		{
+		// TODO-server-projects: switch to use project type === "server" once available
+		!flags.value.serverProjectSettings && {
 			link: `/${base}/settings/description`,
 			label: formatMessage(commonProjectSettingsMessages.description),
 			icon: AlignLeftIcon,
 		},
-		{
+		!flags.value.serverProjectSettings && {
 			link: `/${base}/settings/versions`,
 			label: formatMessage(commonProjectSettingsMessages.versions),
 			icon: VersionIcon,
 		},
-		{
+		flags.value.serverProjectSettings && {
+			link: `/${base}/settings/content`,
+			label: formatMessage(commonProjectSettingsMessages.content),
+			icon: PlayIcon,
+		},
+		!flags.value.serverProjectSettings && {
 			link: `/${base}/settings/license`,
 			label: formatMessage(commonProjectSettingsMessages.license),
 			icon: BookTextIcon,
 		},
+		flags.value.serverProjectSettings && {
+			link: `/${base}/settings/description`,
+			label: formatMessage(commonProjectSettingsMessages.description),
+			icon: AlignLeftIcon,
+		},
 		{
 			link: `/${base}/settings/gallery`,
 			label: formatMessage(commonProjectSettingsMessages.gallery),
@@ -102,7 +114,7 @@ const navItems = computed(() => {
 			label: formatMessage(commonProjectSettingsMessages.members),
 			icon: UsersIcon,
 		},
-		{
+		!flags.value.serverProjectSettings && {
 			link: `/${base}/settings/analytics`,
 			label: formatMessage(commonProjectSettingsMessages.analytics),
 			icon: ChartIcon,
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
new file mode 100644
index 0000000000..5b5741bc6c
--- /dev/null
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -0,0 +1,397 @@
+<template>
+	<div>
+		<CreateProjectVersionModal
+			v-if="currentMember"
+			ref="create-project-version-modal"
+		></CreateProjectVersionModal>
+
+		<ConfirmModal
+			v-if="currentMember"
+			ref="deleteVersionModal"
+			title="Are you sure you want to delete this version?"
+			description="This will remove this version forever (like really forever)."
+			:has-to-type="false"
+			proceed-label="Delete"
+			@proceed="deleteVersion()"
+		/>
+
+		<ProjectPageVersions
+			v-if="versions.length > 0"
+			:project="project"
+			:versions="versionsWithDisplayUrl"
+			:show-files="flags.showVersionFilesInTable"
+			:current-member="!!currentMember"
+			:loaders="tags.loaders"
+			:game-versions="tags.gameVersions"
+			:base-id="baseDropdownId"
+			:version-link="
+				(version: any) =>
+					`/${project.project_type}/${
+						project.slug ? project.slug : project.id
+					}/version/${encodeURI(version.displayUrlEnding)}`
+			"
+			:open-modal="currentMember ? () => handleOpenCreateVersionModal() : undefined"
+		>
+			<template #actions="{ version }">
+				<ButtonStyled circular type="transparent">
+					<OverflowMenu
+						v-tooltip="'Edit version'"
+						class="hover:!bg-button-bg [&>svg]:!text-green"
+						:dropdown-id="`${baseDropdownId}-edit-${version.id}`"
+						:options="[
+							{
+								id: 'edit-metadata',
+								action: () => handleOpenEditVersionModal(version.id, project.id, 'metadata'),
+							},
+							{
+								id: 'edit-details',
+								action: () => handleOpenEditVersionModal(version.id, project.id, 'add-details'),
+							},
+							{
+								id: 'edit-files',
+								action: () => handleOpenEditVersionModal(version.id, project.id, 'add-files'),
+							},
+						]"
+						aria-label="Edit version"
+					>
+						<EditIcon aria-hidden="true" />
+						<template #edit-files>
+							<FileIcon aria-hidden="true" />
+							Edit files
+						</template>
+						<template #edit-details>
+							<InfoIcon aria-hidden="true" />
+							Edit details
+						</template>
+						<template #edit-metadata>
+							<BoxIcon aria-hidden="true" />
+							Edit metadata
+						</template>
+					</OverflowMenu>
+				</ButtonStyled>
+				<ButtonStyled circular type="transparent">
+					<OverflowMenu
+						v-tooltip="'More options'"
+						class="hover:!bg-button-bg"
+						:dropdown-id="`${baseDropdownId}-${version.id}`"
+						:options="[
+							{
+								id: 'download',
+								color: 'primary',
+								hoverFilled: true,
+								link: getPrimaryFile(version).url,
+								action: () => {
+									emit('onDownload')
+								},
+							},
+							{
+								id: 'new-tab',
+								action: () => {},
+								link: `/${project.project_type}/${
+									project.slug ? project.slug : project.id
+								}/version/${encodeURI(version.displayUrlEnding)}`,
+								external: true,
+							},
+							{
+								id: 'copy-link',
+								action: () =>
+									copyToClipboard(
+										`https://modrinth.com/${project.project_type}/${
+											project.slug ? project.slug : project.id
+										}/version/${encodeURI(version.displayUrlEnding)}`,
+									),
+							},
+							{
+								id: 'share',
+								action: () => {},
+								shown: false,
+							},
+							{
+								id: 'report',
+								color: 'red',
+								hoverFilled: true,
+								action: () => (auth.user ? reportVersion(version.id) : navigateTo('/auth/sign-in')),
+								shown: !currentMember,
+							},
+							{ divider: true, shown: !!currentMember || flags.developerMode },
+							{
+								id: 'copy-id',
+								action: () => {
+									copyToClipboard(version.id)
+								},
+								shown: !!currentMember || flags.developerMode,
+							},
+							{
+								id: 'copy-maven',
+								action: () => {
+									copyToClipboard(`maven.modrinth:${project.slug}:${version.id}`)
+								},
+								shown: flags.developerMode,
+							},
+							{ divider: true, shown: !!currentMember },
+							{
+								id: 'edit-details',
+								action: () => handleOpenEditVersionModal(version.id, project.id, 'add-details'),
+								shown: !!currentMember,
+							},
+							{
+								id: 'edit-metadata',
+								action: () => handleOpenEditVersionModal(version.id, project.id, 'metadata'),
+								shown: !!currentMember,
+							},
+							{
+								id: 'edit-files',
+								action: () => handleOpenEditVersionModal(version.id, project.id, 'add-files'),
+								shown: !!currentMember,
+							},
+							{
+								id: 'delete',
+								color: 'red',
+								hoverFilled: true,
+								action: () => {
+									selectedVersion = version.id
+									deleteVersionModal?.show()
+								},
+								shown: !!currentMember,
+							},
+						]"
+						aria-label="More options"
+					>
+						<MoreVerticalIcon aria-hidden="true" />
+						<template #download>
+							<DownloadIcon aria-hidden="true" />
+							Download
+						</template>
+						<template #new-tab>
+							<ExternalIcon aria-hidden="true" />
+							Open in new tab
+						</template>
+						<template #copy-link>
+							<LinkIcon aria-hidden="true" />
+							Copy link
+						</template>
+						<template #share>
+							<ShareIcon aria-hidden="true" />
+							Share
+						</template>
+						<template #report>
+							<ReportIcon aria-hidden="true" />
+							Report
+						</template>
+						<template #edit-files>
+							<FileIcon aria-hidden="true" />
+							Edit files
+						</template>
+						<template #edit-details>
+							<InfoIcon aria-hidden="true" />
+							Edit details
+						</template>
+						<template #edit-metadata>
+							<BoxIcon aria-hidden="true" />
+							Edit metadata
+						</template>
+						<template #delete>
+							<TrashIcon aria-hidden="true" />
+							Delete
+						</template>
+						<template #copy-id>
+							<ClipboardCopyIcon aria-hidden="true" />
+							Copy ID
+						</template>
+						<template #copy-maven>
+							<ClipboardCopyIcon aria-hidden="true" />
+							Copy Maven coordinates
+						</template>
+					</OverflowMenu>
+				</ButtonStyled>
+			</template>
+		</ProjectPageVersions>
+
+		<template v-if="!versions.length">
+			<div class="grid place-items-center py-10">
+				<svg
+					width="250"
+					height="200"
+					viewBox="0 0 250 200"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+					class="h-[200px] w-[250px]"
+				>
+					<path
+						d="M136 64C139.866 64 143 67.134 143 71C143 74.866 139.866 78 136 78H200C203.866 78 207 81.134 207 85C207 88.866 203.866 92 200 92H222C225.866 92 229 95.134 229 99C229 102.866 225.866 106 222 106H203C199.134 106 196 109.134 196 113C196 116.866 199.134 120 203 120H209C212.866 120 216 123.134 216 127C216 130.866 212.866 134 209 134H157C156.485 134 155.983 133.944 155.5 133.839C155.017 133.944 154.515 134 154 134H63C59.134 134 56 130.866 56 127C56 123.134 59.134 120 63 120H24C20.134 120 17 116.866 17 113C17 109.134 20.134 106 24 106H64C67.866 106 71 102.866 71 99C71 95.134 67.866 92 64 92H39C35.134 92 32 88.866 32 85C32 81.134 35.134 78 39 78H79C75.134 78 72 74.866 72 71C72 67.134 75.134 64 79 64H136ZM226 120C229.866 120 233 123.134 233 127C233 130.866 229.866 134 226 134C222.134 134 219 130.866 219 127C219 123.134 222.134 120 226 120Z"
+						class="fill-surface-2"
+					/>
+					<path
+						fill-rule="evenodd"
+						clip-rule="evenodd"
+						d="M113.119 112.307C113.04 112.86 113 113.425 113 114C113 120.627 118.373 126 125 126C131.627 126 137 120.627 137 114C137 113.425 136.96 112.86 136.881 112.307H166V139C166 140.657 164.657 142 163 142H87C85.3431 142 84 140.657 84 139V112.307H113.119Z"
+						class="fill-surface-1"
+					/>
+					<path
+						fill-rule="evenodd"
+						clip-rule="evenodd"
+						d="M138 112C138 119.18 132.18 125 125 125C117.82 125 112 119.18 112 112C112 111.767 112.006 111.536 112.018 111.307H84L93.5604 83.0389C93.9726 81.8202 95.1159 81 96.4023 81H153.598C154.884 81 156.027 81.8202 156.44 83.0389L166 111.307H137.982C137.994 111.536 138 111.767 138 112Z"
+						class="fill-surface-1"
+					/>
+					<path
+						fill-rule="evenodd"
+						clip-rule="evenodd"
+						d="M136.098 112.955C136.098 118.502 131.129 124 125 124C118.871 124 113.902 118.502 113.902 112.955C113.902 112.775 113.908 111.596 113.918 111.419H93L101.161 91.5755C101.513 90.6338 102.489 90 103.587 90H146.413C147.511 90 148.487 90.6338 148.839 91.5755L157 111.419H136.082C136.092 111.596 136.098 112.775 136.098 112.955Z"
+						fill="#27292E"
+						class="fill-surface-3"
+					/>
+					<path
+						fill-rule="evenodd"
+						clip-rule="evenodd"
+						d="M85.25 111.512V138C85.25 138.966 86.0335 139.75 87 139.75H163C163.966 139.75 164.75 138.966 164.75 138V111.512L155.255 83.4393C155.015 82.7285 154.348 82.25 153.598 82.25H96.4023C95.6519 82.25 94.985 82.7285 94.7446 83.4393L85.25 111.512Z"
+						stroke-width="2.5"
+						class="stroke-surface-4"
+					/>
+					<path
+						d="M98 111C101.937 111 106.185 111 110.745 111C112.621 111 112.621 112.319 112.621 113C112.621 119.627 118.117 125 124.897 125C131.677 125 137.173 119.627 137.173 113C137.173 112.319 137.173 111 139.05 111H164M90.5737 111H93H90.5737Z"
+						stroke-width="2.5"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						class="stroke-surface-4"
+					/>
+					<path
+						d="M150.1 58.3027L139 70.7559M124.1 54V70.7559V54ZM98 58.3027L109.1 70.7559L98 58.3027Z"
+						stroke-width="2.5"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						class="stroke-surface-4"
+					/>
+				</svg>
+
+				<div class="flex max-w-[320px] flex-col items-center gap-2 text-center">
+					<div class="text-pretty text-2xl font-semibold text-contrast">
+						Does your server require a modpack?
+					</div>
+					<div class="text-balance">
+						Select the modpack and Modrinth installs it for players when they join.
+					</div>
+					<br />
+					<ButtonStyled color="green">
+						<button @click="() => createProjectVersionModal?.openCreateVersionModal()">
+							<PlusIcon /> Select modpack
+						</button>
+					</ButtonStyled>
+				</div>
+			</div>
+		</template>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import type { Labrinth } from '@modrinth/api-client'
+import {
+	BoxIcon,
+	ClipboardCopyIcon,
+	DownloadIcon,
+	EditIcon,
+	ExternalIcon,
+	FileIcon,
+	InfoIcon,
+	LinkIcon,
+	MoreVerticalIcon,
+	PlusIcon,
+	ReportIcon,
+	ShareIcon,
+	TrashIcon,
+} from '@modrinth/assets'
+import {
+	ButtonStyled,
+	ConfirmModal,
+	injectModrinthClient,
+	injectNotificationManager,
+	injectProjectPageContext,
+	OverflowMenu,
+	ProjectPageVersions,
+} from '@modrinth/ui'
+import { useTemplateRef } from 'vue'
+
+import CreateProjectVersionModal from '~/components/ui/create-project-version/CreateProjectVersionModal.vue'
+import { reportVersion } from '~/utils/report-helpers.ts'
+
+interface Props {
+	project: Labrinth.Projects.v2.Project
+	currentMember?: object
+}
+
+const { project, currentMember } = defineProps<Props>()
+
+const versions = defineModel<Labrinth.Versions.v3.Version[]>('versions', { required: true })
+
+const client = injectModrinthClient()
+const { addNotification } = injectNotificationManager()
+const { refreshVersions } = injectProjectPageContext()
+
+const tags = useGeneratedState()
+const flags = useFeatureFlags()
+const auth = await useAuth()
+
+const createProjectVersionModal = useTemplateRef('create-project-version-modal')
+const deleteVersionModal = ref<InstanceType<typeof ConfirmModal>>()
+const selectedVersion = ref<string | null>(null)
+
+const handleOpenCreateVersionModal = () => {
+	if (!currentMember) return
+	createProjectVersionModal.value?.openCreateVersionModal()
+}
+
+const handleOpenEditVersionModal = (
+	versionId: string,
+	projectId: string,
+	stageId?: string | null,
+) => {
+	if (!currentMember) return
+	createProjectVersionModal.value?.openEditVersionModal(versionId, projectId, stageId)
+}
+
+const versionsWithDisplayUrl = computed(() =>
+	versions.value.map((v) => ({
+		...v,
+		displayUrlEnding: v.id,
+	})),
+)
+
+const emit = defineEmits(['onDownload'])
+
+const baseDropdownId = useId()
+
+function getPrimaryFile(version: Labrinth.Versions.v3.Version) {
+	return version.files.find((x) => x.primary) || version.files[0]
+}
+
+async function copyToClipboard(text: string) {
+	await navigator.clipboard.writeText(text)
+}
+
+async function deleteVersion() {
+	const id = selectedVersion.value
+	if (!id) return
+
+	startLoading()
+
+	try {
+		await client.labrinth.versions_v3.deleteVersion(id)
+
+		addNotification({
+			title: 'Version deleted',
+			text: 'The version has been successfully deleted.',
+			type: 'success',
+		})
+	} catch (err: any) {
+		addNotification({
+			title: 'An error occurred',
+			text: err.data ? err.data.description : err,
+			type: 'error',
+		})
+	}
+
+	refreshVersions()
+	selectedVersion.value = null
+
+	stopLoading()
+}
+</script>
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/versions.vue b/apps/frontend/src/pages/[type]/[id]/settings/versions.vue
index 91c16dc1ba..32b9f745d5 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/versions.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/versions.vue
@@ -208,7 +208,7 @@
 		</ProjectPageVersions>
 
 		<template v-if="!versions.length">
-			<div class="grid place-content-center py-10">
+			<div class="grid place-items-center py-10">
 				<svg
 					width="250"
 					height="200"
diff --git a/packages/ui/src/utils/common-messages.ts b/packages/ui/src/utils/common-messages.ts
index 4f9c0d2b54..a91890d1ad 100644
--- a/packages/ui/src/utils/common-messages.ts
+++ b/packages/ui/src/utils/common-messages.ts
@@ -557,6 +557,10 @@ export const commonProjectSettingsMessages = defineMessages({
 		id: 'project.settings.analytics.title',
 		defaultMessage: 'Analytics',
 	},
+	content: {
+		id: 'project.settings.content.title',
+		defaultMessage: 'Content',
+	},
 	description: {
 		id: 'project.settings.description.title',
 		defaultMessage: 'Description',

From 6328d4d92aea7c8c30407bcd4a1b14acf01aaad9 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 16 Jan 2026 09:47:13 +0000
Subject: [PATCH 007/178] feat: base content card component

---
 packages/ui/src/components/index.ts           |   1 +
 .../src/components/instances/ContentCard.vue  | 118 ++++
 packages/ui/src/components/instances/index.ts |   2 +
 .../stories/instances/ContentCard.stories.ts  | 666 ++++++++++++++++++
 4 files changed, 787 insertions(+)
 create mode 100644 packages/ui/src/components/instances/ContentCard.vue
 create mode 100644 packages/ui/src/components/instances/index.ts
 create mode 100644 packages/ui/src/stories/instances/ContentCard.stories.ts

diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index 1f00fa63a7..7204b200dc 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -5,6 +5,7 @@ export * from './brand'
 export * from './changelog'
 export * from './chart'
 export * from './content'
+export * from './instances'
 export * from './modal'
 export * from './nav'
 export * from './page'
diff --git a/packages/ui/src/components/instances/ContentCard.vue b/packages/ui/src/components/instances/ContentCard.vue
new file mode 100644
index 0000000000..ac377d9eb1
--- /dev/null
+++ b/packages/ui/src/components/instances/ContentCard.vue
@@ -0,0 +1,118 @@
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import { DownloadIcon, MoreVerticalIcon, TrashIcon } from '@modrinth/assets'
+import { computed, getCurrentInstance } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
+
+import Avatar from '../base/Avatar.vue'
+import ButtonStyled from '../base/ButtonStyled.vue'
+import OverflowMenu, { type Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
+import Toggle from '../base/Toggle.vue'
+
+export type ContentCardProject = Pick<
+	Labrinth.Projects.v2.Project,
+	'id' | 'slug' | 'title' | 'icon_url'
+>
+
+export type ContentCardVersion = Pick<Labrinth.Versions.v2.Version, 'id' | 'version_number'> & {
+	file_name: string
+}
+
+export interface ContentCardOwner {
+	id: string
+	name: string
+	avatar_url?: string
+	type: 'user' | 'organization'
+	link?: string | RouteLocationRaw
+}
+
+interface Props {
+	project: ContentCardProject
+	version?: ContentCardVersion
+	owner?: ContentCardOwner
+	enabled?: boolean
+	overflowOptions?: OverflowMenuOption[]
+	disabled?: boolean
+}
+
+withDefaults(defineProps<Props>(), {
+	version: undefined,
+	owner: undefined,
+	enabled: undefined,
+	overflowOptions: undefined,
+	disabled: false,
+})
+
+const emit = defineEmits<{
+	'update:enabled': [value: boolean]
+	delete: []
+	update: []
+}>()
+
+const instance = getCurrentInstance()
+const hasDeleteListener = computed(() => !!instance?.vnode.props?.onDelete)
+const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
+</script>
+
+<template>
+	<div
+		class="grid grid-cols-[1fr_auto] items-center gap-4 rounded-[20px] bg-bg-raised p-4 shadow-md md:grid-cols-3"
+		:class="{ 'opacity-50': disabled }"
+	>
+		<div class="flex min-w-0 items-center gap-4">
+			<Avatar :src="project.icon_url" :alt="project.title" size="4rem" no-shadow raised />
+			<div class="flex min-w-0 flex-col gap-1.5">
+				<span class="truncate font-semibold text-contrast">
+					{{ project.title }}
+				</span>
+
+				<div v-if="owner" class="flex items-center gap-1">
+					<Avatar :src="owner.avatar_url" :alt="owner.name" size="1.5rem" circle no-shadow />
+					<span class="text-sm text-secondary">{{ owner.name }}</span>
+				</div>
+			</div>
+		</div>
+
+		<div class="hidden flex-col gap-1.5 md:flex">
+			<template v-if="version">
+				<span class="font-medium text-contrast">{{ version.version_number }}</span>
+				<span class="text-secondary">{{ version.file_name }}</span>
+			</template>
+		</div>
+
+		<div class="flex items-center justify-self-end gap-2">
+			<slot name="additionalButtonsLeft" />
+
+			<ButtonStyled
+				v-if="hasUpdateListener"
+				v-tooltip="'Update available'"
+				circular
+				type="transparent"
+			>
+				<button @click="emit('update')">
+					<DownloadIcon class="size-5 text-brand" />
+				</button>
+			</ButtonStyled>
+
+			<Toggle
+				v-if="enabled !== undefined"
+				:model-value="enabled"
+				@update:model-value="(val) => emit('update:enabled', val)"
+			/>
+
+			<ButtonStyled v-if="hasDeleteListener" v-tooltip="'Delete'" circular type="transparent">
+				<button @click="emit('delete')">
+					<TrashIcon class="size-5 text-secondary hover:text-red" />
+				</button>
+			</ButtonStyled>
+
+			<slot name="additionalButtonsRight" />
+
+			<ButtonStyled circular type="transparent">
+				<OverflowMenu v-if="overflowOptions?.length" :options="overflowOptions">
+					<MoreVerticalIcon class="size-5" />
+				</OverflowMenu>
+			</ButtonStyled>
+		</div>
+	</div>
+</template>
diff --git a/packages/ui/src/components/instances/index.ts b/packages/ui/src/components/instances/index.ts
new file mode 100644
index 0000000000..7d9dd736a3
--- /dev/null
+++ b/packages/ui/src/components/instances/index.ts
@@ -0,0 +1,2 @@
+export type { ContentCardOwner, ContentCardProject, ContentCardVersion } from './ContentCard.vue'
+export { default as ContentCard } from './ContentCard.vue'
diff --git a/packages/ui/src/stories/instances/ContentCard.stories.ts b/packages/ui/src/stories/instances/ContentCard.stories.ts
new file mode 100644
index 0000000000..2188053ece
--- /dev/null
+++ b/packages/ui/src/stories/instances/ContentCard.stories.ts
@@ -0,0 +1,666 @@
+import { EditIcon, EyeIcon, FolderOpenIcon, LinkIcon } from '@modrinth/assets'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import { fn } from 'storybook/test'
+import { ref } from 'vue'
+
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import type {
+	ContentCardOwner,
+	ContentCardProject,
+	ContentCardVersion,
+} from '../../components/instances/ContentCard.vue'
+import ContentCard from '../../components/instances/ContentCard.vue'
+
+// Real project data from Modrinth API
+const sodiumProject: ContentCardProject = {
+	id: 'AANobbMI',
+	slug: 'sodium',
+	title: 'Sodium',
+	icon_url:
+		'https://cdn.modrinth.com/data/AANobbMI/295862f4724dc3f78df3447ad6072b2dcd3ef0c9_96.webp',
+}
+
+const modMenuProject: ContentCardProject = {
+	id: 'mOgUt4GM',
+	slug: 'modmenu',
+	title: 'Mod Menu',
+	icon_url: 'https://cdn.modrinth.com/data/mOgUt4GM/5a20ed1450a0e1e79a1fe04e61bb4e5878bf1d20.png',
+}
+
+const fabricApiProject: ContentCardProject = {
+	id: 'P7dR8mSH',
+	slug: 'fabric-api',
+	title: 'Fabric API',
+	icon_url: 'https://cdn.modrinth.com/data/P7dR8mSH/icon.png',
+}
+
+// Version data
+const sodiumVersion: ContentCardVersion = {
+	id: '59wygFUQ',
+	version_number: 'mc1.21.11-0.8.2-fabric',
+	file_name: 'sodium-fabric-0.8.2+mc1.21.11.jar',
+}
+
+const modMenuVersion: ContentCardVersion = {
+	id: 'QuU0ciaR',
+	version_number: '16.0.0',
+	file_name: 'modmenu-16.0.0.jar',
+}
+
+const fabricApiVersion: ContentCardVersion = {
+	id: 'Lwa1Q6e4',
+	version_number: '0.141.3+26.1',
+	file_name: 'fabric-api-0.141.3+26.1.jar',
+}
+
+// Owner data
+const sodiumOwner: ContentCardOwner = {
+	id: 'DzLrfrbK',
+	name: 'IMS',
+	avatar_url: 'https://avatars3.githubusercontent.com/u/31803019?v=4',
+	type: 'user',
+}
+
+const fabricApiOwner: ContentCardOwner = {
+	id: 'BZoBsPo6',
+	name: 'FabricMC',
+	avatar_url: 'https://cdn.modrinth.com/data/P7dR8mSH/icon.png',
+	type: 'organization',
+}
+
+const meta = {
+	title: 'Instances/ContentCard',
+	component: ContentCard,
+	parameters: {
+		layout: 'padded',
+	},
+	argTypes: {
+		project: {
+			control: 'object',
+			description: 'Project information (id, slug, title, icon_url)',
+		},
+		version: {
+			control: 'object',
+			description: 'Version information (id, version_number, file_name)',
+		},
+		owner: {
+			control: 'object',
+			description: 'Owner/author information',
+		},
+		enabled: {
+			control: 'boolean',
+			description: 'Toggle state - toggle hidden if undefined',
+		},
+		disabled: {
+			control: 'boolean',
+			description: 'Grays out the card when true',
+		},
+		overflowOptions: {
+			control: 'object',
+			description: 'Options for the overflow menu',
+		},
+	},
+} satisfies Meta<typeof ContentCard>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+// ============================================
+// All Types Overview
+// ============================================
+
+export const AllTypes: Story = {
+	args: {
+		project: sodiumProject,
+	},
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			const toggleOn = ref(true)
+			const toggleOff = ref(false)
+
+			const cards = [
+				{
+					label: 'Full featured (all actions)',
+					project: sodiumProject,
+					version: sodiumVersion,
+					owner: sodiumOwner,
+					enabled: toggleOn,
+					hasUpdate: true,
+					hasDelete: true,
+					hasOverflow: true,
+				},
+				{
+					label: 'With toggle only',
+					project: modMenuProject,
+					version: modMenuVersion,
+					owner: { id: 'u2', name: 'Prospector', type: 'user' },
+					enabled: toggleOn,
+				},
+				{
+					label: 'With update available',
+					project: fabricApiProject,
+					version: fabricApiVersion,
+					owner: fabricApiOwner,
+					hasUpdate: true,
+				},
+				{
+					label: 'Minimal (project only)',
+					project: sodiumProject,
+				},
+				{
+					label: 'With version info only',
+					project: modMenuProject,
+					version: modMenuVersion,
+				},
+				{
+					label: 'With owner only',
+					project: fabricApiProject,
+					owner: fabricApiOwner,
+				},
+				{
+					label: 'Disabled state',
+					project: sodiumProject,
+					version: sodiumVersion,
+					owner: sodiumOwner,
+					enabled: toggleOff,
+					disabled: true,
+				},
+				{
+					label: 'Delete button only',
+					project: modMenuProject,
+					version: modMenuVersion,
+					hasDelete: true,
+				},
+				{
+					label: 'Toggle off',
+					project: fabricApiProject,
+					version: fabricApiVersion,
+					owner: fabricApiOwner,
+					enabled: toggleOff,
+				},
+			]
+
+			return { cards }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<template v-for="card in cards" :key="card.label">
+					<h3 class="text-sm font-medium text-secondary">{{ card.label }}</h3>
+					<ContentCard
+						:project="card.project"
+						:version="card.version"
+						:owner="card.owner"
+						:enabled="card.enabled?.value"
+						:disabled="card.disabled"
+						@update="card.hasUpdate ? () => {} : undefined"
+						@delete="card.hasDelete ? () => {} : undefined"
+						@update:enabled="card.enabled ? (v) => card.enabled.value = v : undefined"
+						:overflow-options="card.hasOverflow ? [
+							{ id: 'view', action: () => {} },
+							{ divider: true },
+							{ id: 'remove', action: () => {}, color: 'red' },
+						] : undefined"
+					>
+						<template #view>View on Modrinth</template>
+						<template #remove>Remove</template>
+					</ContentCard>
+				</template>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// Basic Stories
+// ============================================
+
+export const Default: Story = {
+	args: {
+		project: sodiumProject,
+		version: sodiumVersion,
+		owner: sodiumOwner,
+		enabled: true,
+		overflowOptions: [
+			{ id: 'view', action: () => console.log('View clicked') },
+			{ id: 'edit', action: () => console.log('Edit clicked') },
+			{ divider: true },
+			{ id: 'remove', action: () => console.log('Remove clicked'), color: 'red' },
+		],
+		onDelete: fn(),
+		onUpdate: fn(),
+		'onUpdate:enabled': fn(),
+	},
+}
+
+export const MinimalProjectOnly: Story = {
+	args: {
+		project: sodiumProject,
+	},
+}
+
+export const WithVersion: Story = {
+	args: {
+		project: modMenuProject,
+		version: modMenuVersion,
+	},
+}
+
+export const WithOwner: Story = {
+	args: {
+		project: fabricApiProject,
+		owner: fabricApiOwner,
+	},
+}
+
+export const WithToggle: Story = {
+	args: {
+		project: sodiumProject,
+		version: sodiumVersion,
+		enabled: true,
+		'onUpdate:enabled': fn(),
+	},
+}
+
+export const ToggleDisabled: Story = {
+	args: {
+		project: sodiumProject,
+		version: sodiumVersion,
+		enabled: false,
+		'onUpdate:enabled': fn(),
+	},
+}
+
+// ============================================
+// Action Button Stories
+// ============================================
+
+export const WithDeleteButton: Story = {
+	args: {
+		project: modMenuProject,
+		version: modMenuVersion,
+		owner: sodiumOwner,
+		onDelete: fn(),
+	},
+}
+
+export const WithUpdateButton: Story = {
+	args: {
+		project: fabricApiProject,
+		version: fabricApiVersion,
+		owner: fabricApiOwner,
+		onUpdate: fn(),
+	},
+}
+
+export const WithAllActions: Story = {
+	args: {
+		project: sodiumProject,
+		version: sodiumVersion,
+		owner: sodiumOwner,
+		enabled: true,
+		onDelete: fn(),
+		onUpdate: fn(),
+		'onUpdate:enabled': fn(),
+		overflowOptions: [
+			{ id: 'view', action: () => console.log('View') },
+			{ id: 'openFolder', action: () => console.log('Open folder') },
+			{ divider: true },
+			{ id: 'copyLink', action: () => console.log('Copy link') },
+		],
+	},
+}
+
+// ============================================
+// State Stories
+// ============================================
+
+export const Disabled: Story = {
+	args: {
+		project: sodiumProject,
+		version: sodiumVersion,
+		owner: sodiumOwner,
+		enabled: false,
+		disabled: true,
+		'onUpdate:enabled': fn(),
+	},
+}
+
+export const LongProjectName: Story = {
+	args: {
+		project: {
+			id: 'test123',
+			slug: 'very-long-project-name',
+			title: '[EMF] Entity Model Features - The Ultimate Entity Rendering Mod',
+			icon_url: sodiumProject.icon_url,
+		},
+		version: {
+			id: 'v1',
+			version_number: '2.4.1',
+			file_name: 'Entity_model_features_fabric_1.21.1-2.4.1.jar',
+		},
+		owner: {
+			id: 'u1',
+			name: 'Traben',
+			type: 'user',
+		},
+		enabled: true,
+		onDelete: fn(),
+		'onUpdate:enabled': fn(),
+	},
+}
+
+// ============================================
+// Overflow Menu Stories
+// ============================================
+
+export const WithOverflowMenu: Story = {
+	render: (args) => ({
+		components: { ContentCard, EditIcon, EyeIcon, FolderOpenIcon, LinkIcon },
+		setup() {
+			return { args }
+		},
+		template: /*html*/ `
+			<ContentCard v-bind="args">
+				<template #view>
+					<EyeIcon class="size-5" /> View on Modrinth
+				</template>
+				<template #edit>
+					<EditIcon class="size-5" /> Edit settings
+				</template>
+				<template #openFolder>
+					<FolderOpenIcon class="size-5" /> Open folder
+				</template>
+				<template #copyLink>
+					<LinkIcon class="size-5" /> Copy link
+				</template>
+			</ContentCard>
+		`,
+	}),
+	args: {
+		project: sodiumProject,
+		version: sodiumVersion,
+		owner: sodiumOwner,
+		overflowOptions: [
+			{ id: 'view', action: () => console.log('View') },
+			{ id: 'edit', action: () => console.log('Edit') },
+			{ id: 'openFolder', action: () => console.log('Open folder') },
+			{ divider: true },
+			{ id: 'copyLink', action: () => console.log('Copy link') },
+		],
+	},
+}
+
+// ============================================
+// Slot Stories
+// ============================================
+
+export const WithAdditionalButtons: Story = {
+	render: (args) => ({
+		components: { ContentCard, ButtonStyled, EyeIcon, FolderOpenIcon },
+		setup() {
+			return { args }
+		},
+		template: /*html*/ `
+			<ContentCard v-bind="args">
+				<template #additionalButtonsLeft>
+					<ButtonStyled v-tooltip="'View on Modrinth'" circular type="transparent">
+						<button>
+							<EyeIcon class="size-5 text-secondary" />
+						</button>
+					</ButtonStyled>
+				</template>
+				<template #additionalButtonsRight>
+					<ButtonStyled v-tooltip="'Open folder'" circular type="transparent">
+						<button>
+							<FolderOpenIcon class="size-5 text-secondary" />
+						</button>
+					</ButtonStyled>
+				</template>
+			</ContentCard>
+		`,
+	}),
+	args: {
+		project: modMenuProject,
+		version: modMenuVersion,
+		enabled: true,
+		onDelete: fn(),
+		'onUpdate:enabled': fn(),
+	},
+}
+
+// ============================================
+// Interactive Stories
+// ============================================
+
+export const InteractiveToggle: Story = {
+	args: {
+		project: sodiumProject,
+	},
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			const enabled = ref(true)
+			return {
+				enabled,
+				project: sodiumProject,
+				version: sodiumVersion,
+				owner: sodiumOwner,
+			}
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<ContentCard
+					:project="project"
+					:version="version"
+					:owner="owner"
+					v-model:enabled="enabled"
+				/>
+				<div class="text-sm text-secondary">
+					Mod is currently: <strong>{{ enabled ? 'Enabled' : 'Disabled' }}</strong>
+				</div>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// List Stories
+// ============================================
+
+export const ModList: Story = {
+	args: {
+		project: sodiumProject,
+	},
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			const mods = ref([
+				{ project: sodiumProject, version: sodiumVersion, owner: sodiumOwner, enabled: true },
+				{
+					project: modMenuProject,
+					version: modMenuVersion,
+					owner: { id: 'u2', name: 'Prospector', type: 'user' as const },
+					enabled: true,
+				},
+				{
+					project: fabricApiProject,
+					version: fabricApiVersion,
+					owner: fabricApiOwner,
+					enabled: true,
+				},
+			])
+
+			const handleDelete = (index: number) => {
+				mods.value.splice(index, 1)
+			}
+
+			const handleToggle = (index: number, value: boolean) => {
+				mods.value[index].enabled = value
+			}
+
+			return { mods, handleDelete, handleToggle }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-3">
+				<ContentCard
+					v-for="(mod, index) in mods"
+					:key="mod.project.id"
+					:project="mod.project"
+					:version="mod.version"
+					:owner="mod.owner"
+					:enabled="mod.enabled"
+					@update:enabled="(val) => handleToggle(index, val)"
+					@delete="() => handleDelete(index)"
+					:overflow-options="[
+						{ id: 'view', action: () => console.log('View', mod.project.slug) },
+						{ divider: true },
+						{ id: 'remove', action: () => handleDelete(index), color: 'red' },
+					]"
+				>
+					<template #view>View on Modrinth</template>
+					<template #remove>Remove from instance</template>
+				</ContentCard>
+			</div>
+		`,
+	}),
+}
+
+export const MixedStates: Story = {
+	args: {
+		project: sodiumProject,
+	},
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			return {
+				sodiumProject,
+				sodiumVersion,
+				sodiumOwner,
+				modMenuProject,
+				modMenuVersion,
+				fabricApiProject,
+				fabricApiVersion,
+				fabricApiOwner,
+			}
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-3">
+				<!-- Enabled with update available -->
+				<ContentCard
+					:project="sodiumProject"
+					:version="sodiumVersion"
+					:owner="sodiumOwner"
+					:enabled="true"
+					@update="() => console.log('Update sodium')"
+					@update:enabled="() => {}"
+					@delete="() => {}"
+				/>
+
+				<!-- Disabled mod -->
+				<ContentCard
+					:project="modMenuProject"
+					:version="modMenuVersion"
+					:enabled="false"
+					:disabled="true"
+					@update:enabled="() => {}"
+				/>
+
+				<!-- No toggle, just view -->
+				<ContentCard
+					:project="fabricApiProject"
+					:version="fabricApiVersion"
+					:owner="fabricApiOwner"
+				/>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// Responsive Stories
+// ============================================
+
+export const ResponsiveView: Story = {
+	args: {
+		project: sodiumProject,
+	},
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			return {
+				project: sodiumProject,
+				version: sodiumVersion,
+				owner: sodiumOwner,
+			}
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-6">
+				<div>
+					<h3 class="text-sm font-medium text-secondary mb-2">Desktop (version info visible)</h3>
+					<div class="w-full">
+						<ContentCard
+							:project="project"
+							:version="version"
+							:owner="owner"
+							:enabled="true"
+							@update:enabled="() => {}"
+							@delete="() => {}"
+							@update="() => {}"
+						/>
+					</div>
+				</div>
+				<div>
+					<h3 class="text-sm font-medium text-secondary mb-2">Mobile (&lt;768px - version info hidden)</h3>
+					<div class="w-[360px]">
+						<ContentCard
+							:project="project"
+							:version="version"
+							:owner="owner"
+							:enabled="true"
+							@update:enabled="() => {}"
+							@delete="() => {}"
+						/>
+					</div>
+				</div>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// Edge Cases
+// ============================================
+
+export const NoIcon: Story = {
+	args: {
+		project: {
+			id: 'test',
+			slug: 'no-icon-mod',
+			title: 'Mod Without Icon',
+			icon_url: undefined,
+		},
+		version: {
+			id: 'v1',
+			version_number: '1.0.0',
+			file_name: 'no-icon-mod-1.0.0.jar',
+		},
+		enabled: true,
+		'onUpdate:enabled': fn(),
+	},
+}
+
+export const NoOwnerAvatar: Story = {
+	args: {
+		project: sodiumProject,
+		version: sodiumVersion,
+		owner: {
+			id: 'u1',
+			name: 'Anonymous',
+			avatar_url: undefined,
+			type: 'user',
+		},
+		enabled: true,
+		'onUpdate:enabled': fn(),
+	},
+}

From 548c1f3be4e0364b37974453ffc8ef9e92afb324 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 16 Jan 2026 09:57:56 +0000
Subject: [PATCH 008/178] fix: tooltips + colors

---
 .../ui/src/components/instances/ContentCard.vue    | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCard.vue b/packages/ui/src/components/instances/ContentCard.vue
index ac377d9eb1..8c275e045b 100644
--- a/packages/ui/src/components/instances/ContentCard.vue
+++ b/packages/ui/src/components/instances/ContentCard.vue
@@ -85,12 +85,14 @@ const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
 
 			<ButtonStyled
 				v-if="hasUpdateListener"
-				v-tooltip="'Update available'"
 				circular
 				type="transparent"
+				color="green"
+				color-fill="text"
+				hover-color-fill="background"
 			>
-				<button @click="emit('update')">
-					<DownloadIcon class="size-5 text-brand" />
+				<button v-tooltip="'Update available'" @click="emit('update')">
+					<DownloadIcon class="size-5" />
 				</button>
 			</ButtonStyled>
 
@@ -100,9 +102,9 @@ const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
 				@update:model-value="(val) => emit('update:enabled', val)"
 			/>
 
-			<ButtonStyled v-if="hasDeleteListener" v-tooltip="'Delete'" circular type="transparent">
-				<button @click="emit('delete')">
-					<TrashIcon class="size-5 text-secondary hover:text-red" />
+			<ButtonStyled v-if="hasDeleteListener" circular type="transparent">
+				<button v-tooltip="'Delete'" @click="emit('delete')">
+					<TrashIcon class="size-5 text-secondary" />
 				</button>
 			</ButtonStyled>
 

From 847d752dae26ac65ea6594ed82078de0f6b496af Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 16 Jan 2026 10:06:56 +0000
Subject: [PATCH 009/178] feat: fix orgs

---
 packages/ui/src/components/instances/ContentCard.vue  | 11 +++++++++--
 .../ui/src/stories/instances/ContentCard.stories.ts   | 11 ++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCard.vue b/packages/ui/src/components/instances/ContentCard.vue
index 8c275e045b..9a2823079a 100644
--- a/packages/ui/src/components/instances/ContentCard.vue
+++ b/packages/ui/src/components/instances/ContentCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { DownloadIcon, MoreVerticalIcon, TrashIcon } from '@modrinth/assets'
+import { DownloadIcon, MoreVerticalIcon, OrganizationIcon, TrashIcon } from '@modrinth/assets'
 import { computed, getCurrentInstance } from 'vue'
 import type { RouteLocationRaw } from 'vue-router'
 
@@ -67,7 +67,14 @@ const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
 				</span>
 
 				<div v-if="owner" class="flex items-center gap-1">
-					<Avatar :src="owner.avatar_url" :alt="owner.name" size="1.5rem" circle no-shadow />
+					<Avatar
+						:src="owner.avatar_url"
+						:alt="owner.name"
+						size="1.5rem"
+						:circle="owner.type === 'user'"
+						no-shadow
+					/>
+					<OrganizationIcon v-if="owner.type === 'organization'" class="size-4 text-secondary" />
 					<span class="text-sm text-secondary">{{ owner.name }}</span>
 				</div>
 			</div>
diff --git a/packages/ui/src/stories/instances/ContentCard.stories.ts b/packages/ui/src/stories/instances/ContentCard.stories.ts
index 2188053ece..7edf6bd744 100644
--- a/packages/ui/src/stories/instances/ContentCard.stories.ts
+++ b/packages/ui/src/stories/instances/ContentCard.stories.ts
@@ -246,9 +246,18 @@ export const WithVersion: Story = {
 	},
 }
 
-export const WithOwner: Story = {
+export const WithUserOwner: Story = {
+	args: {
+		project: sodiumProject,
+		version: sodiumVersion,
+		owner: sodiumOwner,
+	},
+}
+
+export const WithOrganizationOwner: Story = {
 	args: {
 		project: fabricApiProject,
+		version: fabricApiVersion,
 		owner: fabricApiOwner,
 	},
 }

From 6e84c922fa7af75c257fcd0982e8dd94795141ea Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 16 Jan 2026 11:26:35 -0700
Subject: [PATCH 010/178] feat: implement create server project version and
 server general settings page

---
 .../pages/[type]/[id]/settings/content.vue    |  25 +-
 .../src/pages/[type]/[id]/settings/index.vue  | 541 ++++++++++++------
 .../project/CreateServerVersionModal.vue      | 379 ++++++++++++
 .../components/project/ProjectCombobox.vue    | 202 +++++++
 packages/ui/src/components/project/index.ts   |   3 +
 5 files changed, 967 insertions(+), 183 deletions(-)
 create mode 100644 packages/ui/src/components/project/CreateServerVersionModal.vue
 create mode 100644 packages/ui/src/components/project/ProjectCombobox.vue

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 5b5741bc6c..e124687406 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -1,9 +1,10 @@
 <template>
 	<div>
-		<CreateProjectVersionModal
+		<CreateServerVersionModal
 			v-if="currentMember"
-			ref="create-project-version-modal"
-		></CreateProjectVersionModal>
+			ref="create-server-version-modal"
+			@submit="handleVersionSubmit"
+		/>
 
 		<ConfirmModal
 			v-if="currentMember"
@@ -272,7 +273,7 @@
 					</div>
 					<br />
 					<ButtonStyled color="green">
-						<button @click="() => createProjectVersionModal?.openCreateVersionModal()">
+						<button @click="() => createServerVersionModal?.show()">
 							<PlusIcon /> Select modpack
 						</button>
 					</ButtonStyled>
@@ -302,15 +303,16 @@ import {
 import {
 	ButtonStyled,
 	ConfirmModal,
+	CreateServerVersionModal,
 	injectModrinthClient,
 	injectNotificationManager,
 	injectProjectPageContext,
 	OverflowMenu,
 	ProjectPageVersions,
+	type CreateServerVersionData,
 } from '@modrinth/ui'
 import { useTemplateRef } from 'vue'
 
-import CreateProjectVersionModal from '~/components/ui/create-project-version/CreateProjectVersionModal.vue'
 import { reportVersion } from '~/utils/report-helpers.ts'
 
 interface Props {
@@ -330,13 +332,13 @@ const tags = useGeneratedState()
 const flags = useFeatureFlags()
 const auth = await useAuth()
 
-const createProjectVersionModal = useTemplateRef('create-project-version-modal')
+const createServerVersionModal = useTemplateRef('create-server-version-modal')
 const deleteVersionModal = ref<InstanceType<typeof ConfirmModal>>()
 const selectedVersion = ref<string | null>(null)
 
 const handleOpenCreateVersionModal = () => {
 	if (!currentMember) return
-	createProjectVersionModal.value?.openCreateVersionModal()
+	createServerVersionModal.value?.show()
 }
 
 const handleOpenEditVersionModal = (
@@ -345,7 +347,8 @@ const handleOpenEditVersionModal = (
 	stageId?: string | null,
 ) => {
 	if (!currentMember) return
-	createProjectVersionModal.value?.openEditVersionModal(versionId, projectId, stageId)
+	// TODO: Implement edit version modal functionality
+	console.log('Edit version:', versionId, projectId, stageId)
 }
 
 const versionsWithDisplayUrl = computed(() =>
@@ -367,6 +370,12 @@ async function copyToClipboard(text: string) {
 	await navigator.clipboard.writeText(text)
 }
 
+function handleVersionSubmit(data: CreateServerVersionData) {
+	// TODO: Implement version creation logic
+	console.log('Version submit:', data)
+	createServerVersionModal.value?.hide()
+}
+
 async function deleteVersion() {
 	const id = selectedVersion.value
 	if (!id) return
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 6a77e91075..e37441171b 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -10,161 +10,335 @@
 			@proceed="deleteProject"
 		/>
 		<section class="universal-card">
-			<div class="label">
-				<h3>
-					<span class="label__title size-card-header">Project information</span>
-				</h3>
-			</div>
-			<label for="project-icon">
-				<span class="label__title">Icon</span>
-			</label>
-			<div class="input-group">
-				<Avatar
-					:src="deletedIcon ? null : previewImage ? previewImage : project.icon_url"
-					:alt="project.title"
-					size="md"
-					class="project__icon"
-				/>
-				<div class="input-stack">
-					<FileInput
-						id="project-icon"
-						:max-size="262144"
-						:show-icon="true"
-						accept="image/png,image/jpeg,image/gif,image/webp"
-						class="choose-image iconified-button"
-						prompt="Upload icon"
-						aria-label="Upload icon"
-						:disabled="!hasPermission"
-						@change="showPreviewImage"
-					>
-						<UploadIcon aria-hidden="true" />
-					</FileInput>
-					<button
-						v-if="!deletedIcon && (previewImage || project.icon_url)"
-						class="iconified-button"
-						:disabled="!hasPermission"
-						@click="markIconForDeletion"
-					>
-						<TrashIcon aria-hidden="true" />
-						Remove icon
-					</button>
+			<div class="flex max-w-[540px] flex-col gap-6">
+				<div class="label">
+					<h3>
+						<span class="label__title size-card-header">Project information</span>
+					</h3>
 				</div>
-			</div>
 
-			<label for="project-name">
-				<span class="label__title">Name</span>
-			</label>
-			<input
-				id="project-name"
-				v-model="name"
-				maxlength="2048"
-				type="text"
-				:disabled="!hasPermission"
-			/>
-
-			<label for="project-slug">
-				<span class="label__title">URL</span>
-			</label>
-			<div class="text-input-wrapper">
-				<div class="text-input-wrapper__before">
-					<span class="hidden sm:inline">https://modrinth.com</span>/{{
-						$getProjectTypeForUrl(project.project_type, project.loaders)
-					}}/
+				<div>
+					<label for="project-icon">
+						<span class="label__title">Icon</span>
+					</label>
+
+					<div class="input-group">
+						<Avatar
+							:src="deletedIcon ? null : previewImage ? previewImage : project.icon_url"
+							:alt="project.title"
+							size="md"
+							class="project__icon"
+						/>
+						<div class="input-stack">
+							<FileInput
+								id="project-icon"
+								:max-size="262144"
+								:show-icon="true"
+								accept="image/png,image/jpeg,image/gif,image/webp"
+								class="choose-image iconified-button"
+								prompt="Upload icon"
+								aria-label="Upload icon"
+								:disabled="!hasPermission"
+								@change="showPreviewImage"
+							>
+								<UploadIcon aria-hidden="true" />
+							</FileInput>
+							<button
+								v-if="!deletedIcon && (previewImage || project.icon_url)"
+								class="iconified-button"
+								:disabled="!hasPermission"
+								@click="markIconForDeletion"
+							>
+								<TrashIcon aria-hidden="true" />
+								Remove icon
+							</button>
+						</div>
+					</div>
 				</div>
-				<input
-					id="project-slug"
-					v-model="slug"
-					type="text"
-					maxlength="64"
-					autocomplete="off"
-					:disabled="!hasPermission"
-				/>
-			</div>
 
-			<label for="project-summary">
-				<span class="label__title">Summary</span>
-			</label>
-			<div v-if="summaryWarning" class="my-2 flex items-center gap-1.5 text-orange">
-				<TriangleAlertIcon class="my-auto" />
-				{{ summaryWarning }}
-			</div>
-			<div class="textarea-wrapper summary-input">
-				<textarea
-					id="project-summary"
-					v-model="summary"
-					maxlength="256"
-					:disabled="!hasPermission"
-				/>
-			</div>
-			<template
-				v-if="
-					!flags.newProjectEnvironmentSettings &&
-					project.versions?.length !== 0 &&
-					project.project_type !== 'resourcepack' &&
-					project.project_type !== 'plugin' &&
-					project.project_type !== 'shader' &&
-					project.project_type !== 'datapack'
-				"
-			>
-				<div class="adjacent-input">
-					<label for="project-env-client">
-						<span class="label__title">Client-side</span>
-						<span class="label__description">
-							Select based on if the
-							{{ formatProjectType(project.project_type).toLowerCase() }} has functionality on the
-							client side. Just because a mod works in Singleplayer doesn't mean it has actual
-							client-side functionality.
-						</span>
+				<div>
+					<label for="project-name">
+						<span class="label__title">Name</span>
 					</label>
-					<Multiselect
-						id="project-env-client"
-						v-model="clientSide"
-						class="small-multiselect"
-						placeholder="Select one"
-						:options="sideTypes"
-						:custom-label="(value) => value.charAt(0).toUpperCase() + value.slice(1)"
-						:searchable="false"
-						:close-on-select="true"
-						:show-labels="false"
-						:allow-empty="false"
+					<input
+						id="project-name"
+						v-model="name"
+						maxlength="2048"
+						type="text"
 						:disabled="!hasPermission"
 					/>
 				</div>
-				<div class="adjacent-input">
-					<label for="project-env-server">
-						<span class="label__title">Server-side</span>
-						<span class="label__description">
-							Select based on if the
-							{{ formatProjectType(project.project_type).toLowerCase() }} has functionality on the
-							<strong>logical</strong> server. Remember that Singleplayer contains an integrated
-							server.
-						</span>
+
+				<div>
+					<label for="project-slug">
+						<span class="label__title">URL</span>
 					</label>
-					<Multiselect
-						id="project-env-server"
-						v-model="serverSide"
-						class="small-multiselect"
-						placeholder="Select one"
-						:options="sideTypes"
-						:custom-label="(value) => value.charAt(0).toUpperCase() + value.slice(1)"
-						:searchable="false"
-						:close-on-select="true"
-						:show-labels="false"
-						:allow-empty="false"
-						:disabled="!hasPermission"
-					/>
+					<div class="text-input-wrapper !w-full">
+						<div class="text-input-wrapper__before">
+							<span class="hidden sm:inline">https://modrinth.com</span>/{{
+								$getProjectTypeForUrl(project.project_type, project.loaders)
+							}}/
+						</div>
+						<input
+							id="project-slug"
+							v-model="slug"
+							type="text"
+							maxlength="64"
+							autocomplete="off"
+							:disabled="!hasPermission"
+						/>
+					</div>
 				</div>
-			</template>
-			<div class="adjacent-input">
-				<label for="project-visibility">
-					<span class="label__title">Visibility</span>
-					<div class="label__description">
-						Public and archived projects are visible in search. Unlisted projects are published, but
-						not visible in search or on user profiles. Private projects are only accessible by
-						members of the project.
-
-						<p>If approved by the moderators:</p>
-						<ul class="visibility-info">
+
+				<div>
+					<label for="project-summary">
+						<span class="label__title">Summary</span>
+					</label>
+					<div v-if="summaryWarning" class="my-2 flex items-center gap-1.5 text-orange">
+						<TriangleAlertIcon class="my-auto" />
+						{{ summaryWarning }}
+					</div>
+					<div class="textarea-wrapper min-h-36 !w-full">
+						<textarea
+							id="project-summary"
+							v-model="summary"
+							maxlength="256"
+							:disabled="!hasPermission"
+						/>
+					</div>
+				</div>
+
+				<!-- Server Project Settings -->
+				<template v-if="flags.serverProjectSettings">
+					<!-- Banner -->
+					<div>
+						<label>
+							<span class="label__title">Banner</span>
+						</label>
+						<div class="mt-2">
+							<label
+								class="flex aspect-[468/60] w-full cursor-pointer flex-col items-center justify-center rounded-2xl border-2 border-dashed border-surface-5 bg-surface-2 transition-colors"
+							>
+								<div
+									v-if="!deletedBanner && (bannerPreview || project.banner_url)"
+									class="relative h-full w-full overflow-hidden rounded-2xl"
+								>
+									<img
+										:src="bannerPreview || project.banner_url"
+										alt="Banner preview"
+										class="h-full w-full object-cover"
+									/>
+								</div>
+								<ImageIcon v-else aria-hidden="true" class="h-8 w-8 text-secondary" />
+								<input
+									type="file"
+									accept="image/png,image/jpeg,image/gif,image/webp"
+									class="hidden"
+									:disabled="!hasPermission"
+									@change="
+										(e) => {
+											const input = e.target
+											if (input.files?.length) {
+												showBannerPreview(Array.from(input.files))
+											}
+										}
+									"
+								/>
+							</label>
+						</div>
+						<div class="mt-2 flex items-center gap-2">
+							<FileInput
+								:max-size="524288"
+								:show-icon="true"
+								accept="image/png,image/jpeg,image/gif,image/webp"
+								class="iconified-button"
+								prompt="Upload banner"
+								:disabled="!hasPermission"
+								@change="showBannerPreview"
+							>
+								<UploadIcon aria-hidden="true" />
+							</FileInput>
+							<button
+								v-if="!deletedBanner && (bannerPreview || project.banner_url)"
+								class="iconified-button"
+								:disabled="!hasPermission"
+								@click="markBannerForDeletion"
+							>
+								<TrashIcon aria-hidden="true" />
+								Remove banner
+							</button>
+						</div>
+						<p class="mt-2 text-sm text-secondary">Gif, 468×60px recommended.</p>
+					</div>
+
+					<!-- Java Address -->
+					<div>
+						<label for="java-address">
+							<span class="label__title">Java address</span>
+						</label>
+						<div class="mt-2 flex items-center gap-2">
+							<input
+								id="java-address"
+								v-model="javaAddress"
+								type="text"
+								placeholder="Enter address"
+								class="flex-grow rounded-xl bg-bg-raised"
+								:disabled="!hasPermission"
+							/>
+							<input
+								v-model.number="javaPort"
+								type="number"
+								min="1"
+								max="65535"
+								class="w-24 rounded-xl bg-bg-raised text-center"
+								:disabled="!hasPermission"
+							/>
+						</div>
+					</div>
+
+					<!-- Bedrock Address -->
+					<div>
+						<label for="bedrock-address">
+							<span class="label__title">Bedrock/PE address</span>
+						</label>
+						<div class="mt-2 flex items-center gap-2">
+							<input
+								id="bedrock-address"
+								v-model="bedrockAddress"
+								type="text"
+								placeholder="Enter address"
+								class="flex-grow rounded-xl bg-bg-raised"
+								:disabled="!hasPermission"
+							/>
+							<input
+								v-model.number="bedrockPort"
+								type="number"
+								min="1"
+								max="65535"
+								class="w-24 rounded-xl bg-bg-raised text-center"
+								:disabled="!hasPermission"
+							/>
+						</div>
+					</div>
+
+					<!-- Server Version -->
+					<div>
+						<label for="server-version">
+							<span class="label__title">Server version</span>
+						</label>
+						<input
+							id="server-version"
+							v-model="serverVersion"
+							type="text"
+							placeholder="e.g. 1.21.4"
+							class="w-full"
+							:disabled="!hasPermission"
+						/>
+					</div>
+
+					<!-- Country -->
+					<div>
+						<label for="server-country">
+							<span class="label__title">Country</span>
+						</label>
+						<DropdownSelect
+							id="server-country"
+							v-model="serverCountry"
+							:options="countries.map((c) => c.value)"
+							:display-name="(val) => countries.find((c) => c.value === val)?.label ?? val"
+							name="server-country"
+							placeholder="Select country"
+							:disabled="!hasPermission"
+						/>
+					</div>
+				</template>
+
+				<template
+					v-if="
+						!flags.serverProjectSettings &&
+						!flags.newProjectEnvironmentSettings &&
+						project.versions?.length !== 0 &&
+						project.project_type !== 'resourcepack' &&
+						project.project_type !== 'plugin' &&
+						project.project_type !== 'shader' &&
+						project.project_type !== 'datapack'
+					"
+				>
+					<div class="adjacent-input">
+						<label for="project-env-client">
+							<span class="label__title">Client-side</span>
+							<span class="label__description">
+								Select based on if the
+								{{ formatProjectType(project.project_type).toLowerCase() }} has functionality on the
+								client side. Just because a mod works in Singleplayer doesn't mean it has actual
+								client-side functionality.
+							</span>
+						</label>
+						<Multiselect
+							id="project-env-client"
+							v-model="clientSide"
+							class="small-multiselect"
+							placeholder="Select one"
+							:options="sideTypes"
+							:custom-label="(value) => value.charAt(0).toUpperCase() + value.slice(1)"
+							:searchable="false"
+							:close-on-select="true"
+							:show-labels="false"
+							:allow-empty="false"
+							:disabled="!hasPermission"
+						/>
+					</div>
+					<div class="adjacent-input">
+						<label for="project-env-server">
+							<span class="label__title">Server-side</span>
+							<span class="label__description">
+								Select based on if the
+								{{ formatProjectType(project.project_type).toLowerCase() }} has functionality on the
+								<strong>logical</strong> server. Remember that Singleplayer contains an integrated
+								server.
+							</span>
+						</label>
+						<Multiselect
+							id="project-env-server"
+							v-model="serverSide"
+							class="small-multiselect"
+							placeholder="Select one"
+							:options="sideTypes"
+							:custom-label="(value) => value.charAt(0).toUpperCase() + value.slice(1)"
+							:searchable="false"
+							:close-on-select="true"
+							:show-labels="false"
+							:allow-empty="false"
+							:disabled="!hasPermission"
+						/>
+					</div>
+				</template>
+				<div class="">
+					<label for="project-visibility">
+						<span class="label__title">Visibility</span>
+						<div class="label__description">
+							Public and archived projects are visible in search. Unlisted projects are published,
+							but not visible in search or on user profiles. Private projects are only accessible by
+							members of the project.
+
+							<p>If approved by the moderators:</p>
+						</div>
+					</label>
+					<div class="flex gap-4">
+						<Multiselect
+							id="project-visibility"
+							v-model="visibility"
+							class="max-w-[20rem]"
+							placeholder="Select one"
+							:options="tags.approvedStatuses"
+							:custom-label="(value) => formatProjectStatus(value)"
+							:searchable="false"
+							:close-on-select="true"
+							:show-labels="false"
+							:allow-empty="false"
+							:disabled="!hasPermission"
+						/>
+						<ul class="visibility-info m-0">
 							<li>
 								<CheckIcon
 									v-if="visibility === 'approved' || visibility === 'archived'"
@@ -194,31 +368,18 @@
 							</li>
 						</ul>
 					</div>
-				</label>
-				<Multiselect
-					id="project-visibility"
-					v-model="visibility"
-					class="small-multiselect"
-					placeholder="Select one"
-					:options="tags.approvedStatuses"
-					:custom-label="(value) => formatProjectStatus(value)"
-					:searchable="false"
-					:close-on-select="true"
-					:show-labels="false"
-					:allow-empty="false"
-					:disabled="!hasPermission"
-				/>
-			</div>
-			<div class="button-group">
-				<button
-					type="button"
-					class="iconified-button brand-button"
-					:disabled="!hasChanges"
-					@click="saveChanges()"
-				>
-					<SaveIcon aria-hidden="true" />
-					Save changes
-				</button>
+				</div>
+				<div class="button-group">
+					<button
+						type="button"
+						class="iconified-button brand-button"
+						:disabled="!hasChanges"
+						@click="saveChanges()"
+					>
+						<SaveIcon aria-hidden="true" />
+						Save changes
+					</button>
+				</div>
 			</div>
 		</section>
 
@@ -248,6 +409,7 @@
 <script setup>
 import {
 	CheckIcon,
+	ImageIcon,
 	IssuesIcon,
 	SaveIcon,
 	TrashIcon,
@@ -256,11 +418,12 @@ import {
 	XIcon,
 } from '@modrinth/assets'
 import { MIN_SUMMARY_CHARS } from '@modrinth/moderation'
-import { Avatar, ConfirmModal, injectNotificationManager } from '@modrinth/ui'
+import { Avatar, ConfirmModal, DropdownSelect, injectNotificationManager } from '@modrinth/ui'
 import { formatProjectStatus, formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
 
 import FileInput from '~/components/ui/FileInput.vue'
+import { useFormattedCountries } from '~/composables/country.ts'
 import { useFeatureFlags } from '~/composables/featureFlags.ts'
 
 const { addNotification } = injectNotificationManager()
@@ -317,6 +480,19 @@ const visibility = ref(
 		: props.project.requested_status,
 )
 
+// Server project specific refs
+const bannerPreview = ref(null)
+const deletedBanner = ref(false)
+const bannerFile = ref(null)
+const javaAddress = ref(props.project.java_address ?? '')
+const javaPort = ref(props.project.java_port ?? 25565)
+const bedrockAddress = ref(props.project.bedrock_address ?? '')
+const bedrockPort = ref(props.project.bedrock_port ?? 19132)
+const serverVersion = ref(props.project.server_version ?? '')
+const serverCountry = ref(props.project.country ?? null)
+
+const countries = useFormattedCountries()
+
 const hasPermission = computed(() => {
 	const EDIT_DETAILS = 1 << 2
 	return (props.currentMember.permissions & EDIT_DETAILS) === EDIT_DETAILS
@@ -405,6 +581,25 @@ const showPreviewImage = (files) => {
 	}
 }
 
+const showBannerPreview = (files) => {
+	const file = files[0]
+	if (file) {
+		bannerFile.value = file
+		const reader = new FileReader()
+		reader.onload = (e) => {
+			bannerPreview.value = e.target.result
+		}
+		reader.readAsDataURL(file)
+		deletedBanner.value = false
+	}
+}
+
+const markBannerForDeletion = () => {
+	bannerPreview.value = null
+	bannerFile.value = null
+	deletedBanner.value = true
+}
+
 const deleteProject = async () => {
 	await useBaseFetch(`project/${props.project.id}`, {
 		method: 'DELETE',
@@ -467,10 +662,6 @@ svg {
 	max-width: 24rem;
 }
 
-.small-multiselect {
-	max-width: 15rem;
-}
-
 .button-group {
 	justify-content: flex-start;
 }
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
new file mode 100644
index 0000000000..4a8bed875e
--- /dev/null
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -0,0 +1,379 @@
+<template>
+	<NewModal ref="modal" :header="formatMessage(messages.title)" @hide="resetState">
+		<div class="flex flex-col gap-6 sm:w-[500px] max-w-[500px]">
+			<!-- Version Name -->
+			<div class="flex flex-col gap-2">
+				<label class="font-semibold text-contrast">
+					{{ formatMessage(messages.versionNumberLabel) }}
+					<span class="text-red">*</span>
+				</label>
+				<input
+					v-model="versionName"
+					type="text"
+					class="w-full"
+					:placeholder="formatMessage(messages.versionNumberPlaceholder)"
+				/>
+			</div>
+
+			<!-- Modded Content -->
+			<div class="flex flex-col gap-6">
+				<div class="flex flex-col gap-2">
+					<label class="font-semibold text-contrast">
+						{{ formatMessage(messages.moddedContentLabel) }}
+						<span class="text-red">*</span>
+					</label>
+					<Chips
+						v-model="contentType"
+						:items="contentTypeOptions"
+						:format-label="formatContentType"
+					/>
+				</div>
+
+				<!-- Published Modpack Selection -->
+				<div v-if="contentType === 'published'" class="flex flex-col gap-6">
+					<div class="flex flex-col gap-2">
+						<label class="font-semibold text-contrast">
+							{{ formatMessage(messages.projectLabel) }}
+							<span class="text-red">*</span>
+						</label>
+						<ProjectCombobox
+							ref="projectCombobox"
+							v-model="selectedProjectId"
+							:project-types="['modpack']"
+							:placeholder="formatMessage(messages.projectPlaceholder)"
+							:search-placeholder="formatMessage(messages.projectSearchPlaceholder)"
+							:loading-message="formatMessage(messages.loading)"
+							:no-results-message="formatMessage(messages.noResults)"
+						/>
+					</div>
+
+					<div v-if="selectedProjectId" class="flex flex-col gap-2">
+						<label class="font-semibold text-contrast">
+							{{ formatMessage(messages.versionLabel) }}
+							<span class="text-red">*</span>
+						</label>
+						<Combobox
+							v-model="selectedVersionId"
+							:placeholder="formatMessage(messages.versionPlaceholder)"
+							:options="versionOptions"
+							:searchable="true"
+							:search-placeholder="formatMessage(messages.versionSearchPlaceholder)"
+							:no-options-message="
+								versionsLoading
+									? formatMessage(messages.loading)
+									: formatMessage(messages.noResults)
+							"
+						/>
+					</div>
+				</div>
+
+				<!-- Custom Modpack Upload -->
+				<div v-else class="flex flex-col gap-4">
+					<DropzoneFileInput
+						:primary-prompt="formatMessage(messages.dropzonePrimary)"
+						:secondary-prompt="formatMessage(messages.dropzoneSecondary)"
+						accept=".zip,.mrpack"
+						@change="handleFileUpload"
+					/>
+
+					<div v-if="uploadedFile" class="flex items-center gap-2 text-primary">
+						<FileIcon class="h-4 w-4" />
+						<span>{{ uploadedFile.name }}</span>
+						<ButtonStyled type="transparent" size="small">
+							<button @click="clearUploadedFile">
+								<XIcon class="h-4 w-4" />
+							</button>
+						</ButtonStyled>
+					</div>
+
+					<Checkbox v-model="hasLicensePermission">
+						<span class="text-left text-primary max-w-[90%]">
+							{{ formatMessage(messages.licenseCheckbox) }}
+							<NuxtLink
+								to="https://support.modrinth.com/en/articles/8797527-obtaining-modpack-permissions"
+								external
+								target="_blank"
+								class="text-blue underline font-medium"
+							>
+								{{ formatMessage(messages.learnMore) }}
+							</NuxtLink>
+						</span>
+					</Checkbox>
+				</div>
+			</div>
+
+			<!-- Set as active/primary version -->
+			<div class="flex items-center gap-3">
+				<Toggle id="set-active-version" v-model="setAsActiveVersion" />
+				<label for="set-active-version" class="text-contrast cursor-pointer">
+					{{
+						contentType === 'published'
+							? formatMessage(messages.setActiveVersion)
+							: formatMessage(messages.setPrimaryVersion)
+					}}
+				</label>
+				<span
+					v-tooltip="formatMessage(messages.activeVersionTooltip)"
+					class="text-secondary cursor-help"
+				>
+					<InfoIcon class="h-4 w-4" />
+				</span>
+			</div>
+		</div>
+
+		<template #actions>
+			<div class="flex items-center justify-end gap-3">
+				<ButtonStyled>
+					<button @click="hide">
+						<XIcon />
+						{{ formatMessage(messages.cancel) }}
+					</button>
+				</ButtonStyled>
+				<ButtonStyled color="brand" :disabled="!canSubmit">
+					<button :disabled="!canSubmit" @click="handleSubmit">
+						<PlusIcon />
+						{{ formatMessage(messages.selectModpack) }}
+					</button>
+				</ButtonStyled>
+			</div>
+		</template>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import { FileIcon, InfoIcon, PlusIcon, XIcon } from '@modrinth/assets'
+import { computed, ref, watch } from 'vue'
+
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { injectModrinthClient, injectNotificationManager } from '../../providers'
+import ButtonStyled from '../base/ButtonStyled.vue'
+import Checkbox from '../base/Checkbox.vue'
+import Chips from '../base/Chips.vue'
+import type { ComboboxOption } from '../base/Combobox.vue'
+import Combobox from '../base/Combobox.vue'
+import DropzoneFileInput from '../base/DropzoneFileInput.vue'
+import Toggle from '../base/Toggle.vue'
+import NewModal from '../modal/NewModal.vue'
+import ProjectCombobox from './ProjectCombobox.vue'
+
+type ContentType = 'published' | 'custom'
+
+interface VersionInfo {
+	id: string
+	version_number: string
+	name: string
+}
+
+export interface CreateServerVersionData {
+	versionName: string
+	contentType: ContentType
+	// Published modpack data
+	projectId?: string
+	versionId?: string
+	// Custom modpack data
+	file?: File
+	hasLicensePermission?: boolean
+	// Common
+	setAsActiveVersion: boolean
+}
+
+const messages = defineMessages({
+	title: { id: 'create-version-modal.title', defaultMessage: 'Create new version' },
+	versionNumberLabel: {
+		id: 'create-version-modal.version-number-label',
+		defaultMessage: 'Version number',
+	},
+	versionNumberPlaceholder: {
+		id: 'create-version-modal.version-number-placeholder',
+		defaultMessage: 'Enter version number',
+	},
+	moddedContentLabel: {
+		id: 'create-version-modal.modded-content-label',
+		defaultMessage: 'Modded content',
+	},
+	publishedModpack: {
+		id: 'create-version-modal.published-modpack',
+		defaultMessage: 'Published modpack',
+	},
+	customModpack: { id: 'create-version-modal.custom-modpack', defaultMessage: 'Custom modpack' },
+	projectLabel: { id: 'create-version-modal.project-label', defaultMessage: 'Project' },
+	projectPlaceholder: {
+		id: 'create-version-modal.project-placeholder',
+		defaultMessage: 'Select project',
+	},
+	projectSearchPlaceholder: {
+		id: 'create-version-modal.project-search-placeholder',
+		defaultMessage: 'Search by name or paste ID...',
+	},
+	versionLabel: { id: 'create-version-modal.version-label', defaultMessage: 'Version' },
+	versionPlaceholder: {
+		id: 'create-version-modal.version-placeholder',
+		defaultMessage: 'Select version',
+	},
+	versionSearchPlaceholder: {
+		id: 'create-version-modal.version-search-placeholder',
+		defaultMessage: 'Search versions...',
+	},
+	dropzonePrimary: {
+		id: 'create-version-modal.dropzone-primary',
+		defaultMessage: 'Drag and drop files or click to browse',
+	},
+	dropzoneSecondary: {
+		id: 'create-version-modal.dropzone-secondary',
+		defaultMessage: 'You can try to drag files or folder or click this area to select it',
+	},
+	licenseCheckbox: {
+		id: 'create-version-modal.license-checkbox',
+		defaultMessage:
+			'Do you have the appropriate licenses to redistribute all content in this Modpack?',
+	},
+	learnMore: { id: 'create-version-modal.learn-more', defaultMessage: 'Learn more' },
+	setActiveVersion: {
+		id: 'create-version-modal.set-active-version',
+		defaultMessage: 'Set as the active version.',
+	},
+	setPrimaryVersion: {
+		id: 'create-version-modal.set-primary-version',
+		defaultMessage: 'Set as the primary version.',
+	},
+	activeVersionTooltip: {
+		id: 'create-version-modal.active-version-tooltip',
+		defaultMessage: 'This version will be used when players join the server.',
+	},
+	cancel: { id: 'create-version-modal.cancel', defaultMessage: 'Cancel' },
+	selectModpack: { id: 'create-version-modal.select-modpack', defaultMessage: 'Select modpack' },
+	loading: { id: 'create-version-modal.loading', defaultMessage: 'Loading...' },
+	noResults: { id: 'create-version-modal.no-results', defaultMessage: 'No results found' },
+})
+
+const { formatMessage } = useVIntl()
+
+const emit = defineEmits<{
+	submit: [data: CreateServerVersionData]
+}>()
+
+const { addNotification } = injectNotificationManager()
+const { labrinth } = injectModrinthClient()
+
+const modal = ref<InstanceType<typeof NewModal> | null>(null)
+const projectCombobox = ref<InstanceType<typeof ProjectCombobox> | null>(null)
+
+// Form state
+const versionName = ref('')
+const contentType = ref<ContentType>('published')
+const selectedProjectId = ref<string>('')
+const selectedVersionId = ref<string>('')
+const uploadedFile = ref<File | null>(null)
+const hasLicensePermission = ref(false)
+const setAsActiveVersion = ref(true)
+
+// Version loading state
+const versionsLoading = ref(false)
+const projectVersions = ref<VersionInfo[]>([])
+
+const contentTypeOptions: ContentType[] = ['published', 'custom']
+
+function formatContentType(type: ContentType): string {
+	return type === 'published'
+		? formatMessage(messages.publishedModpack)
+		: formatMessage(messages.customModpack)
+}
+
+const versionOptions = computed<ComboboxOption<string>[]>(() => {
+	return projectVersions.value.map((version) => ({
+		label: version.version_number,
+		value: version.id,
+	}))
+})
+
+const canSubmit = computed(() => {
+	if (!versionName.value.trim()) return false
+
+	if (contentType.value === 'published') {
+		return !!selectedProjectId.value && !!selectedVersionId.value
+	} else {
+		return !!uploadedFile.value && hasLicensePermission.value
+	}
+})
+
+// Watch for project selection changes to load versions
+watch(selectedProjectId, async (newProjectId) => {
+	selectedVersionId.value = ''
+	projectVersions.value = []
+
+	if (!newProjectId) return
+
+	versionsLoading.value = true
+	try {
+		const versions = await labrinth.versions_v3.getProjectVersions(newProjectId)
+		projectVersions.value = versions.map((v) => ({
+			id: v.id,
+			version_number: v.version_number,
+			name: v.name,
+		}))
+	} catch (error: unknown) {
+		const err = error as { data?: { description?: string } }
+		addNotification({
+			title: 'Failed to load versions',
+			text: err.data?.description || String(error),
+			type: 'error',
+		})
+	} finally {
+		versionsLoading.value = false
+	}
+})
+
+function handleFileUpload(files: File[]) {
+	if (files.length > 0) {
+		uploadedFile.value = files[0]
+	}
+}
+
+function clearUploadedFile() {
+	uploadedFile.value = null
+}
+
+function resetState() {
+	versionName.value = ''
+	contentType.value = 'published'
+	selectedProjectId.value = ''
+	selectedVersionId.value = ''
+	uploadedFile.value = null
+	hasLicensePermission.value = false
+	setAsActiveVersion.value = true
+	projectVersions.value = []
+}
+
+function handleSubmit() {
+	if (!canSubmit.value) return
+
+	const data: CreateServerVersionData = {
+		versionName: versionName.value.trim(),
+		contentType: contentType.value,
+		setAsActiveVersion: setAsActiveVersion.value,
+	}
+
+	if (contentType.value === 'published') {
+		data.projectId = selectedProjectId.value
+		data.versionId = selectedVersionId.value
+	} else {
+		data.file = uploadedFile.value || undefined
+		data.hasLicensePermission = hasLicensePermission.value
+	}
+
+	emit('submit', data)
+}
+
+function show(event?: MouseEvent) {
+	modal.value?.show(event)
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+defineExpose({
+	show,
+	hide,
+})
+</script>
diff --git a/packages/ui/src/components/project/ProjectCombobox.vue b/packages/ui/src/components/project/ProjectCombobox.vue
new file mode 100644
index 0000000000..4598924d00
--- /dev/null
+++ b/packages/ui/src/components/project/ProjectCombobox.vue
@@ -0,0 +1,202 @@
+<template>
+	<Combobox
+		v-model="projectId"
+		:placeholder="placeholder"
+		:options="options"
+		:searchable="true"
+		:search-placeholder="searchPlaceholder"
+		:no-options-message="searchLoading ? loadingMessage : noResultsMessage"
+		:disable-search-filter="true"
+		:disabled="disabled"
+		@search-input="(query) => handleSearch(query)"
+	>
+		<template v-if="selectedProject" #selected>
+			<div class="flex items-center gap-2">
+				<img
+					v-if="selectedProject.icon_url"
+					:src="selectedProject.icon_url"
+					:alt="selectedProject.title"
+					class="h-5 w-5 rounded"
+				/>
+				<span>{{ selectedProject.title }}</span>
+			</div>
+		</template>
+	</Combobox>
+</template>
+
+<script lang="ts" setup>
+import { useDebounceFn } from '@vueuse/core'
+import { defineAsyncComponent, h, ref, watch } from 'vue'
+import type { ComboboxOption } from '../base/Combobox.vue'
+
+import { injectModrinthClient, injectNotificationManager } from '../../providers'
+import Combobox from '../base/Combobox.vue'
+
+export type ProjectType =
+	| 'mod'
+	| 'modpack'
+	| 'resourcepack'
+	| 'shader'
+	| 'datapack'
+	| 'plugin'
+	| 'server'
+
+interface SearchHit {
+	project_id: string
+	title: string
+	icon_url?: string
+	project_type: string
+	slug: string
+}
+
+const props = withDefaults(
+	defineProps<{
+		/** Filter by project types */
+		projectTypes?: ProjectType[]
+		/** Placeholder text for the combobox */
+		placeholder?: string
+		/** Placeholder text for the search input */
+		searchPlaceholder?: string
+		/** Message shown when loading */
+		loadingMessage?: string
+		/** Message shown when no results found */
+		noResultsMessage?: string
+		/** Whether the combobox is disabled */
+		disabled?: boolean
+		/** Maximum number of results to show */
+		limit?: number
+	}>(),
+	{
+		projectTypes: () => ['modpack'],
+		placeholder: 'Select project',
+		searchPlaceholder: 'Search by name or paste ID...',
+		loadingMessage: 'Loading...',
+		noResultsMessage: 'No results found',
+		disabled: false,
+		limit: 20,
+	},
+)
+
+const { addNotification } = injectNotificationManager()
+const projectId = defineModel<string>()
+
+const searchLoading = ref(false)
+const options = ref<ComboboxOption<string>[]>([])
+const selectedProject = ref<SearchHit | null>(null)
+const searchResultsCache = ref<Map<string, SearchHit>>(new Map())
+
+const { labrinth } = injectModrinthClient()
+
+// Watch for external changes to projectId to update selectedProject
+watch(
+	projectId,
+	async (newId) => {
+		if (!newId) {
+			selectedProject.value = null
+			return
+		}
+
+		// Check cache first
+		if (searchResultsCache.value.has(newId)) {
+			selectedProject.value = searchResultsCache.value.get(newId) || null
+			return
+		}
+
+		// Fetch project info if not in cache
+		try {
+			const project = await labrinth.projects_v2.get(newId)
+			if (project) {
+				const hit: SearchHit = {
+					project_id: project.id,
+					title: project.title,
+					icon_url: project.icon_url ?? undefined,
+					project_type: project.project_type,
+					slug: project.slug,
+				}
+				searchResultsCache.value.set(project.id, hit)
+				selectedProject.value = hit
+			}
+		} catch {
+			// If we can't fetch, just clear the selection display
+			selectedProject.value = null
+		}
+	},
+	{ immediate: true },
+)
+
+const search = async (query: string) => {
+	query = query.trim()
+	if (!query) {
+		searchLoading.value = false
+		options.value = []
+		return
+	}
+
+	try {
+		// Build facets for project types
+		const projectTypeFacets = props.projectTypes.map((type) => `project_type:${type}`)
+
+		const results = await labrinth.projects_v2.search({
+			query: query,
+			limit: props.limit,
+			facets: [projectTypeFacets],
+		})
+
+		// Also search by project ID
+		const resultsByProjectId = await labrinth.projects_v2.search({
+			query: '',
+			limit: props.limit,
+			facets: [[`project_id:${query.replace(/[^a-zA-Z0-9]/g, '')}`]],
+		})
+
+		// Combine results and dedupe
+		const allHits = [...resultsByProjectId.hits, ...results.hits]
+		const seenIds = new Set<string>()
+		const uniqueHits: SearchHit[] = []
+
+		for (const hit of allHits) {
+			if (!seenIds.has(hit.project_id)) {
+				seenIds.add(hit.project_id)
+				uniqueHits.push(hit)
+				// Cache the hit for later lookup
+				searchResultsCache.value.set(hit.project_id, hit)
+			}
+		}
+
+		options.value = uniqueHits.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: unknown) {
+		const err = error as { data?: { description?: string } }
+		addNotification({
+			title: 'An error occurred',
+			text: err.data ? err.data.description : String(error),
+			type: 'error',
+		})
+	}
+	searchLoading.value = false
+}
+
+const throttledSearch = useDebounceFn(search, 500)
+
+const handleSearch = async (query: string) => {
+	searchLoading.value = true
+	await throttledSearch(query)
+}
+
+// Expose selected project for parent components
+defineExpose({
+	selectedProject,
+})
+</script>
diff --git a/packages/ui/src/components/project/index.ts b/packages/ui/src/components/project/index.ts
index 0b3418f6ea..5460fe4e31 100644
--- a/packages/ui/src/components/project/index.ts
+++ b/packages/ui/src/components/project/index.ts
@@ -2,8 +2,11 @@
 export * from './settings'
 
 // Other
+export { default as CreateServerVersionModal } from './CreateServerVersionModal.vue'
+export type { CreateServerVersionData } from './CreateServerVersionModal.vue'
 export { default as NewProjectCard } from './NewProjectCard.vue'
 export { default as ProjectBackgroundGradient } from './ProjectBackgroundGradient.vue'
+export { default as ProjectCombobox } from './ProjectCombobox.vue'
 export { default as ProjectHeader } from './ProjectHeader.vue'
 export { default as ProjectPageDescription } from './ProjectPageDescription.vue'
 export { default as ProjectPageVersions } from './ProjectPageVersions.vue'

From 765e3fba0eee896cb132fddefad95e5aa21ffbec Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 16 Jan 2026 11:40:54 -0700
Subject: [PATCH 011/178] update links page

---
 .../src/pages/[type]/[id]/settings/links.vue  | 93 ++++++++++++++++++-
 1 file changed, 92 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index fd6f23cf4d..e4d018ec36 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -1,6 +1,65 @@
 <template>
 	<div>
-		<section class="universal-card">
+		<!-- Server Project Links -->
+		<section v-if="flags.serverProjectSettings" class="universal-card">
+			<h2>Links</h2>
+			<div class="adjacent-input">
+				<label id="server-website" title="Your server's website.">
+					<span class="label__title">Website</span>
+					<span class="label__description">Your server's official website.</span>
+				</label>
+				<input
+					id="server-website"
+					v-model="websiteUrl"
+					type="url"
+					placeholder="Enter a valid URL"
+					maxlength="2048"
+					:disabled="!hasPermission"
+				/>
+			</div>
+			<div class="adjacent-input">
+				<label id="server-store" title="Your server's store page.">
+					<span class="label__title">Store</span>
+					<span class="label__description">A link to your server's store or shop.</span>
+				</label>
+				<input
+					id="server-store"
+					v-model="storeUrl"
+					type="url"
+					placeholder="Enter a valid URL"
+					maxlength="2048"
+					:disabled="!hasPermission"
+				/>
+			</div>
+			<div class="adjacent-input">
+				<label id="server-discord" title="An invitation link to your Discord server.">
+					<span class="label__title">Discord</span>
+					<span class="label__description">An invitation link to your Discord server.</span>
+				</label>
+				<input
+					id="server-discord"
+					v-model="serverDiscordUrl"
+					type="url"
+					placeholder="Enter a valid URL"
+					maxlength="2048"
+					:disabled="!hasPermission"
+				/>
+			</div>
+			<div class="button-group">
+				<button
+					type="button"
+					class="iconified-button brand-button"
+					:disabled="!hasServerChanges"
+					@click="saveServerChanges()"
+				>
+					<SaveIcon />
+					Save changes
+				</button>
+			</div>
+		</section>
+
+		<!-- Standard Project Links -->
+		<section v-if="!flags.serverProjectSettings" class="universal-card">
 			<h2>External links</h2>
 			<div class="adjacent-input">
 				<label
@@ -177,6 +236,7 @@ import { commonLinkDomains, isCommonUrl, isDiscordUrl, isLinkShortener } from '@
 import { DropdownSelect } from '@modrinth/ui'
 
 const tags = useGeneratedState()
+const flags = useFeatureFlags()
 
 const props = defineProps({
 	project: {
@@ -204,6 +264,11 @@ const sourceUrl = ref(props.project.source_url)
 const wikiUrl = ref(props.project.wiki_url)
 const discordUrl = ref(props.project.discord_url)
 
+// Server project links
+const websiteUrl = ref(props.project.wiki_url) // TODO: Map to actual server website field
+const storeUrl = ref(props.project.issues_url) // TODO: Map to actual server store field
+const serverDiscordUrl = ref(props.project.discord_url)
+
 const isIssuesUrlCommon = computed(() => {
 	if (!issuesUrl.value || issuesUrl.value.trim().length === 0) return true
 	return isCommonUrl(issuesUrl.value, commonLinkDomains.issues)
@@ -300,6 +365,32 @@ const hasChanges = computed(() => {
 	return Object.keys(patchData.value).length > 0
 })
 
+// Server project links
+const serverPatchData = computed(() => {
+	const data = {}
+	// TODO: Map to actual server fields when API is ready
+	if (checkDifference(websiteUrl.value, props.project.wiki_url)) {
+		data.wiki_url = websiteUrl.value === '' ? null : websiteUrl.value.trim()
+	}
+	if (checkDifference(storeUrl.value, props.project.issues_url)) {
+		data.issues_url = storeUrl.value === '' ? null : storeUrl.value.trim()
+	}
+	if (checkDifference(serverDiscordUrl.value, props.project.discord_url)) {
+		data.discord_url = serverDiscordUrl.value === '' ? null : serverDiscordUrl.value.trim()
+	}
+	return data
+})
+
+const hasServerChanges = computed(() => {
+	return Object.keys(serverPatchData.value).length > 0
+})
+
+async function saveServerChanges() {
+	if (serverPatchData.value) {
+		await props.patchProject(serverPatchData.value)
+	}
+}
+
 async function saveChanges() {
 	if (patchData.value && (await props.patchProject(patchData.value))) {
 		donationLinks.value = JSON.parse(JSON.stringify(props.project.donation_urls))

From b54276fb1099e2621d8c4beb53531d636832fea3 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Mon, 19 Jan 2026 09:32:31 +0000
Subject: [PATCH 012/178] feat: add ContentModpackCard

---
 packages/ui/.storybook/preview.ts             |  13 +
 .../src/components/instances/ContentCard.vue  |   2 +-
 .../instances/ContentModpackCard.vue          | 188 ++++++
 packages/ui/src/components/instances/index.ts |   7 +
 .../instances/ContentModpackCard.stories.ts   | 613 ++++++++++++++++++
 5 files changed, 822 insertions(+), 1 deletion(-)
 create mode 100644 packages/ui/src/components/instances/ContentModpackCard.vue
 create mode 100644 packages/ui/src/stories/instances/ContentModpackCard.stories.ts

diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
index 2c3f329bcb..94762fffb8 100644
--- a/packages/ui/.storybook/preview.ts
+++ b/packages/ui/.storybook/preview.ts
@@ -17,6 +17,8 @@ import {
 } from '../src/composables/i18n'
 import {
 	AbstractWebNotificationManager,
+	I18N_INJECTION_KEY,
+	type I18nContext,
 	type NotificationPanelLocation,
 	provideNotificationManager,
 	type WebNotification,
@@ -77,6 +79,17 @@ class StorybookNotificationManager extends AbstractWebNotificationManager {
 
 setup((app) => {
 	app.use(i18n)
+
+	// Provide the custom I18nContext for components using injectI18n()
+	const i18nContext: I18nContext = {
+		locale: i18n.global.locale,
+		t: (key, values) => i18n.global.t(key, values ?? {}) as string,
+		setLocale: (newLocale) => {
+			i18n.global.locale.value = newLocale
+		},
+	}
+	app.provide(I18N_INJECTION_KEY, i18nContext)
+
 	app.use(FloatingVue, {
 		themes: {
 			'ribbit-popout': {
diff --git a/packages/ui/src/components/instances/ContentCard.vue b/packages/ui/src/components/instances/ContentCard.vue
index 9a2823079a..6389ea9d5a 100644
--- a/packages/ui/src/components/instances/ContentCard.vue
+++ b/packages/ui/src/components/instances/ContentCard.vue
@@ -106,7 +106,7 @@ const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
 			<Toggle
 				v-if="enabled !== undefined"
 				:model-value="enabled"
-				@update:model-value="(val) => emit('update:enabled', val)"
+				@update:model-value="(val) => emit('update:enabled', val as boolean)"
 			/>
 
 			<ButtonStyled v-if="hasDeleteListener" circular type="transparent">
diff --git a/packages/ui/src/components/instances/ContentModpackCard.vue b/packages/ui/src/components/instances/ContentModpackCard.vue
new file mode 100644
index 0000000000..91f0d16741
--- /dev/null
+++ b/packages/ui/src/components/instances/ContentModpackCard.vue
@@ -0,0 +1,188 @@
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import {
+	ClockIcon,
+	DownloadIcon,
+	HeartIcon,
+	MoreVerticalIcon,
+	OrganizationIcon,
+	UnlinkIcon,
+} from '@modrinth/assets'
+import { computed, getCurrentInstance } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
+
+import { useRelativeTime } from '../../composables/how-ago'
+import AutoLink from '../base/AutoLink.vue'
+import Avatar from '../base/Avatar.vue'
+import BulletDivider from '../base/BulletDivider.vue'
+import ButtonStyled from '../base/ButtonStyled.vue'
+import OverflowMenu, { type Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
+import TagItem from '../base/TagItem.vue'
+
+export type ContentModpackCardProject = Pick<
+	Labrinth.Projects.v2.Project,
+	'id' | 'slug' | 'title' | 'icon_url' | 'description' | 'downloads' | 'followers'
+>
+
+export type ContentModpackCardVersion = Pick<
+	Labrinth.Versions.v2.Version,
+	'id' | 'version_number' | 'date_published'
+>
+
+export interface ContentModpackCardOwner {
+	id: string
+	name: string
+	avatar_url?: string
+	type: 'user' | 'organization'
+	link?: string | RouteLocationRaw
+}
+
+export interface ContentModpackCardCategory {
+	name: string
+	action?: (event: MouseEvent) => void
+}
+
+interface Props {
+	project: ContentModpackCardProject
+	projectLink?: string | RouteLocationRaw
+	version?: ContentModpackCardVersion
+	owner?: ContentModpackCardOwner
+	categories?: ContentModpackCardCategory[]
+	disabled?: boolean
+	overflowOptions?: OverflowMenuOption[]
+}
+
+withDefaults(defineProps<Props>(), {
+	projectLink: undefined,
+	version: undefined,
+	owner: undefined,
+	categories: undefined,
+	disabled: false,
+	overflowOptions: undefined,
+})
+
+const emit = defineEmits<{
+	update: []
+	content: []
+	unlink: []
+}>()
+
+const instance = getCurrentInstance()
+const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
+const hasContentListener = computed(() => !!instance?.vnode.props?.onContent)
+const hasUnlinkListener = computed(() => !!instance?.vnode.props?.onUnlink)
+
+const formatTimeAgo = useRelativeTime()
+
+const formatCompact = (n: number | undefined) => {
+	if (n === undefined) return ''
+	return new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 2 }).format(n)
+}
+</script>
+
+<template>
+	<div
+		class="flex flex-col gap-4 rounded-[20px] bg-bg-raised p-6 shadow-md"
+		:class="{ 'opacity-50': disabled }"
+	>
+		<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
+			<div class="flex flex-col gap-4 sm:flex-row sm:items-center">
+				<Avatar
+					:src="project.icon_url"
+					:alt="project.title"
+					size="5rem"
+					no-shadow
+					raised
+					class="shrink-0"
+				/>
+				<div class="flex flex-col gap-1.5">
+					<AutoLink
+						:to="projectLink"
+						class="text-2xl font-semibold leading-8 text-contrast hover:underline"
+					>
+						{{ project.title }}
+					</AutoLink>
+					<div class="flex flex-wrap items-center gap-2 text-secondary">
+						<template v-if="owner">
+							<AutoLink :to="owner.link" class="flex items-center gap-1.5 hover:underline">
+								<Avatar
+									:src="owner.avatar_url"
+									:alt="owner.name"
+									size="2rem"
+									:circle="owner.type === 'user'"
+									no-shadow
+								/>
+								<OrganizationIcon v-if="owner.type === 'organization'" class="size-4" />
+								<span class="font-medium">{{ owner.name }}</span>
+							</AutoLink>
+						</template>
+						<template v-if="owner && version">
+							<BulletDivider />
+						</template>
+						<template v-if="version">
+							<span class="font-medium">v{{ version.version_number }}</span>
+						</template>
+						<template v-if="version?.date_published">
+							<BulletDivider />
+							<div class="flex items-center gap-2">
+								<ClockIcon class="size-5" />
+								<span>{{ formatTimeAgo(new Date(version.date_published)) }}</span>
+							</div>
+						</template>
+					</div>
+				</div>
+			</div>
+
+			<div class="flex shrink-0 items-center gap-2">
+				<ButtonStyled v-if="hasUpdateListener" type="transparent" color="green" color-fill="text">
+					<button class="flex items-center gap-2" @click="emit('update')">
+						<DownloadIcon class="!text-green size-5" />
+						<span class="font-semibold">Update</span>
+					</button>
+				</ButtonStyled>
+
+				<ButtonStyled v-if="hasContentListener">
+					<button class="!shadow-none" @click="emit('content')">Content</button>
+				</ButtonStyled>
+
+				<ButtonStyled v-if="hasUnlinkListener" circular type="outlined">
+					<button
+						v-tooltip="'Unlink modpack'"
+						class="!border-surface-4 !border-[1px]"
+						@click="emit('unlink')"
+					>
+						<UnlinkIcon class="size-5" />
+					</button>
+				</ButtonStyled>
+
+				<ButtonStyled v-if="overflowOptions?.length" circular type="transparent">
+					<OverflowMenu :options="overflowOptions">
+						<MoreVerticalIcon class="size-5" />
+					</OverflowMenu>
+				</ButtonStyled>
+			</div>
+		</div>
+
+		<span v-if="project.description" class="text-secondary">
+			{{ project.description }}
+		</span>
+
+		<div class="flex flex-wrap items-center gap-3">
+			<div v-if="project.downloads !== undefined" class="flex items-center gap-2 text-secondary">
+				<DownloadIcon class="size-5" />
+				<span class="font-medium">{{ formatCompact(project.downloads) }}</span>
+			</div>
+
+			<div v-if="project.followers !== undefined" class="flex items-center gap-2 text-secondary">
+				<HeartIcon class="size-5" />
+				<span class="font-medium">{{ formatCompact(project.followers) }}</span>
+			</div>
+
+			<div v-if="categories?.length" class="flex flex-wrap gap-2">
+				<TagItem v-for="cat in categories" :key="cat.name" :action="cat.action">
+					{{ cat.name }}
+				</TagItem>
+			</div>
+		</div>
+	</div>
+</template>
diff --git a/packages/ui/src/components/instances/index.ts b/packages/ui/src/components/instances/index.ts
index 7d9dd736a3..4401ca4322 100644
--- a/packages/ui/src/components/instances/index.ts
+++ b/packages/ui/src/components/instances/index.ts
@@ -1,2 +1,9 @@
 export type { ContentCardOwner, ContentCardProject, ContentCardVersion } from './ContentCard.vue'
 export { default as ContentCard } from './ContentCard.vue'
+export type {
+	ContentModpackCardCategory,
+	ContentModpackCardOwner,
+	ContentModpackCardProject,
+	ContentModpackCardVersion,
+} from './ContentModpackCard.vue'
+export { default as ContentModpackCard } from './ContentModpackCard.vue'
diff --git a/packages/ui/src/stories/instances/ContentModpackCard.stories.ts b/packages/ui/src/stories/instances/ContentModpackCard.stories.ts
new file mode 100644
index 0000000000..6f27e7cf6f
--- /dev/null
+++ b/packages/ui/src/stories/instances/ContentModpackCard.stories.ts
@@ -0,0 +1,613 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import { fn } from 'storybook/test'
+import { ref } from 'vue'
+
+import ContentCard from '../../components/instances/ContentCard.vue'
+import type {
+	ContentModpackCardCategory,
+	ContentModpackCardOwner,
+	ContentModpackCardProject,
+	ContentModpackCardVersion,
+} from '../../components/instances/ContentModpackCard.vue'
+import ContentModpackCard from '../../components/instances/ContentModpackCard.vue'
+import NewModal from '../../components/modal/NewModal.vue'
+
+// Real project data from Modrinth API
+const fabulouslyOptimizedProject: ContentModpackCardProject = {
+	id: '1KVo5zza',
+	slug: 'fabulously-optimized',
+	title: 'Fabulously Optimized',
+	icon_url:
+		'https://cdn.modrinth.com/data/1KVo5zza/9f1ded4949c2a9db5ca382d3bcc912c7245486b4_96.webp',
+	description:
+		'Beautiful graphics, speedy performance and familiar features in a simple package. 1.21.11 beta!',
+	downloads: 8708191,
+	followers: 3762,
+}
+
+const cobblemonProject: ContentModpackCardProject = {
+	id: '5FFgwNNP',
+	slug: 'cobblemon-fabric',
+	title: 'Cobblemon Official Modpack [Fabric]',
+	icon_url: 'https://cdn.modrinth.com/data/5FFgwNNP/e7f9ee2e9d361623847853fe2ddce42f519ee64f.png',
+	description: 'The official modpack of the Cobblemon mod, for Fabric!',
+	downloads: 4940845,
+	followers: 2051,
+}
+
+const simplyOptimizedProject: ContentModpackCardProject = {
+	id: 'BYfVnHa7',
+	slug: 'sop',
+	title: 'Simply Optimized',
+	icon_url: 'https://cdn.modrinth.com/data/BYfVnHa7/845e93223da7e8d1ed1a33364b5bdb4c316ac518.png',
+	description:
+		'The leading, well-researched optimization modpack with a focus on pure performance.',
+	downloads: 2903242,
+	followers: 1387,
+}
+
+// Version data from Modrinth API
+const fabulouslyOptimizedVersion: ContentModpackCardVersion = {
+	id: 'YEEXo8mO',
+	version_number: '1.12.1',
+	date_published: '2022-02-10T06:53:28.379507Z',
+}
+
+const cobblemonVersion: ContentModpackCardVersion = {
+	id: 'bpaivauC',
+	version_number: '1.5.2',
+	date_published: '2024-05-27T07:12:36.043005Z',
+}
+
+// Owner data from Modrinth API
+const userOwner: ContentModpackCardOwner = {
+	id: '2avTeeAE',
+	name: 'robotkoer',
+	avatar_url: 'https://cdn.modrinth.com/user/2avTeeAE/icon.png',
+	type: 'user',
+}
+
+const cobblemonOwner: ContentModpackCardOwner = {
+	id: 'AEFONbAM',
+	name: 'Reisen',
+	avatar_url:
+		'https://cdn.modrinth.com/user/AEFONbAM/9e97453507a8245981d5cd825280f23be44f15ac.jpeg',
+	type: 'user',
+}
+
+// Categories
+const optimizationCategories: ContentModpackCardCategory[] = [
+	{ name: 'Fabric' },
+	{ name: 'Lightweight' },
+	{ name: 'Multiplayer' },
+	{ name: 'Optimization' },
+]
+
+const cobblemonCategories: ContentModpackCardCategory[] = [
+	{ name: 'Adventure' },
+	{ name: 'Fabric' },
+	{ name: 'Lightweight' },
+	{ name: 'Multiplayer' },
+]
+
+const meta = {
+	title: 'Instances/ContentModpackCard',
+	component: ContentModpackCard,
+	parameters: {
+		layout: 'padded',
+	},
+	argTypes: {
+		project: {
+			control: 'object',
+			description:
+				'Project information (id, slug, title, icon_url, description, downloads, followers)',
+		},
+		version: {
+			control: 'object',
+			description: 'Version information (id, version_number, date_published)',
+		},
+		owner: {
+			control: 'object',
+			description: 'Owner/author information (user or organization)',
+		},
+		categories: {
+			control: 'object',
+			description: 'Category tags with optional click actions',
+		},
+		disabled: {
+			control: 'boolean',
+			description: 'Grays out the card when true',
+		},
+		overflowOptions: {
+			control: 'object',
+			description: 'Options for the overflow menu',
+		},
+	},
+} satisfies Meta<typeof ContentModpackCard>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+// ============================================
+// All Types Overview
+// ============================================
+
+export const AllTypes: Story = {
+	args: {
+		project: fabulouslyOptimizedProject,
+	},
+	render: () => ({
+		components: { ContentModpackCard },
+		setup() {
+			const cards = [
+				{
+					label: 'Full featured (all actions)',
+					project: fabulouslyOptimizedProject,
+					version: fabulouslyOptimizedVersion,
+					owner: userOwner,
+					categories: optimizationCategories,
+					hasUpdate: true,
+					hasContent: true,
+					hasUnlink: true,
+				},
+				{
+					label: 'With update available only',
+					project: cobblemonProject,
+					version: cobblemonVersion,
+					owner: cobblemonOwner,
+					categories: cobblemonCategories,
+					hasUpdate: true,
+				},
+				{
+					label: 'With content button only',
+					project: simplyOptimizedProject,
+					version: fabulouslyOptimizedVersion,
+					owner: userOwner,
+					hasContent: true,
+				},
+				{
+					label: 'Minimal (project only)',
+					project: fabulouslyOptimizedProject,
+				},
+				{
+					label: 'With version info only',
+					project: cobblemonProject,
+					version: cobblemonVersion,
+				},
+				{
+					label: 'With owner only',
+					project: simplyOptimizedProject,
+					owner: userOwner,
+				},
+				{
+					label: 'Disabled state',
+					project: fabulouslyOptimizedProject,
+					version: fabulouslyOptimizedVersion,
+					owner: userOwner,
+					categories: optimizationCategories,
+					disabled: true,
+				},
+			]
+
+			return { cards }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-6">
+				<template v-for="card in cards" :key="card.label">
+					<h3 class="text-sm font-medium text-secondary">{{ card.label }}</h3>
+					<ContentModpackCard
+						:project="card.project"
+						:version="card.version"
+						:owner="card.owner"
+						:categories="card.categories"
+						:disabled="card.disabled"
+						@update="card.hasUpdate ? () => {} : undefined"
+						@content="card.hasContent ? () => {} : undefined"
+						@unlink="card.hasUnlink ? () => {} : undefined"
+					/>
+				</template>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// Basic Stories
+// ============================================
+
+export const Default: Story = {
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+		onUpdate: fn(),
+		onContent: fn(),
+		onUnlink: fn(),
+	},
+}
+
+export const MinimalProjectOnly: Story = {
+	args: {
+		project: cobblemonProject,
+	},
+}
+
+export const WithVersion: Story = {
+	args: {
+		project: simplyOptimizedProject,
+		version: fabulouslyOptimizedVersion,
+	},
+}
+
+export const WithUserOwner: Story = {
+	args: {
+		project: simplyOptimizedProject,
+		version: fabulouslyOptimizedVersion,
+		owner: userOwner,
+		categories: [{ name: 'Adventure' }],
+	},
+}
+
+export const WithOrganizationOwner: Story = {
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+	},
+}
+
+// ============================================
+// Action Button Stories
+// ============================================
+
+export const WithUpdateButton: Story = {
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+		onUpdate: fn(),
+	},
+}
+
+export const WithContentButton: Story = {
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+		onContent: fn(),
+	},
+}
+
+export const WithUnlinkButton: Story = {
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+		onUnlink: fn(),
+	},
+}
+
+export const WithAllActions: Story = {
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+		onUpdate: fn(),
+		onContent: fn(),
+		onUnlink: fn(),
+		overflowOptions: [
+			{ id: 'view', action: () => console.log('View') },
+			{ id: 'settings', action: () => console.log('Settings') },
+			{ divider: true },
+			{ id: 'remove', action: () => console.log('Remove'), color: 'red' },
+		],
+	},
+}
+
+// ============================================
+// State Stories
+// ============================================
+
+export const Disabled: Story = {
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+		disabled: true,
+	},
+}
+
+export const LongTitle: Story = {
+	args: {
+		project: {
+			...cobblemonProject,
+			title: 'Super Long Modpack Title That Should Display Properly On All Screen Sizes',
+			description:
+				'This is an extremely long description that should wrap properly and not break the layout. It contains lots of information about what this modpack includes and what makes it special compared to other modpacks available on the platform.',
+		},
+		version: cobblemonVersion,
+		owner: {
+			...userOwner,
+			name: 'Really Long Organization Name Studios',
+		},
+		categories: [
+			{ name: 'Adventure' },
+			{ name: 'Technology' },
+			{ name: 'Magic' },
+			{ name: 'Exploration' },
+			{ name: 'Multiplayer' },
+		],
+		onUpdate: fn(),
+		onContent: fn(),
+	},
+}
+
+export const NoDescription: Story = {
+	args: {
+		project: {
+			...cobblemonProject,
+			description: undefined,
+		},
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+	},
+}
+
+export const NoStats: Story = {
+	args: {
+		project: {
+			...cobblemonProject,
+			downloads: undefined,
+			followers: undefined,
+		},
+		version: cobblemonVersion,
+		owner: userOwner,
+	},
+}
+
+// ============================================
+// Categories Stories
+// ============================================
+
+export const WithClickableCategories: Story = {
+	render: (args) => ({
+		components: { ContentModpackCard },
+		setup() {
+			const clickedCategory = ref<string | null>(null)
+			const categories: ContentModpackCardCategory[] = [
+				{ name: 'Adventure', action: () => (clickedCategory.value = 'Adventure') },
+				{ name: 'Lightweight', action: () => (clickedCategory.value = 'Lightweight') },
+				{ name: 'Multiplayer', action: () => (clickedCategory.value = 'Multiplayer') },
+			]
+			return { args, categories, clickedCategory }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<ContentModpackCard
+					:project="args.project"
+					:version="args.version"
+					:owner="args.owner"
+					:categories="categories"
+				/>
+				<div class="text-sm text-secondary">
+					Clicked category: <strong>{{ clickedCategory || 'None' }}</strong>
+				</div>
+			</div>
+		`,
+	}),
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+	},
+}
+
+// ============================================
+// Overflow Menu Stories
+// ============================================
+
+export const WithOverflowMenu: Story = {
+	render: (args) => ({
+		components: { ContentModpackCard },
+		setup() {
+			return { args }
+		},
+		template: /*html*/ `
+			<ContentModpackCard v-bind="args">
+				<template #view>View on Modrinth</template>
+				<template #settings>Settings</template>
+				<template #remove>Remove modpack</template>
+			</ContentModpackCard>
+		`,
+	}),
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+		overflowOptions: [
+			{ id: 'view', action: () => console.log('View') },
+			{ id: 'settings', action: () => console.log('Settings') },
+			{ divider: true },
+			{ id: 'remove', action: () => console.log('Remove'), color: 'red' },
+		],
+	},
+}
+
+// ============================================
+// Interactive Stories
+// ============================================
+
+export const WithContentModal: Story = {
+	args: {
+		project: cobblemonProject,
+	},
+	render: () => ({
+		components: { ContentModpackCard, NewModal, ContentCard },
+		setup() {
+			const modalRef = ref<InstanceType<typeof NewModal> | null>(null)
+			const modpackContent = [
+				{
+					project: {
+						id: '1',
+						slug: 'sodium',
+						title: 'Sodium',
+						icon_url:
+							'https://cdn.modrinth.com/data/AANobbMI/295862f4724dc3f78df3447ad6072b2dcd3ef0c9_96.webp',
+					},
+					version: { id: 'v1', version_number: '0.8.2', file_name: 'sodium-fabric-0.8.2.jar' },
+				},
+				{
+					project: {
+						id: '2',
+						slug: 'modmenu',
+						title: 'Mod Menu',
+						icon_url:
+							'https://cdn.modrinth.com/data/mOgUt4GM/5a20ed1450a0e1e79a1fe04e61bb4e5878bf1d20.png',
+					},
+					version: { id: 'v2', version_number: '16.0.0', file_name: 'modmenu-16.0.0.jar' },
+				},
+				{
+					project: {
+						id: '3',
+						slug: 'fabric-api',
+						title: 'Fabric API',
+						icon_url: 'https://cdn.modrinth.com/data/P7dR8mSH/icon.png',
+					},
+					version: { id: 'v3', version_number: '0.141.3', file_name: 'fabric-api-0.141.3.jar' },
+				},
+			]
+
+			return {
+				cobblemonProject,
+				cobblemonVersion,
+				userOwner,
+				optimizationCategories,
+				modalRef,
+				modpackContent,
+			}
+		},
+		template: /*html*/ `
+			<div>
+				<ContentModpackCard
+					:project="cobblemonProject"
+					:version="cobblemonVersion"
+					:owner="userOwner"
+					:categories="optimizationCategories"
+					@content="modalRef?.show()"
+					@update="() => alert('Update clicked')"
+				/>
+				<NewModal ref="modalRef" header="Modpack Content">
+					<div class="flex flex-col gap-4">
+						<ContentCard
+							v-for="item in modpackContent"
+							:key="item.project.id"
+							:project="item.project"
+							:version="item.version"
+						/>
+					</div>
+				</NewModal>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// Responsive Stories
+// ============================================
+
+export const ResponsiveView: Story = {
+	args: {
+		project: cobblemonProject,
+	},
+	render: () => ({
+		components: { ContentModpackCard },
+		setup() {
+			return {
+				cobblemonProject,
+				cobblemonVersion,
+				userOwner,
+				optimizationCategories,
+			}
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-8">
+				<div>
+					<h3 class="text-sm font-medium text-secondary mb-2">Desktop (full width)</h3>
+					<div class="w-full">
+						<ContentModpackCard
+							:project="cobblemonProject"
+							:version="cobblemonVersion"
+							:owner="userOwner"
+							:categories="optimizationCategories"
+							@update="() => {}"
+							@content="() => {}"
+							@unlink="() => {}"
+						/>
+					</div>
+				</div>
+				<div>
+					<h3 class="text-sm font-medium text-secondary mb-2">Mobile (&lt;640px)</h3>
+					<div class="w-[360px]">
+						<ContentModpackCard
+							:project="cobblemonProject"
+							:version="cobblemonVersion"
+							:owner="userOwner"
+							:categories="optimizationCategories"
+							@update="() => {}"
+							@content="() => {}"
+						/>
+					</div>
+				</div>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// Edge Cases
+// ============================================
+
+export const NoIcon: Story = {
+	args: {
+		project: {
+			...cobblemonProject,
+			icon_url: undefined,
+		},
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+	},
+}
+
+export const NoOwnerAvatar: Story = {
+	args: {
+		project: cobblemonProject,
+		version: cobblemonVersion,
+		owner: {
+			...userOwner,
+			avatar_url: undefined,
+		},
+		categories: optimizationCategories,
+	},
+}
+
+export const HighDownloadCounts: Story = {
+	args: {
+		project: {
+			...cobblemonProject,
+			downloads: 1234567890,
+			followers: 9876543,
+		},
+		version: cobblemonVersion,
+		owner: userOwner,
+		categories: optimizationCategories,
+	},
+}

From 74cc23054daea41d0e4d7eda8d34f3fc6f111e55 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Mon, 19 Jan 2026 09:42:34 +0000
Subject: [PATCH 013/178] fix: extract types

---
 .../src/components/instances/ContentCard.vue  | 22 +------
 .../instances/ContentModpackCard.vue          | 32 ++-------
 packages/ui/src/components/instances/index.ts |  9 +--
 packages/ui/src/components/instances/types.ts | 33 ++++++++++
 .../stories/instances/ContentCard.stories.ts  |  6 +-
 .../instances/ContentModpackCard.stories.ts   | 66 ++++++++++++-------
 6 files changed, 93 insertions(+), 75 deletions(-)
 create mode 100644 packages/ui/src/components/instances/types.ts

diff --git a/packages/ui/src/components/instances/ContentCard.vue b/packages/ui/src/components/instances/ContentCard.vue
index 6389ea9d5a..aab05bbf4b 100644
--- a/packages/ui/src/components/instances/ContentCard.vue
+++ b/packages/ui/src/components/instances/ContentCard.vue
@@ -1,35 +1,17 @@
 <script setup lang="ts">
-import type { Labrinth } from '@modrinth/api-client'
 import { DownloadIcon, MoreVerticalIcon, OrganizationIcon, TrashIcon } from '@modrinth/assets'
 import { computed, getCurrentInstance } from 'vue'
-import type { RouteLocationRaw } from 'vue-router'
 
 import Avatar from '../base/Avatar.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import OverflowMenu, { type Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
 import Toggle from '../base/Toggle.vue'
-
-export type ContentCardProject = Pick<
-	Labrinth.Projects.v2.Project,
-	'id' | 'slug' | 'title' | 'icon_url'
->
-
-export type ContentCardVersion = Pick<Labrinth.Versions.v2.Version, 'id' | 'version_number'> & {
-	file_name: string
-}
-
-export interface ContentCardOwner {
-	id: string
-	name: string
-	avatar_url?: string
-	type: 'user' | 'organization'
-	link?: string | RouteLocationRaw
-}
+import type { ContentCardProject, ContentCardVersion, ContentOwner } from './types'
 
 interface Props {
 	project: ContentCardProject
 	version?: ContentCardVersion
-	owner?: ContentCardOwner
+	owner?: ContentOwner
 	enabled?: boolean
 	overflowOptions?: OverflowMenuOption[]
 	disabled?: boolean
diff --git a/packages/ui/src/components/instances/ContentModpackCard.vue b/packages/ui/src/components/instances/ContentModpackCard.vue
index 91f0d16741..8a51f6138e 100644
--- a/packages/ui/src/components/instances/ContentModpackCard.vue
+++ b/packages/ui/src/components/instances/ContentModpackCard.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { Labrinth } from '@modrinth/api-client'
 import {
 	ClockIcon,
 	DownloadIcon,
@@ -18,35 +17,18 @@ import BulletDivider from '../base/BulletDivider.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import OverflowMenu, { type Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
 import TagItem from '../base/TagItem.vue'
-
-export type ContentModpackCardProject = Pick<
-	Labrinth.Projects.v2.Project,
-	'id' | 'slug' | 'title' | 'icon_url' | 'description' | 'downloads' | 'followers'
->
-
-export type ContentModpackCardVersion = Pick<
-	Labrinth.Versions.v2.Version,
-	'id' | 'version_number' | 'date_published'
->
-
-export interface ContentModpackCardOwner {
-	id: string
-	name: string
-	avatar_url?: string
-	type: 'user' | 'organization'
-	link?: string | RouteLocationRaw
-}
-
-export interface ContentModpackCardCategory {
-	name: string
-	action?: (event: MouseEvent) => void
-}
+import type {
+	ContentModpackCardCategory,
+	ContentModpackCardProject,
+	ContentModpackCardVersion,
+	ContentOwner,
+} from './types'
 
 interface Props {
 	project: ContentModpackCardProject
 	projectLink?: string | RouteLocationRaw
 	version?: ContentModpackCardVersion
-	owner?: ContentModpackCardOwner
+	owner?: ContentOwner
 	categories?: ContentModpackCardCategory[]
 	disabled?: boolean
 	overflowOptions?: OverflowMenuOption[]
diff --git a/packages/ui/src/components/instances/index.ts b/packages/ui/src/components/instances/index.ts
index 4401ca4322..0a173537a5 100644
--- a/packages/ui/src/components/instances/index.ts
+++ b/packages/ui/src/components/instances/index.ts
@@ -1,9 +1,10 @@
-export type { ContentCardOwner, ContentCardProject, ContentCardVersion } from './ContentCard.vue'
 export { default as ContentCard } from './ContentCard.vue'
+export { default as ContentModpackCard } from './ContentModpackCard.vue'
 export type {
+	ContentCardProject,
+	ContentCardVersion,
 	ContentModpackCardCategory,
-	ContentModpackCardOwner,
 	ContentModpackCardProject,
 	ContentModpackCardVersion,
-} from './ContentModpackCard.vue'
-export { default as ContentModpackCard } from './ContentModpackCard.vue'
+	ContentOwner,
+} from './types'
diff --git a/packages/ui/src/components/instances/types.ts b/packages/ui/src/components/instances/types.ts
new file mode 100644
index 0000000000..da1cfcaafb
--- /dev/null
+++ b/packages/ui/src/components/instances/types.ts
@@ -0,0 +1,33 @@
+import type { Labrinth } from '@modrinth/api-client'
+import type { RouteLocationRaw } from 'vue-router'
+
+export type ContentCardProject = Pick<
+	Labrinth.Projects.v2.Project,
+	'id' | 'slug' | 'title' | 'icon_url'
+>
+
+export type ContentCardVersion = Pick<Labrinth.Versions.v2.Version, 'id' | 'version_number'> & {
+	file_name: string
+}
+
+export interface ContentOwner {
+	id: string
+	name: string
+	avatar_url?: string
+	type: 'user' | 'organization'
+	link?: string | RouteLocationRaw
+}
+
+export type ContentModpackCardProject = Pick<
+	Labrinth.Projects.v2.Project,
+	'id' | 'slug' | 'title' | 'icon_url' | 'description' | 'downloads' | 'followers'
+>
+
+export type ContentModpackCardVersion = Pick<
+	Labrinth.Versions.v2.Version,
+	'id' | 'version_number' | 'date_published'
+>
+
+export type ContentModpackCardCategory = Labrinth.Tags.v2.Category & {
+	action?: (event: MouseEvent) => void
+}
diff --git a/packages/ui/src/stories/instances/ContentCard.stories.ts b/packages/ui/src/stories/instances/ContentCard.stories.ts
index 7edf6bd744..02e01cd98c 100644
--- a/packages/ui/src/stories/instances/ContentCard.stories.ts
+++ b/packages/ui/src/stories/instances/ContentCard.stories.ts
@@ -5,9 +5,9 @@ import { ref } from 'vue'
 
 import ButtonStyled from '../../components/base/ButtonStyled.vue'
 import type {
-	ContentCardOwner,
 	ContentCardProject,
 	ContentCardVersion,
+	ContentOwner,
 } from '../../components/instances/ContentCard.vue'
 import ContentCard from '../../components/instances/ContentCard.vue'
 
@@ -54,14 +54,14 @@ const fabricApiVersion: ContentCardVersion = {
 }
 
 // Owner data
-const sodiumOwner: ContentCardOwner = {
+const sodiumOwner: ContentOwner = {
 	id: 'DzLrfrbK',
 	name: 'IMS',
 	avatar_url: 'https://avatars3.githubusercontent.com/u/31803019?v=4',
 	type: 'user',
 }
 
-const fabricApiOwner: ContentCardOwner = {
+const fabricApiOwner: ContentOwner = {
 	id: 'BZoBsPo6',
 	name: 'FabricMC',
 	avatar_url: 'https://cdn.modrinth.com/data/P7dR8mSH/icon.png',
diff --git a/packages/ui/src/stories/instances/ContentModpackCard.stories.ts b/packages/ui/src/stories/instances/ContentModpackCard.stories.ts
index 6f27e7cf6f..daa05188f1 100644
--- a/packages/ui/src/stories/instances/ContentModpackCard.stories.ts
+++ b/packages/ui/src/stories/instances/ContentModpackCard.stories.ts
@@ -3,13 +3,13 @@ import { fn } from 'storybook/test'
 import { ref } from 'vue'
 
 import ContentCard from '../../components/instances/ContentCard.vue'
+import ContentModpackCard from '../../components/instances/ContentModpackCard.vue'
 import type {
 	ContentModpackCardCategory,
-	ContentModpackCardOwner,
 	ContentModpackCardProject,
 	ContentModpackCardVersion,
-} from '../../components/instances/ContentModpackCard.vue'
-import ContentModpackCard from '../../components/instances/ContentModpackCard.vue'
+	ContentOwner,
+} from '../../components/instances/types'
 import NewModal from '../../components/modal/NewModal.vue'
 
 // Real project data from Modrinth API
@@ -60,14 +60,14 @@ const cobblemonVersion: ContentModpackCardVersion = {
 }
 
 // Owner data from Modrinth API
-const userOwner: ContentModpackCardOwner = {
+const userOwner: ContentOwner = {
 	id: '2avTeeAE',
 	name: 'robotkoer',
 	avatar_url: 'https://cdn.modrinth.com/user/2avTeeAE/icon.png',
 	type: 'user',
 }
 
-const cobblemonOwner: ContentModpackCardOwner = {
+const cobblemonOwner: ContentOwner = {
 	id: 'AEFONbAM',
 	name: 'Reisen',
 	avatar_url:
@@ -75,19 +75,19 @@ const cobblemonOwner: ContentModpackCardOwner = {
 	type: 'user',
 }
 
-// Categories
+// Categories (using Labrinth.Tags.v2.Category structure with optional action)
 const optimizationCategories: ContentModpackCardCategory[] = [
-	{ name: 'Fabric' },
-	{ name: 'Lightweight' },
-	{ name: 'Multiplayer' },
-	{ name: 'Optimization' },
+	{ name: 'Fabric', icon: 'fabric', project_type: 'modpack', header: 'loaders' },
+	{ name: 'Lightweight', icon: 'lightweight', project_type: 'modpack', header: 'categories' },
+	{ name: 'Multiplayer', icon: 'multiplayer', project_type: 'modpack', header: 'categories' },
+	{ name: 'Optimization', icon: 'optimization', project_type: 'modpack', header: 'categories' },
 ]
 
 const cobblemonCategories: ContentModpackCardCategory[] = [
-	{ name: 'Adventure' },
-	{ name: 'Fabric' },
-	{ name: 'Lightweight' },
-	{ name: 'Multiplayer' },
+	{ name: 'Adventure', icon: 'adventure', project_type: 'modpack', header: 'categories' },
+	{ name: 'Fabric', icon: 'fabric', project_type: 'modpack', header: 'loaders' },
+	{ name: 'Lightweight', icon: 'lightweight', project_type: 'modpack', header: 'categories' },
+	{ name: 'Multiplayer', icon: 'multiplayer', project_type: 'modpack', header: 'categories' },
 ]
 
 const meta = {
@@ -245,7 +245,9 @@ export const WithUserOwner: Story = {
 		project: simplyOptimizedProject,
 		version: fabulouslyOptimizedVersion,
 		owner: userOwner,
-		categories: [{ name: 'Adventure' }],
+		categories: [
+			{ name: 'Adventure', icon: 'adventure', project_type: 'modpack', header: 'categories' },
+		],
 	},
 }
 
@@ -337,11 +339,11 @@ export const LongTitle: Story = {
 			name: 'Really Long Organization Name Studios',
 		},
 		categories: [
-			{ name: 'Adventure' },
-			{ name: 'Technology' },
-			{ name: 'Magic' },
-			{ name: 'Exploration' },
-			{ name: 'Multiplayer' },
+			{ name: 'Adventure', icon: 'adventure', project_type: 'modpack', header: 'categories' },
+			{ name: 'Technology', icon: 'technology', project_type: 'modpack', header: 'categories' },
+			{ name: 'Magic', icon: 'magic', project_type: 'modpack', header: 'categories' },
+			{ name: 'Exploration', icon: 'exploration', project_type: 'modpack', header: 'categories' },
+			{ name: 'Multiplayer', icon: 'multiplayer', project_type: 'modpack', header: 'categories' },
 		],
 		onUpdate: fn(),
 		onContent: fn(),
@@ -382,9 +384,27 @@ export const WithClickableCategories: Story = {
 		setup() {
 			const clickedCategory = ref<string | null>(null)
 			const categories: ContentModpackCardCategory[] = [
-				{ name: 'Adventure', action: () => (clickedCategory.value = 'Adventure') },
-				{ name: 'Lightweight', action: () => (clickedCategory.value = 'Lightweight') },
-				{ name: 'Multiplayer', action: () => (clickedCategory.value = 'Multiplayer') },
+				{
+					name: 'Adventure',
+					icon: 'adventure',
+					project_type: 'modpack',
+					header: 'categories',
+					action: () => (clickedCategory.value = 'Adventure'),
+				},
+				{
+					name: 'Lightweight',
+					icon: 'lightweight',
+					project_type: 'modpack',
+					header: 'categories',
+					action: () => (clickedCategory.value = 'Lightweight'),
+				},
+				{
+					name: 'Multiplayer',
+					icon: 'multiplayer',
+					project_type: 'modpack',
+					header: 'categories',
+					action: () => (clickedCategory.value = 'Multiplayer'),
+				},
 			]
 			return { args, categories, clickedCategory }
 		},

From 4a26d17951dd5cb948903fc8768a148d402fd1c1 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Mon, 19 Jan 2026 15:39:04 +0000
Subject: [PATCH 014/178] feat: selection v-model

---
 .../src/components/instances/ContentCard.vue  |  20 +-
 .../stories/instances/ContentCard.stories.ts  | 220 +++++++++++++++++-
 2 files changed, 237 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCard.vue b/packages/ui/src/components/instances/ContentCard.vue
index aab05bbf4b..7697c1f17a 100644
--- a/packages/ui/src/components/instances/ContentCard.vue
+++ b/packages/ui/src/components/instances/ContentCard.vue
@@ -4,6 +4,7 @@ import { computed, getCurrentInstance } from 'vue'
 
 import Avatar from '../base/Avatar.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
+import Checkbox from '../base/Checkbox.vue'
 import OverflowMenu, { type Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
 import Toggle from '../base/Toggle.vue'
 import type { ContentCardProject, ContentCardVersion, ContentOwner } from './types'
@@ -25,6 +26,8 @@ withDefaults(defineProps<Props>(), {
 	disabled: false,
 })
 
+const selected = defineModel<boolean>('selected')
+
 const emit = defineEmits<{
 	'update:enabled': [value: boolean]
 	delete: []
@@ -32,15 +35,28 @@ const emit = defineEmits<{
 }>()
 
 const instance = getCurrentInstance()
+const hasSelection = computed(() => !!instance?.vnode.props?.['onUpdate:selected'])
 const hasDeleteListener = computed(() => !!instance?.vnode.props?.onDelete)
 const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
 </script>
 
 <template>
 	<div
-		class="grid grid-cols-[1fr_auto] items-center gap-4 rounded-[20px] bg-bg-raised p-4 shadow-md md:grid-cols-3"
-		:class="{ 'opacity-50': disabled }"
+		class="grid items-center gap-4 rounded-[20px] bg-bg-raised p-4 shadow-md"
+		:class="[
+			hasSelection
+				? 'grid-cols-[min-content_1fr_auto] md:grid-cols-[min-content_1fr_1fr_auto]'
+				: 'grid-cols-[1fr_auto] md:grid-cols-3',
+			{ 'opacity-50': disabled },
+		]"
 	>
+		<Checkbox
+			v-if="hasSelection"
+			:model-value="selected ?? false"
+			class="shrink-0"
+			@update:model-value="selected = $event"
+		/>
+
 		<div class="flex min-w-0 items-center gap-4">
 			<Avatar :src="project.icon_url" :alt="project.title" size="4rem" no-shadow raised />
 			<div class="flex min-w-0 flex-col gap-1.5">
diff --git a/packages/ui/src/stories/instances/ContentCard.stories.ts b/packages/ui/src/stories/instances/ContentCard.stories.ts
index 02e01cd98c..db9e80e7c5 100644
--- a/packages/ui/src/stories/instances/ContentCard.stories.ts
+++ b/packages/ui/src/stories/instances/ContentCard.stories.ts
@@ -1,7 +1,7 @@
 import { EditIcon, EyeIcon, FolderOpenIcon, LinkIcon } from '@modrinth/assets'
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import { fn } from 'storybook/test'
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 
 import ButtonStyled from '../../components/base/ButtonStyled.vue'
 import type {
@@ -91,6 +91,10 @@ const meta = {
 			control: 'boolean',
 			description: 'Toggle state - toggle hidden if undefined',
 		},
+		selected: {
+			control: false,
+			description: 'Selection state - checkbox hidden if undefined (use v-model:selected in render function)',
+		},
 		disabled: {
 			control: 'boolean',
 			description: 'Grays out the card when true',
@@ -673,3 +677,217 @@ export const NoOwnerAvatar: Story = {
 		'onUpdate:enabled': fn(),
 	},
 }
+
+// ============================================
+// Selection Stories
+// ============================================
+
+export const WithSelection: Story = {
+	args: {
+		project: sodiumProject,
+	},
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			const selected = ref(false)
+			return {
+				selected,
+				project: sodiumProject,
+				version: sodiumVersion,
+				owner: sodiumOwner,
+			}
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<ContentCard
+					:project="project"
+					:version="version"
+					:owner="owner"
+					:enabled="true"
+					v-model:selected="selected"
+					@update:enabled="() => {}"
+				/>
+				<div class="text-sm text-secondary">
+					Selected: <strong>{{ selected }}</strong>
+				</div>
+			</div>
+		`,
+	}),
+}
+
+export const SelectionSelected: Story = {
+	args: {
+		project: sodiumProject,
+	},
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			const selected = ref(true)
+			return {
+				selected,
+				project: sodiumProject,
+				version: sodiumVersion,
+				owner: sodiumOwner,
+			}
+		},
+		template: /*html*/ `
+			<ContentCard
+				:project="project"
+				:version="version"
+				:owner="owner"
+				v-model:selected="selected"
+			/>
+		`,
+	}),
+}
+
+export const SelectionWithAllActions: Story = {
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			const selected = ref(false)
+			const enabled = ref(true)
+			return {
+				selected,
+				enabled,
+				project: sodiumProject,
+				version: sodiumVersion,
+				owner: sodiumOwner,
+			}
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<ContentCard
+					:project="project"
+					:version="version"
+					:owner="owner"
+					v-model:selected="selected"
+					v-model:enabled="enabled"
+					@update="() => console.log('Update clicked')"
+					@delete="() => console.log('Delete clicked')"
+					:overflow-options="[
+						{ id: 'view', action: () => console.log('View') },
+						{ divider: true },
+						{ id: 'remove', action: () => console.log('Remove'), color: 'red' },
+					]"
+				>
+					<template #view>View on Modrinth</template>
+					<template #remove>Remove</template>
+				</ContentCard>
+				<div class="text-sm text-secondary">
+					Selected: <strong>{{ selected }}</strong> | Enabled: <strong>{{ enabled }}</strong>
+				</div>
+			</div>
+		`,
+	}),
+}
+
+export const SelectableModList: Story = {
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			const mods = ref([
+				{
+					project: sodiumProject,
+					version: sodiumVersion,
+					owner: sodiumOwner,
+					enabled: true,
+					selected: false,
+				},
+				{
+					project: modMenuProject,
+					version: modMenuVersion,
+					owner: { id: 'u2', name: 'Prospector', type: 'user' as const },
+					enabled: true,
+					selected: true,
+				},
+				{
+					project: fabricApiProject,
+					version: fabricApiVersion,
+					owner: fabricApiOwner,
+					enabled: false,
+					selected: false,
+				},
+			])
+
+			const selectedCount = computed(() => mods.value.filter((m) => m.selected).length)
+
+			const toggleAll = () => {
+				const allSelected = mods.value.every((m) => m.selected)
+				mods.value.forEach((m) => (m.selected = !allSelected))
+			}
+
+			return { mods, selectedCount, toggleAll }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<div class="flex items-center justify-between">
+					<button
+						class="text-sm text-brand hover:underline"
+						@click="toggleAll"
+					>
+						Toggle all
+					</button>
+					<span class="text-sm text-secondary">{{ selectedCount }} selected</span>
+				</div>
+				<div class="flex flex-col gap-3">
+					<ContentCard
+						v-for="mod in mods"
+						:key="mod.project.id"
+						:project="mod.project"
+						:version="mod.version"
+						:owner="mod.owner"
+						:enabled="mod.enabled"
+						:disabled="!mod.enabled"
+						v-model:selected="mod.selected"
+						@update:enabled="(val) => mod.enabled = val"
+						@delete="() => console.log('Delete', mod.project.slug)"
+					/>
+				</div>
+			</div>
+		`,
+	}),
+}
+
+export const SelectionComparisonWithAndWithout: Story = {
+	render: () => ({
+		components: { ContentCard },
+		setup() {
+			const selected = ref(false)
+			return {
+				selected,
+				sodiumProject,
+				sodiumVersion,
+				sodiumOwner,
+				modMenuProject,
+				modMenuVersion,
+			}
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-6">
+				<div>
+					<h3 class="text-sm font-medium text-secondary mb-2">With selection (checkbox visible)</h3>
+					<ContentCard
+						:project="sodiumProject"
+						:version="sodiumVersion"
+						:owner="sodiumOwner"
+						:enabled="true"
+						v-model:selected="selected"
+						@update:enabled="() => {}"
+						@delete="() => {}"
+					/>
+				</div>
+				<div>
+					<h3 class="text-sm font-medium text-secondary mb-2">Without selection (no checkbox)</h3>
+					<ContentCard
+						:project="modMenuProject"
+						:version="modMenuVersion"
+						:enabled="true"
+						@update:enabled="() => {}"
+						@delete="() => {}"
+					/>
+				</div>
+			</div>
+		`,
+	}),
+}

From 2dc3dad296bca7b11d9db4f91cc0b5d57036baf9 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 19 Jan 2026 10:59:12 -0700
Subject: [PATCH 015/178] fix: update header

---
 .../ui/create/ProjectCreateModal.vue          | 35 ++++++++++---------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index bf81781acb..5868326644 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -1,22 +1,15 @@
 <template>
-	<NewModal ref="modal" :header="formatMessage(messages.title)">
+	<NewModal
+		ref="modal"
+		:header="
+			projectType === 'server'
+				? formatMessage(messages.serverProjectTitle)
+				: formatMessage(messages.title)
+		"
+	>
 		<div class="min-w-md flex max-w-md flex-col gap-6">
 			<CreateLimitAlert v-model="hasHitLimit" type="project" />
-			<div class="flex flex-col gap-2.5">
-				<label for="type">
-					<span class="text-md font-semibold text-contrast">
-						{{ formatMessage(messages.typeLabel) }}
-						<span class="text-brand-red">*</span>
-					</span>
-				</label>
-				<Combobox
-					id="type"
-					v-model="projectType"
-					name="type"
-					:options="projectTypeOptions"
-					:disabled="hasHitLimit"
-				/>
-			</div>
+
 			<div class="flex flex-col gap-2.5">
 				<label for="name">
 					<span class="text-md font-semibold text-contrast">
@@ -54,7 +47,7 @@
 					/>
 				</div>
 			</label>
-			<div class="flex flex-col gap-2.5" v-if="projectType === 'server'">
+			<div class="flex flex-col gap-2.5">
 				<label for="owner">
 					<span class="text-md font-semibold text-contrast">
 						{{ formatMessage(messages.ownerLabel) }}
@@ -160,6 +153,10 @@ const messages = defineMessages({
 		id: 'create.project.title',
 		defaultMessage: 'Creating a project',
 	},
+	serverProjectTitle: {
+		id: 'create.project.server-project-title',
+		defaultMessage: 'Creating a server project',
+	},
 	typeLabel: {
 		id: 'create.project.type-label',
 		defaultMessage: 'Type',
@@ -220,6 +217,10 @@ const messages = defineMessages({
 		id: 'create.project.create-project',
 		defaultMessage: 'Create project',
 	},
+	createServerProject: {
+		id: 'create.project.create-server-project',
+		defaultMessage: 'Create server',
+	},
 	errorTitle: {
 		id: 'create.project.error-title',
 		defaultMessage: 'An error occurred',

From 973208730e3e521a11a2f85bb5e32cb5f1fbc298 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 19 Jan 2026 11:06:58 -0700
Subject: [PATCH 016/178] add show icon in selected for combobox with stories

---
 packages/ui/src/components/base/Combobox.vue  |  7 ++
 .../ui/src/stories/base/Combobox.stories.ts   | 66 +++++++++++++++++++
 2 files changed, 73 insertions(+)

diff --git a/packages/ui/src/components/base/Combobox.vue b/packages/ui/src/components/base/Combobox.vue
index 41954c1773..9047296aad 100644
--- a/packages/ui/src/components/base/Combobox.vue
+++ b/packages/ui/src/components/base/Combobox.vue
@@ -22,6 +22,11 @@
 		>
 			<div class="flex items-center gap-2">
 				<slot name="prefix"></slot>
+				<component
+					:is="selectedOption?.icon"
+					v-if="showIconInSelected && selectedOption?.icon"
+					class="h-5 w-5"
+				/>
 				<span class="text-primary font-semibold leading-tight">
 					<slot name="selected">{{ triggerText }}</slot>
 				</span>
@@ -164,6 +169,7 @@ const props = withDefaults(
 		searchPlaceholder?: string
 		listbox?: boolean
 		showChevron?: boolean
+		showIconInSelected?: boolean
 		maxHeight?: number
 		displayValue?: string
 		extraPosition?: 'top' | 'bottom'
@@ -179,6 +185,7 @@ const props = withDefaults(
 		searchPlaceholder: 'Search...',
 		listbox: true,
 		showChevron: true,
+		showIconInSelected: false,
 		maxHeight: DEFAULT_MAX_HEIGHT,
 		extraPosition: 'bottom',
 		noOptionsMessage: 'No results found',
diff --git a/packages/ui/src/stories/base/Combobox.stories.ts b/packages/ui/src/stories/base/Combobox.stories.ts
index 14d072b4d0..5ed52f9a3b 100644
--- a/packages/ui/src/stories/base/Combobox.stories.ts
+++ b/packages/ui/src/stories/base/Combobox.stories.ts
@@ -1,3 +1,11 @@
+import {
+	DownloadIcon,
+	HeartIcon,
+	SettingsIcon,
+	ShareIcon,
+	TrashIcon,
+	UserIcon,
+} from '@modrinth/assets'
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 
 import Combobox from '../../components/base/Combobox.vue'
@@ -44,3 +52,61 @@ export const Disabled: Story = {
 		disabled: true,
 	},
 }
+
+export const IconSlot: Story = {
+	args: {
+		options: [
+			{ value: 'download', label: 'Download', icon: DownloadIcon },
+			{ value: 'share', label: 'Share', icon: ShareIcon },
+			{ value: 'favorite', label: 'Add to favorites', icon: HeartIcon },
+			{ type: 'divider' },
+			{ value: 'settings', label: 'Settings', icon: SettingsIcon },
+			{ value: 'profile', label: 'Profile', icon: UserIcon },
+			{ type: 'divider' },
+			{ value: 'delete', label: 'Delete', icon: TrashIcon, disabled: true },
+		],
+		placeholder: 'Select an action',
+		listbox: false,
+	},
+}
+
+export const IconSlotSearchable: Story = {
+	args: {
+		options: [
+			{ value: 'download', label: 'Download', icon: DownloadIcon },
+			{ value: 'share', label: 'Share', icon: ShareIcon },
+			{ value: 'favorite', label: 'Add to favorites', icon: HeartIcon },
+			{ value: 'settings', label: 'Settings', icon: SettingsIcon },
+			{ value: 'profile', label: 'Profile', icon: UserIcon },
+			{ value: 'delete', label: 'Delete', icon: TrashIcon },
+		],
+		placeholder: 'Select an action',
+		searchable: true,
+		searchPlaceholder: 'Search actions...',
+	},
+}
+
+export const WithSelectedOption: Story = {
+	args: {
+		options: [
+			{ value: '1', label: 'Option 1' },
+			{ value: '2', label: 'Option 2' },
+			{ value: '3', label: 'Option 3' },
+		],
+		modelValue: '2',
+	},
+}
+
+export const WithSelectedOptionAndIcon: Story = {
+	args: {
+		options: [
+			{ value: 'download', label: 'Download', icon: DownloadIcon },
+			{ value: 'share', label: 'Share', icon: ShareIcon },
+			{ value: 'favorite', label: 'Add to favorites', icon: HeartIcon },
+			{ value: 'settings', label: 'Settings', icon: SettingsIcon },
+			{ value: 'profile', label: 'Profile', icon: UserIcon },
+		],
+		modelValue: 'favorite',
+		showIconInSelected: true,
+	},
+}

From 63a90f7051aac56e07ed4107f27908c9c328c578 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 19 Jan 2026 11:26:46 -0700
Subject: [PATCH 017/178] use new showIconInSelected prop

---
 .../components/ui/create/ProjectCreateModal.vue   |  1 +
 .../ui/src/components/project/ProjectCombobox.vue | 15 ++-------------
 2 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 5868326644..a941045af3 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -61,6 +61,7 @@
 					:options="[userOption, ...ownerOptions]"
 					searchable
 					:disabled="hasHitLimit"
+					show-icon-in-selected
 				/>
 				<span>{{ formatMessage(messages.ownerDescription) }}</span>
 			</div>
diff --git a/packages/ui/src/components/project/ProjectCombobox.vue b/packages/ui/src/components/project/ProjectCombobox.vue
index 4598924d00..fcf3aa972f 100644
--- a/packages/ui/src/components/project/ProjectCombobox.vue
+++ b/packages/ui/src/components/project/ProjectCombobox.vue
@@ -9,19 +9,8 @@
 		:disable-search-filter="true"
 		:disabled="disabled"
 		@search-input="(query) => handleSearch(query)"
-	>
-		<template v-if="selectedProject" #selected>
-			<div class="flex items-center gap-2">
-				<img
-					v-if="selectedProject.icon_url"
-					:src="selectedProject.icon_url"
-					:alt="selectedProject.title"
-					class="h-5 w-5 rounded"
-				/>
-				<span>{{ selectedProject.title }}</span>
-			</div>
-		</template>
-	</Combobox>
+		show-icon-in-selected
+	/>
 </template>
 
 <script lang="ts" setup>

From 1501b11f7bb98f2107ac95472fcbfafd59062d34 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 19 Jan 2026 11:46:09 -0700
Subject: [PATCH 018/178] feat: add project combobox

---
 packages/ui/.storybook/preview.ts             |  18 +-
 .../components/project/ProjectCombobox.vue    | 191 ++++++++++++++++++
 .../project/ProjectCombobox.stories.ts        |  23 +++
 3 files changed, 226 insertions(+), 6 deletions(-)
 create mode 100644 packages/ui/src/components/project/ProjectCombobox.vue
 create mode 100644 packages/ui/src/stories/project/ProjectCombobox.stories.ts

diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
index 94762fffb8..53ae7e64c1 100644
--- a/packages/ui/.storybook/preview.ts
+++ b/packages/ui/.storybook/preview.ts
@@ -2,6 +2,7 @@ import '@modrinth/assets/omorphia.scss'
 import 'floating-vue/dist/style.css'
 import '../src/styles/tailwind.css'
 
+import { GenericModrinthClient } from '@modrinth/api-client'
 import { withThemeByClassName } from '@storybook/addon-themes'
 import type { Preview } from '@storybook/vue3-vite'
 import { setup } from '@storybook/vue3-vite'
@@ -20,6 +21,7 @@ import {
 	I18N_INJECTION_KEY,
 	type I18nContext,
 	type NotificationPanelLocation,
+	provideModrinthClient,
 	provideNotificationManager,
 	type WebNotification,
 } from '../src/providers'
@@ -113,10 +115,15 @@ setup((app) => {
 	}
 })
 
-// Wrapper component that provides notification manager context
-const NotificationManagerProvider = defineComponent({
+const StorybookProvider = defineComponent({
 	setup(_, { slots }) {
 		provideNotificationManager(new StorybookNotificationManager())
+
+		const modrinthClient = new GenericModrinthClient({
+			userAgent: 'modrinth-storybook/1.0.0',
+		})
+		provideModrinthClient(modrinthClient)
+
 		return () => slots.default?.()
 	},
 })
@@ -139,14 +146,13 @@ const preview: Preview = {
 			},
 			defaultTheme: 'dark',
 		}),
-		// Wrap stories with notification manager provider
 		(story) => ({
-			components: { story, NotificationManagerProvider, NotificationPanel },
+			components: { story, StorybookProvider, NotificationPanel },
 			template: /*html*/ `
-				<NotificationManagerProvider>
+				<StorybookProvider>
 					<NotificationPanel />
 					<story />
-				</NotificationManagerProvider>
+				</StorybookProvider>
 			`,
 		}),
 	],
diff --git a/packages/ui/src/components/project/ProjectCombobox.vue b/packages/ui/src/components/project/ProjectCombobox.vue
new file mode 100644
index 0000000000..fcf3aa972f
--- /dev/null
+++ b/packages/ui/src/components/project/ProjectCombobox.vue
@@ -0,0 +1,191 @@
+<template>
+	<Combobox
+		v-model="projectId"
+		:placeholder="placeholder"
+		:options="options"
+		:searchable="true"
+		:search-placeholder="searchPlaceholder"
+		:no-options-message="searchLoading ? loadingMessage : noResultsMessage"
+		:disable-search-filter="true"
+		:disabled="disabled"
+		@search-input="(query) => handleSearch(query)"
+		show-icon-in-selected
+	/>
+</template>
+
+<script lang="ts" setup>
+import { useDebounceFn } from '@vueuse/core'
+import { defineAsyncComponent, h, ref, watch } from 'vue'
+import type { ComboboxOption } from '../base/Combobox.vue'
+
+import { injectModrinthClient, injectNotificationManager } from '../../providers'
+import Combobox from '../base/Combobox.vue'
+
+export type ProjectType =
+	| 'mod'
+	| 'modpack'
+	| 'resourcepack'
+	| 'shader'
+	| 'datapack'
+	| 'plugin'
+	| 'server'
+
+interface SearchHit {
+	project_id: string
+	title: string
+	icon_url?: string
+	project_type: string
+	slug: string
+}
+
+const props = withDefaults(
+	defineProps<{
+		/** Filter by project types */
+		projectTypes?: ProjectType[]
+		/** Placeholder text for the combobox */
+		placeholder?: string
+		/** Placeholder text for the search input */
+		searchPlaceholder?: string
+		/** Message shown when loading */
+		loadingMessage?: string
+		/** Message shown when no results found */
+		noResultsMessage?: string
+		/** Whether the combobox is disabled */
+		disabled?: boolean
+		/** Maximum number of results to show */
+		limit?: number
+	}>(),
+	{
+		projectTypes: () => ['modpack'],
+		placeholder: 'Select project',
+		searchPlaceholder: 'Search by name or paste ID...',
+		loadingMessage: 'Loading...',
+		noResultsMessage: 'No results found',
+		disabled: false,
+		limit: 20,
+	},
+)
+
+const { addNotification } = injectNotificationManager()
+const projectId = defineModel<string>()
+
+const searchLoading = ref(false)
+const options = ref<ComboboxOption<string>[]>([])
+const selectedProject = ref<SearchHit | null>(null)
+const searchResultsCache = ref<Map<string, SearchHit>>(new Map())
+
+const { labrinth } = injectModrinthClient()
+
+// Watch for external changes to projectId to update selectedProject
+watch(
+	projectId,
+	async (newId) => {
+		if (!newId) {
+			selectedProject.value = null
+			return
+		}
+
+		// Check cache first
+		if (searchResultsCache.value.has(newId)) {
+			selectedProject.value = searchResultsCache.value.get(newId) || null
+			return
+		}
+
+		// Fetch project info if not in cache
+		try {
+			const project = await labrinth.projects_v2.get(newId)
+			if (project) {
+				const hit: SearchHit = {
+					project_id: project.id,
+					title: project.title,
+					icon_url: project.icon_url ?? undefined,
+					project_type: project.project_type,
+					slug: project.slug,
+				}
+				searchResultsCache.value.set(project.id, hit)
+				selectedProject.value = hit
+			}
+		} catch {
+			// If we can't fetch, just clear the selection display
+			selectedProject.value = null
+		}
+	},
+	{ immediate: true },
+)
+
+const search = async (query: string) => {
+	query = query.trim()
+	if (!query) {
+		searchLoading.value = false
+		options.value = []
+		return
+	}
+
+	try {
+		// Build facets for project types
+		const projectTypeFacets = props.projectTypes.map((type) => `project_type:${type}`)
+
+		const results = await labrinth.projects_v2.search({
+			query: query,
+			limit: props.limit,
+			facets: [projectTypeFacets],
+		})
+
+		// Also search by project ID
+		const resultsByProjectId = await labrinth.projects_v2.search({
+			query: '',
+			limit: props.limit,
+			facets: [[`project_id:${query.replace(/[^a-zA-Z0-9]/g, '')}`]],
+		})
+
+		// Combine results and dedupe
+		const allHits = [...resultsByProjectId.hits, ...results.hits]
+		const seenIds = new Set<string>()
+		const uniqueHits: SearchHit[] = []
+
+		for (const hit of allHits) {
+			if (!seenIds.has(hit.project_id)) {
+				seenIds.add(hit.project_id)
+				uniqueHits.push(hit)
+				// Cache the hit for later lookup
+				searchResultsCache.value.set(hit.project_id, hit)
+			}
+		}
+
+		options.value = uniqueHits.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: unknown) {
+		const err = error as { data?: { description?: string } }
+		addNotification({
+			title: 'An error occurred',
+			text: err.data ? err.data.description : String(error),
+			type: 'error',
+		})
+	}
+	searchLoading.value = false
+}
+
+const throttledSearch = useDebounceFn(search, 500)
+
+const handleSearch = async (query: string) => {
+	searchLoading.value = true
+	await throttledSearch(query)
+}
+
+// Expose selected project for parent components
+defineExpose({
+	selectedProject,
+})
+</script>
diff --git a/packages/ui/src/stories/project/ProjectCombobox.stories.ts b/packages/ui/src/stories/project/ProjectCombobox.stories.ts
new file mode 100644
index 0000000000..68b8ffa22d
--- /dev/null
+++ b/packages/ui/src/stories/project/ProjectCombobox.stories.ts
@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import ProjectCombobox from '../../components/project/ProjectCombobox.vue'
+
+const meta = {
+	title: 'Project/ProjectCombobox',
+	component: ProjectCombobox,
+} satisfies Meta<typeof ProjectCombobox>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+	args: {
+		projectTypes: ['modpack'],
+		placeholder: 'Select project',
+		searchPlaceholder: 'Search by name or paste ID...',
+		loadingMessage: 'Loading...',
+		noResultsMessage: 'No results found',
+		disabled: false,
+		limit: 20,
+	},
+}

From b5a5a6a10ca75cd93bf57ce0f290ee41e159bbed Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 19 Jan 2026 12:00:05 -0700
Subject: [PATCH 019/178] clean up project combobox

---
 .../ui/src/components/project/ProjectCombobox.vue  | 14 +++-----------
 .../src/stories/project/ProjectCombobox.stories.ts |  1 -
 2 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/packages/ui/src/components/project/ProjectCombobox.vue b/packages/ui/src/components/project/ProjectCombobox.vue
index fcf3aa972f..8ec77efbfe 100644
--- a/packages/ui/src/components/project/ProjectCombobox.vue
+++ b/packages/ui/src/components/project/ProjectCombobox.vue
@@ -56,7 +56,6 @@ const props = withDefaults(
 		limit?: number
 	}>(),
 	{
-		projectTypes: () => ['modpack'],
 		placeholder: 'Select project',
 		searchPlaceholder: 'Search by name or paste ID...',
 		loadingMessage: 'Loading...',
@@ -85,13 +84,11 @@ watch(
 			return
 		}
 
-		// Check cache first
 		if (searchResultsCache.value.has(newId)) {
 			selectedProject.value = searchResultsCache.value.get(newId) || null
 			return
 		}
 
-		// Fetch project info if not in cache
 		try {
 			const project = await labrinth.projects_v2.get(newId)
 			if (project) {
@@ -106,7 +103,6 @@ watch(
 				selectedProject.value = hit
 			}
 		} catch {
-			// If we can't fetch, just clear the selection display
 			selectedProject.value = null
 		}
 	},
@@ -122,23 +118,20 @@ const search = async (query: string) => {
 	}
 
 	try {
-		// Build facets for project types
-		const projectTypeFacets = props.projectTypes.map((type) => `project_type:${type}`)
+		const projectTypeFacets = props.projectTypes?.map((type) => `project_type:${type}`)
 
 		const results = await labrinth.projects_v2.search({
 			query: query,
 			limit: props.limit,
-			facets: [projectTypeFacets],
+			facets: projectTypeFacets ? [projectTypeFacets] : undefined,
 		})
 
-		// Also search by project ID
 		const resultsByProjectId = await labrinth.projects_v2.search({
 			query: '',
 			limit: props.limit,
 			facets: [[`project_id:${query.replace(/[^a-zA-Z0-9]/g, '')}`]],
 		})
 
-		// Combine results and dedupe
 		const allHits = [...resultsByProjectId.hits, ...results.hits]
 		const seenIds = new Set<string>()
 		const uniqueHits: SearchHit[] = []
@@ -177,14 +170,13 @@ const search = async (query: string) => {
 	searchLoading.value = false
 }
 
-const throttledSearch = useDebounceFn(search, 500)
+const throttledSearch = useDebounceFn(search, 250)
 
 const handleSearch = async (query: string) => {
 	searchLoading.value = true
 	await throttledSearch(query)
 }
 
-// Expose selected project for parent components
 defineExpose({
 	selectedProject,
 })
diff --git a/packages/ui/src/stories/project/ProjectCombobox.stories.ts b/packages/ui/src/stories/project/ProjectCombobox.stories.ts
index 68b8ffa22d..1346507d32 100644
--- a/packages/ui/src/stories/project/ProjectCombobox.stories.ts
+++ b/packages/ui/src/stories/project/ProjectCombobox.stories.ts
@@ -12,7 +12,6 @@ type Story = StoryObj<typeof meta>
 
 export const Default: Story = {
 	args: {
-		projectTypes: ['modpack'],
 		placeholder: 'Select project',
 		searchPlaceholder: 'Search by name or paste ID...',
 		loadingMessage: 'Loading...',

From 1591fcc795bfdd17f4b32ca605a357a027b6e396 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 19 Jan 2026 12:22:12 -0700
Subject: [PATCH 020/178] fix: update file dropzone size

---
 .../src/components/base/DropzoneFileInput.vue  |  6 +++---
 .../project/CreateServerVersionModal.vue       | 18 +++++++++++-------
 .../stories/base/DropzoneFileInput.stories.ts  | 12 ++++++++++++
 3 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/packages/ui/src/components/base/DropzoneFileInput.vue b/packages/ui/src/components/base/DropzoneFileInput.vue
index b9a8a791ad..bc4173b22b 100644
--- a/packages/ui/src/components/base/DropzoneFileInput.vue
+++ b/packages/ui/src/components/base/DropzoneFileInput.vue
@@ -2,7 +2,7 @@
 	<label
 		:class="[
 			'flex flex-col items-center justify-center  cursor-pointer border-2 border-dashed bg-surface-4 text-contrast transition-colors',
-			size === 'small' ? 'p-5' : 'p-12',
+			size === 'small' ? 'p-5' : size === 'medium' ? 'p-10' : 'p-12',
 			size === 'small' ? 'gap-2' : 'gap-4',
 			size === 'small' ? 'rounded-2xl' : 'rounded-3xl',
 			isDragOver ? 'border-purple' : 'border-surface-5',
@@ -69,12 +69,12 @@ const props = withDefaults(
 		maxSize?: number | null
 		shouldAlwaysReset?: boolean
 		disabled?: boolean
-		size?: 'small' | 'standard'
+		size?: 'small' | 'medium' | 'large'
 	}>(),
 	{
 		primaryPrompt: 'Drop files here or click to upload',
 		secondaryPrompt: 'Only supported file types will be accepted',
-		size: 'standard',
+		size: 'large',
 	},
 )
 
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 4a8bed875e..3af36ad088 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -4,7 +4,7 @@
 			<!-- Version Name -->
 			<div class="flex flex-col gap-2">
 				<label class="font-semibold text-contrast">
-					{{ formatMessage(messages.versionNumberLabel) }}
+					{{ formatMessage(messages.versionNameLabel) }}
 					<span class="text-red">*</span>
 				</label>
 				<input
@@ -16,7 +16,7 @@
 			</div>
 
 			<!-- Modded Content -->
-			<div class="flex flex-col gap-6">
+			<div class="flex flex-col gap-2.5">
 				<div class="flex flex-col gap-2">
 					<label class="font-semibold text-contrast">
 						{{ formatMessage(messages.moddedContentLabel) }}
@@ -30,7 +30,10 @@
 				</div>
 
 				<!-- Published Modpack Selection -->
-				<div v-if="contentType === 'published'" class="flex flex-col gap-6">
+				<div
+					v-if="contentType === 'published'"
+					class="flex flex-col gap-6 p-4 border border-surface-5 border-solid rounded-2xl"
+				>
 					<div class="flex flex-col gap-2">
 						<label class="font-semibold text-contrast">
 							{{ formatMessage(messages.projectLabel) }}
@@ -74,6 +77,7 @@
 						:secondary-prompt="formatMessage(messages.dropzoneSecondary)"
 						accept=".zip,.mrpack"
 						@change="handleFileUpload"
+						size="medium"
 					/>
 
 					<div v-if="uploadedFile" class="flex items-center gap-2 text-primary">
@@ -179,9 +183,9 @@ export interface CreateServerVersionData {
 
 const messages = defineMessages({
 	title: { id: 'create-version-modal.title', defaultMessage: 'Create new version' },
-	versionNumberLabel: {
-		id: 'create-version-modal.version-number-label',
-		defaultMessage: 'Version number',
+	versionNameLabel: {
+		id: 'create-version-modal.version-name-label',
+		defaultMessage: 'Name',
 	},
 	versionNumberPlaceholder: {
 		id: 'create-version-modal.version-number-placeholder',
@@ -199,7 +203,7 @@ const messages = defineMessages({
 	projectLabel: { id: 'create-version-modal.project-label', defaultMessage: 'Project' },
 	projectPlaceholder: {
 		id: 'create-version-modal.project-placeholder',
-		defaultMessage: 'Select project',
+		defaultMessage: 'Select modpack',
 	},
 	projectSearchPlaceholder: {
 		id: 'create-version-modal.project-search-placeholder',
diff --git a/packages/ui/src/stories/base/DropzoneFileInput.stories.ts b/packages/ui/src/stories/base/DropzoneFileInput.stories.ts
index 2c3e123dcb..ddf6e71345 100644
--- a/packages/ui/src/stories/base/DropzoneFileInput.stories.ts
+++ b/packages/ui/src/stories/base/DropzoneFileInput.stories.ts
@@ -18,6 +18,18 @@ export const Small: Story = {
 	},
 }
 
+export const Medium: Story = {
+	args: {
+		size: 'medium',
+	},
+}
+
+export const Large: Story = {
+	args: {
+		size: 'large',
+	},
+}
+
 export const MultipleFiles: Story = {
 	args: {
 		multiple: true,

From 51d84ca80c37dae2ebc285a4d3e4445deab2e931 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 19 Jan 2026 14:00:58 -0700
Subject: [PATCH 021/178] feat: start install to play modal

---
 .../components/modal/InstallToPlayModal.vue   | 109 ++++++++++++++++++
 packages/ui/src/components/modal/index.ts     |   3 +-
 2 files changed, 111 insertions(+), 1 deletion(-)
 create mode 100644 packages/ui/src/components/modal/InstallToPlayModal.vue

diff --git a/packages/ui/src/components/modal/InstallToPlayModal.vue b/packages/ui/src/components/modal/InstallToPlayModal.vue
new file mode 100644
index 0000000000..015abeda8b
--- /dev/null
+++ b/packages/ui/src/components/modal/InstallToPlayModal.vue
@@ -0,0 +1,109 @@
+<template>
+	<NewModal ref="modal" header="Install to play" :closable="true">
+		<div class="flex flex-col gap-4 max-w-[500px]">
+			<Admonition type="info" header="Shared server instance">
+				This server requires modded content to play. Accept to install the needed files from
+				Modrinth.
+			</Admonition>
+
+			<div class="flex items-center gap-2 text-sm text-secondary" v-if="sharedBy?.name">
+				<Avatar
+					v-if="sharedBy?.icon_url"
+					:src="sharedBy.icon_url"
+					:alt="sharedBy.name"
+					size="24px"
+				/>
+				<span>
+					<span class="font-semibold text-contrast">{{ sharedBy.name }}</span>
+					shared this instance with you today.
+				</span>
+			</div>
+
+			<div class="flex flex-col gap-2">
+				<span class="text-sm font-semibold text-secondary">Shared instance</span>
+				<div class="flex items-center gap-3 rounded-xl bg-surface-4 p-3">
+					<Avatar :src="project.icon_url" :alt="project.title" size="48px" />
+					<div class="flex flex-col gap-0.5">
+						<span class="font-semibold text-contrast">{{ project.title }}</span>
+						<span class="text-sm text-secondary">
+							{{ loaderDisplay }} {{ project.game_versions?.[0] }}
+							<template v-if="modCount"> · {{ modCount }} mods </template>
+						</span>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<template #actions>
+			<div class="flex justify-end gap-2">
+				<ButtonStyled>
+					<button @click="handleDecline">
+						<XIcon />
+						Decline
+					</button>
+				</ButtonStyled>
+				<ButtonStyled color="brand">
+					<button @click="handleAccept">
+						<CheckIcon />
+						Accept
+					</button>
+				</ButtonStyled>
+			</div>
+		</template>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import { CheckIcon, XIcon } from '@modrinth/assets'
+import type { Project } from '@modrinth/utils'
+import { formatCategory } from '@modrinth/utils'
+import { computed, ref } from 'vue'
+
+import Admonition from '../base/Admonition.vue'
+import Avatar from '../base/Avatar.vue'
+import ButtonStyled from '../base/ButtonStyled.vue'
+import NewModal from './NewModal.vue'
+
+const props = defineProps<{
+	project: Project
+	sharedBy?: {
+		name: string
+		icon_url?: string
+	}
+	modCount?: number
+}>()
+
+const emit = defineEmits<{
+	accept: []
+	decline: []
+}>()
+
+const modal = ref<InstanceType<typeof NewModal>>()
+
+const loaderDisplay = computed(() => {
+	const loader = props.project.loaders?.[0]
+	if (!loader) return ''
+	return formatCategory(loader)
+})
+
+function handleAccept() {
+	// TODO: Implement accept logic
+	emit('accept')
+	modal.value?.hide()
+}
+
+function handleDecline() {
+	emit('decline')
+	modal.value?.hide()
+}
+
+function show(e?: MouseEvent) {
+	modal.value?.show(e)
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+defineExpose({ show, hide })
+</script>
diff --git a/packages/ui/src/components/modal/index.ts b/packages/ui/src/components/modal/index.ts
index 89c4cf0266..eef4f9904c 100644
--- a/packages/ui/src/components/modal/index.ts
+++ b/packages/ui/src/components/modal/index.ts
@@ -1,6 +1,7 @@
 export { default as ConfirmModal } from './ConfirmModal.vue'
+export { default as InstallToPlayModal } from './InstallToPlayModal.vue'
 export { default as Modal } from './Modal.vue'
 export { default as NewModal } from './NewModal.vue'
 export { default as ShareModal } from './ShareModal.vue'
-export type { Tab as TabbedModalTab } from './TabbedModal.vue'
 export { default as TabbedModal } from './TabbedModal.vue'
+export type { Tab as TabbedModalTab } from './TabbedModal.vue'

From 95ea6df68124c51ad288174f88a4cce636dc2a90 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Tue, 20 Jan 2026 17:29:50 +0000
Subject: [PATCH 022/178] fix: events

---
 packages/ui/src/components/instances/ContentCard.vue        | 4 ++--
 packages/ui/src/components/instances/ContentModpackCard.vue | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCard.vue b/packages/ui/src/components/instances/ContentCard.vue
index 7697c1f17a..4b7d90d522 100644
--- a/packages/ui/src/components/instances/ContentCard.vue
+++ b/packages/ui/src/components/instances/ContentCard.vue
@@ -36,8 +36,8 @@ const emit = defineEmits<{
 
 const instance = getCurrentInstance()
 const hasSelection = computed(() => !!instance?.vnode.props?.['onUpdate:selected'])
-const hasDeleteListener = computed(() => !!instance?.vnode.props?.onDelete)
-const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
+const hasDeleteListener = computed(() => typeof instance?.vnode.props?.onDelete === 'function')
+const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate === 'function')
 </script>
 
 <template>
diff --git a/packages/ui/src/components/instances/ContentModpackCard.vue b/packages/ui/src/components/instances/ContentModpackCard.vue
index 8a51f6138e..40369e7a3b 100644
--- a/packages/ui/src/components/instances/ContentModpackCard.vue
+++ b/packages/ui/src/components/instances/ContentModpackCard.vue
@@ -50,9 +50,9 @@ const emit = defineEmits<{
 }>()
 
 const instance = getCurrentInstance()
-const hasUpdateListener = computed(() => !!instance?.vnode.props?.onUpdate)
-const hasContentListener = computed(() => !!instance?.vnode.props?.onContent)
-const hasUnlinkListener = computed(() => !!instance?.vnode.props?.onUnlink)
+const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate === 'function')
+const hasContentListener = computed(() => typeof instance?.vnode.props?.onContent === 'function')
+const hasUnlinkListener = computed(() => typeof instance?.vnode.props?.onUnlink === 'function')
 
 const formatTimeAgo = useRelativeTime()
 

From 7135ef4cf466b08ebf4b8ca9004652c7c7bcb374 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 20 Jan 2026 14:13:26 -0700
Subject: [PATCH 023/178] implement open in app modal

---
 apps/frontend/src/pages/[type]/[id].vue       |  47 +++
 .../src/components/modal/OpenInAppModal.vue   | 334 ++++++++++++++++++
 packages/ui/src/components/modal/index.ts     |   2 +
 3 files changed, 383 insertions(+)
 create mode 100644 packages/ui/src/components/modal/OpenInAppModal.vue

diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index eabad881dd..005c2326d5 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -88,6 +88,7 @@
 				"
 			/>
 		</NewModal>
+		<OpenInAppModal ref="openInAppModal" :server-project="serverProject" />
 		<div
 			class="over-the-top-download-animation"
 			:class="{ 'animation-hidden': !overTheTopDownloadAnimation }"
@@ -457,6 +458,7 @@
 
 						<div class="hidden sm:contents">
 							<ButtonStyled
+								v-if="!flags.serverProjectSettings"
 								size="large"
 								:color="
 									(auth.user && currentMember) || route.name === 'type-id-version-version'
@@ -477,10 +479,29 @@
 									}}
 								</button>
 							</ButtonStyled>
+							<ButtonStyled
+								v-else
+								size="large"
+								:color="
+									(auth.user && currentMember) || route.name === 'type-id-version-version'
+										? `standard`
+										: `brand`
+								"
+								:circular="!!auth.user && !!currentMember"
+							>
+								<button
+									v-tooltip="auth.user && currentMember ? 'Play' : ''"
+									@click="(event) => openInAppModal.show(event)"
+								>
+									<PlayIcon aria-hidden="true" />
+									{{ auth.user && currentMember ? '' : 'Play' }}
+								</button>
+							</ButtonStyled>
 						</div>
 
 						<div class="contents sm:hidden">
 							<ButtonStyled
+								v-if="!flags.serverProjectSettings"
 								size="large"
 								circular
 								:color="route.name === 'type-id-version-version' ? `standard` : `brand`"
@@ -493,6 +514,20 @@
 									<DownloadIcon aria-hidden="true" />
 								</button>
 							</ButtonStyled>
+							<ButtonStyled
+								v-else
+								size="large"
+								circular
+								:color="route.name === 'type-id-version-version' ? `standard` : `brand`"
+							>
+								<button
+									aria-label="Play"
+									class="flex sm:hidden"
+									@click="(event) => openInAppModal.show(event)"
+								>
+									<PlayIcon aria-hidden="true" />
+								</button>
+							</ButtonStyled>
 						</div>
 						<Tooltip
 							v-if="canCreateServerFrom && flags.showProjectPageQuickServerButton"
@@ -962,6 +997,7 @@ import {
 	ListIcon,
 	ModrinthIcon,
 	MoreVerticalIcon,
+	PlayIcon,
 	PlusIcon,
 	ReportIcon,
 	ScaleIcon,
@@ -982,6 +1018,7 @@ import {
 	injectNotificationManager,
 	IntlFormatted,
 	NewModal,
+	OpenInAppModal,
 	OverflowMenu,
 	PopoutMenu,
 	ProjectBackgroundGradient,
@@ -1041,6 +1078,7 @@ const { locale, formatMessage } = useVIntl()
 
 const settingsModal = ref()
 const downloadModal = ref()
+const openInAppModal = ref()
 const overTheTopDownloadAnimation = ref()
 
 const userSelectedGameVersion = ref(null)
@@ -1114,6 +1152,15 @@ const showVersionsCheckbox = computed(() => {
 	return false
 })
 
+const serverProject = computed(() => ({
+	name: project.value.title,
+	slug: project.value.slug || project.value.id,
+	numPlayers: 0,
+	maxPlayers: 20,
+	icon: project.value.icon_url,
+	ping: 0,
+}))
+
 function installWithApp() {
 	setTimeout(() => {
 		getModrinthAppAccordion.value.open()
diff --git a/packages/ui/src/components/modal/OpenInAppModal.vue b/packages/ui/src/components/modal/OpenInAppModal.vue
new file mode 100644
index 0000000000..02414b658f
--- /dev/null
+++ b/packages/ui/src/components/modal/OpenInAppModal.vue
@@ -0,0 +1,334 @@
+<template>
+	<div v-if="open" class="open-in-app-modal">
+		<div :class="{ shown: visible }" class="fullscreen-overlay" @click="hide" />
+		<div class="modal-content" :class="{ shown: visible }">
+			<div class="flex flex-col items-center gap-6">
+				<div class="flex flex-col gap-6">
+					<div class="countdown-container" v-if="countdown > 0">
+						<svg class="countdown-svg" viewBox="0 0 100 100">
+							<circle
+								class="stroke-surface-4"
+								cx="50"
+								cy="50"
+								r="45"
+								fill="none"
+								stroke-width="6"
+							/>
+							<circle
+								class="countdown-progress"
+								cx="50"
+								cy="50"
+								r="45"
+								fill="none"
+								stroke-width="6"
+								:stroke-dasharray="circumference"
+								:stroke-dashoffset="strokeDashoffset"
+								stroke-linecap="round"
+							/>
+						</svg>
+						<span class="countdown-number">{{ countdown }}</span>
+					</div>
+
+					<h2 class="m-0 text-3xl font-bold text-contrast text-center">
+						{{ formatMessage(messages.openingApp) }}
+					</h2>
+
+					<div
+						class="flex flex-col items-center gap-4 bg-surface-3 rounded-3xl border border-solid border-surface-5 p-6"
+					>
+						<div class="flex items-center gap-3 rounded-xl bg-surface-2 p-3 w-full">
+							<Avatar :src="serverProject.icon" :alt="serverProject.name" size="48px" />
+							<div class="flex flex-col gap-1">
+								<span class="font-semibold text-contrast">{{ serverProject.name }}</span>
+								<div class="flex items-center gap-2 text-secondary">
+									<div class="flex items-center gap-1">
+										<UsersIcon class="h-4 w-4" aria-hidden="true" />
+										<span>{{ serverProject.numPlayers }} / {{ serverProject.maxPlayers }}</span>
+									</div>
+									<div class="flex items-center gap-1">
+										<SignalIcon class="h-4 w-4" aria-hidden="true" />
+									</div>
+									<span
+										class="rounded-full px-2 py-0.5 text-xs font-semibold border border-solid border-brand bg-brand-highlight text-brand"
+									>
+										{{ serverProject.ping }}ms
+									</span>
+								</div>
+							</div>
+						</div>
+						<div class="flex flex-col text-left gap-3">
+							<span class="font-semibold text-contrast">{{
+								formatMessage(messages.whyUseApp)
+							}}</span>
+
+							<div class="flex text-base gap-2 items-center">
+								<div
+									class="w-5 h-5 border border-solid rounded-full flex items-center justify-center border-brand bg-brand-highlight text-brand"
+								>
+									<CheckIcon />
+								</div>
+								<span>{{ formatMessage(messages.benefitLaunch) }}</span>
+							</div>
+							<div class="flex text-base gap-2 items-center">
+								<div
+									class="w-5 h-5 border border-solid rounded-full flex items-center justify-center border-brand bg-brand-highlight text-brand"
+								>
+									<CheckIcon />
+								</div>
+								<span>{{ formatMessage(messages.benefitInstall) }}</span>
+							</div>
+							<div class="flex text-base gap-2 items-center">
+								<div
+									class="w-5 h-5 border border-solid rounded-full flex items-center justify-center border-brand bg-brand-highlight text-brand"
+								>
+									<CheckIcon />
+								</div>
+								<span>{{ formatMessage(messages.benefitUpdate) }}</span>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<span v-if="countdown > 0" class="text-secondary">{{
+					formatMessage(messages.openingAutomatically)
+				}}</span>
+				<div v-else class="grid grid-cols-2 gap-2 w-full">
+					<ButtonStyled class="flex-1">
+						<button @click="handleClose">
+							<XIcon />
+							{{ formatMessage(messages.close) }}
+						</button>
+					</ButtonStyled>
+					<ButtonStyled color="green" class="flex-1">
+						<a href="https://modrinth.com/app" target="_blank" rel="noopener noreferrer">
+							<DownloadIcon />
+							{{ formatMessage(messages.getApp) }}
+						</a>
+					</ButtonStyled>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { CheckIcon, DownloadIcon, SignalIcon, UsersIcon, XIcon } from '@modrinth/assets'
+import { computed, onUnmounted, ref } from 'vue'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { Avatar, ButtonStyled } from '../base'
+
+const { formatMessage } = useVIntl()
+
+const messages = defineMessages({
+	openingApp: {
+		id: 'modal.open-in-app.title',
+		defaultMessage: 'Opening Modrinth App',
+	},
+	whyUseApp: {
+		id: 'modal.open-in-app.why-use',
+		defaultMessage: 'Why use the Modrinth App',
+	},
+	benefitLaunch: {
+		id: 'modal.open-in-app.benefit.launch',
+		defaultMessage: 'Launch the game straight into the server',
+	},
+	benefitInstall: {
+		id: 'modal.open-in-app.benefit.install',
+		defaultMessage: 'Automatically install required content',
+	},
+	benefitUpdate: {
+		id: 'modal.open-in-app.benefit.update',
+		defaultMessage: 'Keep files updated when the server changes',
+	},
+	openingAutomatically: {
+		id: 'modal.open-in-app.opening-automatically',
+		defaultMessage: 'The Modrinth App will open automatically...',
+	},
+	close: {
+		id: 'modal.open-in-app.close',
+		defaultMessage: 'Close',
+	},
+	getApp: {
+		id: 'modal.open-in-app.get-app',
+		defaultMessage: 'Get Modrinth App',
+	},
+})
+
+export interface ServerProject {
+	name: string
+	slug: string
+	numPlayers: number
+	maxPlayers: number
+	icon?: string
+	ping: number
+}
+
+const props = defineProps<{
+	serverProject: ServerProject
+}>()
+
+const emit = defineEmits<{
+	open: []
+}>()
+
+const open = ref(false)
+const visible = ref(false)
+const countdown = ref(3)
+const countdownProgress = ref(1)
+let countdownInterval: ReturnType<typeof setInterval> | null = null
+let progressInterval: ReturnType<typeof setInterval> | null = null
+
+const circumference = 2 * Math.PI * 45
+const strokeDashoffset = computed(() => {
+	return circumference * (1 - countdownProgress.value)
+})
+
+const appLink = computed(() => {
+	return `modrinth://modpack/${props.serverProject.slug}`
+})
+
+function startCountdown() {
+	countdown.value = 3
+	countdownProgress.value = 1
+
+	const totalDuration = 3000
+	const progressUpdateInterval = 16
+	const progressDecrement = progressUpdateInterval / totalDuration
+
+	progressInterval = setInterval(() => {
+		countdownProgress.value = Math.max(0, countdownProgress.value - progressDecrement)
+	}, progressUpdateInterval)
+
+	countdownInterval = setInterval(() => {
+		countdown.value--
+		if (countdown.value <= 0) {
+			stopCountdown()
+			handleOpenApp()
+		}
+	}, 1000)
+}
+
+function stopCountdown() {
+	if (countdownInterval) {
+		clearInterval(countdownInterval)
+		countdownInterval = null
+	}
+	if (progressInterval) {
+		clearInterval(progressInterval)
+		progressInterval = null
+	}
+}
+
+function show(event?: MouseEvent) {
+	window.open(appLink.value, '_self')
+	open.value = true
+	document.body.style.overflow = 'hidden'
+	window.addEventListener('keydown', handleKeyDown)
+	setTimeout(() => {
+		visible.value = true
+		startCountdown()
+	}, 50)
+}
+
+function hide() {
+	visible.value = false
+	document.body.style.overflow = ''
+	window.removeEventListener('keydown', handleKeyDown)
+	stopCountdown()
+	setTimeout(() => {
+		open.value = false
+	}, 300)
+}
+
+function handleOpenApp() {
+	emit('open')
+}
+
+function handleClose() {
+	hide()
+}
+
+function handleKeyDown(event: KeyboardEvent) {
+	if (event.key === 'Escape') {
+		hide()
+	}
+}
+
+onUnmounted(() => {
+	stopCountdown()
+})
+
+defineExpose({ show, hide })
+</script>
+
+<style lang="scss" scoped>
+.open-in-app-modal {
+	position: fixed;
+	inset: 0;
+	z-index: 100;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.fullscreen-overlay {
+	position: fixed;
+	inset: 0;
+	background: linear-gradient(to bottom, rgba(66, 131, 92, 0.23) 0%, rgba(17, 35, 43, 0.4) 97%);
+	backdrop-filter: blur(12px);
+	opacity: 0;
+	transition: opacity 0.3s ease-out;
+	cursor: pointer;
+
+	&.shown {
+		opacity: 1;
+	}
+}
+
+.modal-content {
+	position: relative;
+	z-index: 1;
+	padding: 2.5rem;
+	opacity: 0;
+	transform: scale(0.95);
+	transition: all 0.3s ease-out;
+
+	&.shown {
+		opacity: 1;
+		transform: scale(1);
+	}
+}
+
+.countdown-container {
+	position: relative;
+	width: 120px;
+	height: 120px;
+	margin: 0 auto;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.countdown-svg {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	transform: rotate(-90deg);
+}
+
+.countdown-bg {
+	stroke: var(--surface-4);
+}
+
+.countdown-progress {
+	stroke: var(--color-green);
+	transition: stroke-dashoffset 0.05s linear;
+}
+
+.countdown-number {
+	font-size: 3rem;
+	font-weight: 700;
+	color: var(--color-contrast);
+	z-index: 1;
+}
+</style>
diff --git a/packages/ui/src/components/modal/index.ts b/packages/ui/src/components/modal/index.ts
index 89c4cf0266..271e87ee96 100644
--- a/packages/ui/src/components/modal/index.ts
+++ b/packages/ui/src/components/modal/index.ts
@@ -1,6 +1,8 @@
 export { default as ConfirmModal } from './ConfirmModal.vue'
 export { default as Modal } from './Modal.vue'
 export { default as NewModal } from './NewModal.vue'
+export { default as OpenInAppModal } from './OpenInAppModal.vue'
+export type { ServerProject as OpenInAppModalServerProject } from './OpenInAppModal.vue'
 export { default as ShareModal } from './ShareModal.vue'
 export type { Tab as TabbedModalTab } from './TabbedModal.vue'
 export { default as TabbedModal } from './TabbedModal.vue'

From db3f74556224a6e4eff605e471019314e7dc1812 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 20 Jan 2026 17:38:36 -0700
Subject: [PATCH 024/178] implement install function and move install to play
 modal into app-frontend

---
 .../ui}/modal/InstallToPlayModal.vue          | 22 +++++++------------
 apps/app-frontend/src/pages/project/Index.vue |  8 +++++++
 packages/ui/src/components/modal/index.ts     |  1 -
 3 files changed, 16 insertions(+), 15 deletions(-)
 rename {packages/ui/src/components => apps/app-frontend/src/components/ui}/modal/InstallToPlayModal.vue (87%)

diff --git a/packages/ui/src/components/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
similarity index 87%
rename from packages/ui/src/components/modal/InstallToPlayModal.vue
rename to apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index 015abeda8b..7aad8c4997 100644
--- a/packages/ui/src/components/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -54,16 +54,13 @@
 </template>
 
 <script setup lang="ts">
+import { install } from '@/store/install.js'
 import { CheckIcon, XIcon } from '@modrinth/assets'
+import { Admonition, Avatar, ButtonStyled, NewModal } from '@modrinth/ui'
 import type { Project } from '@modrinth/utils'
 import { formatCategory } from '@modrinth/utils'
 import { computed, ref } from 'vue'
 
-import Admonition from '../base/Admonition.vue'
-import Avatar from '../base/Avatar.vue'
-import ButtonStyled from '../base/ButtonStyled.vue'
-import NewModal from './NewModal.vue'
-
 const props = defineProps<{
 	project: Project
 	sharedBy?: {
@@ -73,11 +70,6 @@ const props = defineProps<{
 	modCount?: number
 }>()
 
-const emit = defineEmits<{
-	accept: []
-	decline: []
-}>()
-
 const modal = ref<InstanceType<typeof NewModal>>()
 
 const loaderDisplay = computed(() => {
@@ -86,14 +78,16 @@ const loaderDisplay = computed(() => {
 	return formatCategory(loader)
 })
 
-function handleAccept() {
-	// TODO: Implement accept logic
-	emit('accept')
+async function handleAccept() {
+	try {
+		await install(props.project.id, null, null, 'ProjectPage', undefined, () => {
+			console.log()
+		})
+	} catch (error) {}
 	modal.value?.hide()
 }
 
 function handleDecline() {
-	emit('decline')
 	modal.value?.hide()
 }
 
diff --git a/apps/app-frontend/src/pages/project/Index.vue b/apps/app-frontend/src/pages/project/Index.vue
index 0844ca550f..6f3f696d32 100644
--- a/apps/app-frontend/src/pages/project/Index.vue
+++ b/apps/app-frontend/src/pages/project/Index.vue
@@ -23,6 +23,9 @@
 			/>
 		</Teleport>
 		<div class="flex flex-col gap-4 p-6">
+			<ButtonStyled>
+				<button @click="installToPlay.show()">open install to play</button>
+			</ButtonStyled>
 			<InstanceIndicator v-if="instance" :instance="instance" />
 			<template v-if="data">
 				<Teleport
@@ -126,6 +129,8 @@
 			<template #copy_link> <ClipboardCopyIcon /> Copy link </template>
 		</ContextMenu>
 	</div>
+
+	<InstallToPlayModal ref="installToPlay" :project="data" />
 </template>
 
 <script setup>
@@ -159,6 +164,7 @@ import { useRoute, useRouter } from 'vue-router'
 
 import ContextMenu from '@/components/ui/ContextMenu.vue'
 import InstanceIndicator from '@/components/ui/InstanceIndicator.vue'
+import InstallToPlayModal from '@/components/ui/modal/InstallToPlayModal.vue'
 import NavTabs from '@/components/ui/NavTabs.vue'
 import { get_project, get_team, get_version_many } from '@/helpers/cache.js'
 import { get as getInstance, get_projects as getInstanceProjects } from '@/helpers/profile'
@@ -186,6 +192,8 @@ const instanceProjects = ref(null)
 const installed = ref(false)
 const installedVersion = ref(null)
 
+const installToPlay = ref(null)
+
 const instanceFilters = computed(() => {
 	if (!instance.value) {
 		return {}
diff --git a/packages/ui/src/components/modal/index.ts b/packages/ui/src/components/modal/index.ts
index b81b0daa65..5049daa1e6 100644
--- a/packages/ui/src/components/modal/index.ts
+++ b/packages/ui/src/components/modal/index.ts
@@ -1,5 +1,4 @@
 export { default as ConfirmModal } from './ConfirmModal.vue'
-export { default as InstallToPlayModal } from './InstallToPlayModal.vue'
 export { default as Modal } from './Modal.vue'
 export { default as NewModal } from './NewModal.vue'
 export { default as OpenInAppModal } from './OpenInAppModal.vue'

From f46a4fb4c66e2f5a9c451865b888641645b1c0c4 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 10:29:59 +0000
Subject: [PATCH 025/178] feat: figma alignments

---
 apps/frontend/src/pages/settings/index.vue    |  29 +-
 packages/ui/src/components/base/Toggle.vue    |  41 +-
 .../{ContentCard.vue => ContentCardItem.vue}  |  92 +--
 .../components/instances/ContentCardTable.vue | 174 +++++
 packages/ui/src/components/instances/index.ts |  11 +-
 packages/ui/src/components/instances/types.ts |  14 +
 .../components/modal/InstallToPlayModal.vue   |   2 +-
 packages/ui/src/components/modal/index.ts     |   2 +-
 .../components/project/ProjectCombobox.vue    |   4 +-
 .../ui/src/stories/base/Toggle.stories.ts     |  26 +
 ....stories.ts => ContentCardItem.stories.ts} |  79 +--
 .../instances/ContentCardTable.stories.ts     | 612 ++++++++++++++++++
 .../instances/ContentModpackCard.stories.ts   |   6 +-
 13 files changed, 972 insertions(+), 120 deletions(-)
 rename packages/ui/src/components/instances/{ContentCard.vue => ContentCardItem.vue} (54%)
 create mode 100644 packages/ui/src/components/instances/ContentCardTable.vue
 rename packages/ui/src/stories/instances/{ContentCard.stories.ts => ContentCardItem.stories.ts} (93%)
 create mode 100644 packages/ui/src/stories/instances/ContentCardTable.stories.ts

diff --git a/apps/frontend/src/pages/settings/index.vue b/apps/frontend/src/pages/settings/index.vue
index ad93ccbec6..70d27f9800 100644
--- a/apps/frontend/src/pages/settings/index.vue
+++ b/apps/frontend/src/pages/settings/index.vue
@@ -128,12 +128,7 @@
 						{{ formatMessage(toggleFeatures.advancedRenderingDescription) }}
 					</span>
 				</label>
-				<input
-					id="advanced-rendering"
-					v-model="cosmetics.advancedRendering"
-					class="switch stylized-toggle"
-					type="checkbox"
-				/>
+				<Toggle id="advanced-rendering" v-model="cosmetics.advancedRendering" />
 			</div>
 			<div class="adjacent-input small">
 				<label for="external-links-new-tab">
@@ -144,12 +139,7 @@
 						{{ formatMessage(toggleFeatures.externalLinksNewTabDescription) }}
 					</span>
 				</label>
-				<input
-					id="external-links-new-tab"
-					v-model="cosmetics.externalLinksNewTab"
-					class="switch stylized-toggle"
-					type="checkbox"
-				/>
+				<Toggle id="external-links-new-tab" v-model="cosmetics.externalLinksNewTab" />
 			</div>
 			<div v-if="false" class="adjacent-input small">
 				<label for="modrinth-app-promos">
@@ -160,12 +150,7 @@
 						{{ formatMessage(toggleFeatures.hideModrinthAppPromosDescription) }}
 					</span>
 				</label>
-				<input
-					id="modrinth-app-promos"
-					v-model="cosmetics.hideModrinthAppPromos"
-					class="switch stylized-toggle"
-					type="checkbox"
-				/>
+				<Toggle id="modrinth-app-promos" v-model="cosmetics.hideModrinthAppPromos" />
 			</div>
 			<div class="adjacent-input small">
 				<label for="search-layout-toggle">
@@ -176,12 +161,7 @@
 						{{ formatMessage(toggleFeatures.rightAlignedFiltersSidebarDescription) }}
 					</span>
 				</label>
-				<input
-					id="search-layout-toggle"
-					v-model="cosmetics.rightSearchLayout"
-					class="switch stylized-toggle"
-					type="checkbox"
-				/>
+				<Toggle id="search-layout-toggle" v-model="cosmetics.rightSearchLayout" />
 			</div>
 			<div class="adjacent-input small">
 				<label for="project-layout-toggle">
@@ -212,6 +192,7 @@ import {
 	IntlFormatted,
 	normalizeChildren,
 	ThemeSelector,
+	Toggle,
 	useVIntl,
 } from '@modrinth/ui'
 import { formatProjectType } from '@modrinth/utils'
diff --git a/packages/ui/src/components/base/Toggle.vue b/packages/ui/src/components/base/Toggle.vue
index 831c3d326c..b3eb3624d3 100644
--- a/packages/ui/src/components/base/Toggle.vue
+++ b/packages/ui/src/components/base/Toggle.vue
@@ -1,19 +1,44 @@
 <template>
-	<input
+	<button
 		:id="id"
-		type="checkbox"
-		class="switch stylized-toggle"
+		type="button"
+		role="switch"
+		:aria-checked="modelValue"
 		:disabled="disabled"
-		:checked="checked"
-		@change="checked = !checked"
-	/>
+		class="relative inline-block rounded-full m-0 transition-all duration-200 cursor-pointer border-none"
+		:class="[
+			small ? 'h-5 w-[38px]' : 'h-8 w-[52px]',
+			modelValue ? 'bg-brand' : 'bg-button-bg',
+			disabled ? 'opacity-50 cursor-not-allowed' : 'btn-wrapper',
+		]"
+		@click="toggle"
+	>
+		<span
+			class="absolute rounded-full transition-all duration-200"
+			:class="[
+				small ? 'w-4 h-4 top-0.5 left-0.5' : 'w-[18px] h-[18px] top-[7px] left-[7px]',
+				modelValue
+					? small
+						? 'translate-x-[18px] bg-black/90'
+						: 'translate-x-5 bg-black/90'
+					: 'bg-gray',
+			]"
+		/>
+	</button>
 </template>
 
 <script setup lang="ts">
-defineProps<{
+const props = defineProps<{
 	id?: string
 	disabled?: boolean
+	small?: boolean
 }>()
 
-const checked = defineModel<boolean>()
+const modelValue = defineModel<boolean>()
+
+function toggle() {
+	if (!props.disabled) {
+		modelValue.value = !modelValue.value
+	}
+}
 </script>
diff --git a/packages/ui/src/components/instances/ContentCard.vue b/packages/ui/src/components/instances/ContentCardItem.vue
similarity index 54%
rename from packages/ui/src/components/instances/ContentCard.vue
rename to packages/ui/src/components/instances/ContentCardItem.vue
index 4b7d90d522..cca7356213 100644
--- a/packages/ui/src/components/instances/ContentCard.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -16,6 +16,7 @@ interface Props {
 	enabled?: boolean
 	overflowOptions?: OverflowMenuOption[]
 	disabled?: boolean
+	showCheckbox?: boolean
 }
 
 withDefaults(defineProps<Props>(), {
@@ -24,6 +25,7 @@ withDefaults(defineProps<Props>(), {
 	enabled: undefined,
 	overflowOptions: undefined,
 	disabled: false,
+	showCheckbox: false,
 })
 
 const selected = defineModel<boolean>('selected')
@@ -35,57 +37,63 @@ const emit = defineEmits<{
 }>()
 
 const instance = getCurrentInstance()
-const hasSelection = computed(() => !!instance?.vnode.props?.['onUpdate:selected'])
 const hasDeleteListener = computed(() => typeof instance?.vnode.props?.onDelete === 'function')
 const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate === 'function')
 </script>
 
 <template>
 	<div
-		class="grid items-center gap-4 rounded-[20px] bg-bg-raised p-4 shadow-md"
-		:class="[
-			hasSelection
-				? 'grid-cols-[min-content_1fr_auto] md:grid-cols-[min-content_1fr_1fr_auto]'
-				: 'grid-cols-[1fr_auto] md:grid-cols-3',
-			{ 'opacity-50': disabled },
-		]"
+		class="flex items-center justify-between gap-4 px-4 py-3"
+		:class="{ 'opacity-50': disabled }"
 	>
-		<Checkbox
-			v-if="hasSelection"
-			:model-value="selected ?? false"
-			class="shrink-0"
-			@update:model-value="selected = $event"
-		/>
-
-		<div class="flex min-w-0 items-center gap-4">
-			<Avatar :src="project.icon_url" :alt="project.title" size="4rem" no-shadow raised />
-			<div class="flex min-w-0 flex-col gap-1.5">
-				<span class="truncate font-semibold text-contrast">
-					{{ project.title }}
-				</span>
-
-				<div v-if="owner" class="flex items-center gap-1">
-					<Avatar
-						:src="owner.avatar_url"
-						:alt="owner.name"
-						size="1.5rem"
-						:circle="owner.type === 'user'"
-						no-shadow
-					/>
-					<OrganizationIcon v-if="owner.type === 'organization'" class="size-4 text-secondary" />
-					<span class="text-sm text-secondary">{{ owner.name }}</span>
+		<!-- Checkbox + Project column -->
+		<div class="flex min-w-0 shrink-0 items-center gap-4" :class="showCheckbox ? 'w-[350px]' : ''">
+			<Checkbox
+				v-if="showCheckbox"
+				:model-value="selected ?? false"
+				class="shrink-0"
+				@update:model-value="selected = $event"
+			/>
+
+			<div class="flex min-w-0 items-center gap-3">
+				<Avatar
+					:src="project.icon_url"
+					:alt="project.title"
+					size="3.5rem"
+					no-shadow
+					class="shrink-0 rounded-2xl border border-surface-5"
+				/>
+				<div class="flex min-w-0 flex-col gap-1.5">
+					<span class="truncate font-semibold leading-6 text-contrast">
+						{{ project.title }}
+					</span>
+
+					<div v-if="owner" class="flex items-center gap-1">
+						<Avatar
+							:src="owner.avatar_url"
+							:alt="owner.name"
+							size="1.5rem"
+							:circle="owner.type === 'user'"
+							no-shadow
+							class="shrink-0"
+						/>
+						<OrganizationIcon v-if="owner.type === 'organization'" class="size-4 text-secondary" />
+						<span class="text-sm leading-5 text-secondary">{{ owner.name }}</span>
+					</div>
 				</div>
 			</div>
 		</div>
 
-		<div class="hidden flex-col gap-1.5 md:flex">
+		<!-- Version column -->
+		<div class="hidden w-[335px] shrink-0 flex-col gap-1.5 md:flex">
 			<template v-if="version">
-				<span class="font-medium text-contrast">{{ version.version_number }}</span>
-				<span class="text-secondary">{{ version.file_name }}</span>
+				<span class="font-medium leading-6 text-contrast">{{ version.version_number }}</span>
+				<span class="leading-6 text-secondary">{{ version.file_name }}</span>
 			</template>
 		</div>
 
-		<div class="flex items-center justify-self-end gap-2">
+		<!-- Actions column -->
+		<div class="flex shrink-0 items-center gap-2">
 			<slot name="additionalButtonsLeft" />
 
 			<ButtonStyled
@@ -115,11 +123,13 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 
 			<slot name="additionalButtonsRight" />
 
-			<ButtonStyled circular type="transparent">
-				<OverflowMenu v-if="overflowOptions?.length" :options="overflowOptions">
-					<MoreVerticalIcon class="size-5" />
-				</OverflowMenu>
-			</ButtonStyled>
+			<OverflowMenu v-if="overflowOptions?.length" :options="overflowOptions">
+				<ButtonStyled circular type="transparent">
+					<button>
+						<MoreVerticalIcon class="size-5" />
+					</button>
+				</ButtonStyled>
+			</OverflowMenu>
 		</div>
 	</div>
 </template>
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
new file mode 100644
index 0000000000..129e97848d
--- /dev/null
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -0,0 +1,174 @@
+<script setup lang="ts">
+import { ChevronDownIcon, ChevronUpIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+
+import Checkbox from '../base/Checkbox.vue'
+import ContentCardItem from './ContentCardItem.vue'
+import type {
+	ContentCardTableItem,
+	ContentCardTableSortColumn,
+	ContentCardTableSortDirection,
+} from './types'
+
+interface Props {
+	items: ContentCardTableItem[]
+	showSelection?: boolean
+	sortable?: boolean
+	sortBy?: ContentCardTableSortColumn
+	sortDirection?: ContentCardTableSortDirection
+	disabled?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+	showSelection: false,
+	sortable: false,
+	sortBy: undefined,
+	sortDirection: 'asc',
+	disabled: false,
+})
+
+const selectedIds = defineModel<string[]>('selectedIds', { default: () => [] })
+
+const emit = defineEmits<{
+	'update:enabled': [id: string, value: boolean]
+	delete: [id: string]
+	update: [id: string]
+	sort: [column: ContentCardTableSortColumn, direction: ContentCardTableSortDirection]
+}>()
+
+const allSelected = computed(() => {
+	if (props.items.length === 0) return false
+	return props.items.every((item) => selectedIds.value.includes(item.id))
+})
+
+const someSelected = computed(() => {
+	return props.items.some((item) => selectedIds.value.includes(item.id)) && !allSelected.value
+})
+
+function toggleSelectAll() {
+	if (allSelected.value) {
+		selectedIds.value = []
+	} else {
+		selectedIds.value = props.items.map((item) => item.id)
+	}
+}
+
+function toggleItemSelection(itemId: string, selected: boolean) {
+	if (selected) {
+		if (!selectedIds.value.includes(itemId)) {
+			selectedIds.value = [...selectedIds.value, itemId]
+		}
+	} else {
+		selectedIds.value = selectedIds.value.filter((id) => id !== itemId)
+	}
+}
+
+function isItemSelected(itemId: string): boolean {
+	return selectedIds.value.includes(itemId)
+}
+
+function handleSort(column: ContentCardTableSortColumn) {
+	if (!props.sortable) return
+
+	const newDirection: ContentCardTableSortDirection =
+		props.sortBy === column && props.sortDirection === 'asc' ? 'desc' : 'asc'
+
+	emit('sort', column, newDirection)
+}
+</script>
+
+<template>
+	<div class="overflow-hidden rounded-[20px] border border-surface-3">
+		<!-- Header Row -->
+		<div
+			class="flex h-12 items-center justify-between gap-4 bg-surface-3 px-4"
+			:class="showSelection ? '' : ''"
+		>
+			<!-- Checkbox + Project header -->
+			<div class="flex shrink-0 items-center gap-4" :class="showSelection ? 'w-[350px]' : ''">
+				<Checkbox
+					v-if="showSelection"
+					:model-value="allSelected"
+					:indeterminate="someSelected"
+					class="shrink-0"
+					@update:model-value="toggleSelectAll"
+				/>
+
+				<button
+					v-if="sortable"
+					class="flex items-center gap-1.5 font-semibold text-contrast"
+					@click="handleSort('project')"
+				>
+					Project
+					<ChevronUpIcon v-if="sortBy === 'project' && sortDirection === 'asc'" class="size-4" />
+					<ChevronDownIcon
+						v-else-if="sortBy === 'project' && sortDirection === 'desc'"
+						class="size-4"
+					/>
+				</button>
+				<span v-else class="font-semibold text-contrast">Project</span>
+			</div>
+
+			<!-- Version header -->
+			<div class="hidden w-[335px] shrink-0 md:block">
+				<button
+					v-if="sortable"
+					class="flex items-center gap-1.5 font-semibold text-secondary"
+					@click="handleSort('version')"
+				>
+					Version
+					<ChevronUpIcon v-if="sortBy === 'version' && sortDirection === 'asc'" class="size-4" />
+					<ChevronDownIcon
+						v-else-if="sortBy === 'version' && sortDirection === 'desc'"
+						class="size-4"
+					/>
+				</button>
+				<span v-else class="font-semibold text-secondary">Version</span>
+			</div>
+
+			<!-- Actions header -->
+			<div class="shrink-0 text-right">
+				<span class="font-semibold text-secondary">Actions</span>
+			</div>
+		</div>
+
+		<!-- Content Rows -->
+		<template v-if="items.length > 0">
+			<ContentCardItem
+				v-for="(item, index) in items"
+				:key="item.id"
+				:project="item.project"
+				:version="item.version"
+				:owner="item.owner"
+				:enabled="item.enabled"
+				:overflow-options="item.overflowOptions"
+				:disabled="disabled"
+				:show-checkbox="showSelection"
+				:selected="isItemSelected(item.id)"
+				:class="[
+					index % 2 === 0 ? 'bg-surface-1' : 'bg-surface-2',
+					index === items.length - 1 && 'rounded-b-[20px]',
+					'border-t border-surface-3',
+				]"
+				@update:selected="(val) => toggleItemSelection(item.id, val ?? false)"
+				@update:enabled="(val) => emit('update:enabled', item.id, val)"
+				@delete="emit('delete', item.id)"
+				@update="emit('update', item.id)"
+			>
+				<template #additionalButtonsLeft>
+					<slot name="itemButtonsLeft" :item="item" :index="index" />
+				</template>
+				<template #additionalButtonsRight>
+					<slot name="itemButtonsRight" :item="item" :index="index" />
+				</template>
+			</ContentCardItem>
+		</template>
+
+		<!-- Empty State -->
+		<div v-else class="flex items-center justify-center py-12">
+			<slot name="empty">
+				<span class="text-secondary">No items</span>
+			</slot>
+		</div>
+	</div>
+</template>
diff --git a/packages/ui/src/components/instances/index.ts b/packages/ui/src/components/instances/index.ts
index 0a173537a5..b6bf41cd10 100644
--- a/packages/ui/src/components/instances/index.ts
+++ b/packages/ui/src/components/instances/index.ts
@@ -1,7 +1,16 @@
-export { default as ContentCard } from './ContentCard.vue'
+export { default as ContentCardItem } from './ContentCardItem.vue'
+export { default as ContentCardTable } from './ContentCardTable.vue'
+/**
+ * @deprecated Use `ContentCardTable` with `ContentCardItem` instead.
+ * This alias is kept for backwards compatibility and will be removed in a future version.
+ */
+export { default as ContentCard } from './ContentCardItem.vue'
 export { default as ContentModpackCard } from './ContentModpackCard.vue'
 export type {
 	ContentCardProject,
+	ContentCardTableItem,
+	ContentCardTableSortColumn,
+	ContentCardTableSortDirection,
 	ContentCardVersion,
 	ContentModpackCardCategory,
 	ContentModpackCardProject,
diff --git a/packages/ui/src/components/instances/types.ts b/packages/ui/src/components/instances/types.ts
index da1cfcaafb..9519f51d71 100644
--- a/packages/ui/src/components/instances/types.ts
+++ b/packages/ui/src/components/instances/types.ts
@@ -1,6 +1,8 @@
 import type { Labrinth } from '@modrinth/api-client'
 import type { RouteLocationRaw } from 'vue-router'
 
+import type { Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
+
 export type ContentCardProject = Pick<
 	Labrinth.Projects.v2.Project,
 	'id' | 'slug' | 'title' | 'icon_url'
@@ -18,6 +20,18 @@ export interface ContentOwner {
 	link?: string | RouteLocationRaw
 }
 
+export interface ContentCardTableItem {
+	id: string
+	project: ContentCardProject
+	version?: ContentCardVersion
+	owner?: ContentOwner
+	enabled?: boolean
+	overflowOptions?: OverflowMenuOption[]
+}
+
+export type ContentCardTableSortColumn = 'project' | 'version'
+export type ContentCardTableSortDirection = 'asc' | 'desc'
+
 export type ContentModpackCardProject = Pick<
 	Labrinth.Projects.v2.Project,
 	'id' | 'slug' | 'title' | 'icon_url' | 'description' | 'downloads' | 'followers'
diff --git a/packages/ui/src/components/modal/InstallToPlayModal.vue b/packages/ui/src/components/modal/InstallToPlayModal.vue
index 015abeda8b..e96512ade8 100644
--- a/packages/ui/src/components/modal/InstallToPlayModal.vue
+++ b/packages/ui/src/components/modal/InstallToPlayModal.vue
@@ -6,7 +6,7 @@
 				Modrinth.
 			</Admonition>
 
-			<div class="flex items-center gap-2 text-sm text-secondary" v-if="sharedBy?.name">
+			<div v-if="sharedBy?.name" class="flex items-center gap-2 text-sm text-secondary">
 				<Avatar
 					v-if="sharedBy?.icon_url"
 					:src="sharedBy.icon_url"
diff --git a/packages/ui/src/components/modal/index.ts b/packages/ui/src/components/modal/index.ts
index eef4f9904c..eb28a6569b 100644
--- a/packages/ui/src/components/modal/index.ts
+++ b/packages/ui/src/components/modal/index.ts
@@ -3,5 +3,5 @@ export { default as InstallToPlayModal } from './InstallToPlayModal.vue'
 export { default as Modal } from './Modal.vue'
 export { default as NewModal } from './NewModal.vue'
 export { default as ShareModal } from './ShareModal.vue'
-export { default as TabbedModal } from './TabbedModal.vue'
 export type { Tab as TabbedModalTab } from './TabbedModal.vue'
+export { default as TabbedModal } from './TabbedModal.vue'
diff --git a/packages/ui/src/components/project/ProjectCombobox.vue b/packages/ui/src/components/project/ProjectCombobox.vue
index 8ec77efbfe..b2ace5384d 100644
--- a/packages/ui/src/components/project/ProjectCombobox.vue
+++ b/packages/ui/src/components/project/ProjectCombobox.vue
@@ -8,17 +8,17 @@
 		:no-options-message="searchLoading ? loadingMessage : noResultsMessage"
 		:disable-search-filter="true"
 		:disabled="disabled"
-		@search-input="(query) => handleSearch(query)"
 		show-icon-in-selected
+		@search-input="(query) => handleSearch(query)"
 	/>
 </template>
 
 <script lang="ts" setup>
 import { useDebounceFn } from '@vueuse/core'
 import { defineAsyncComponent, h, ref, watch } from 'vue'
-import type { ComboboxOption } from '../base/Combobox.vue'
 
 import { injectModrinthClient, injectNotificationManager } from '../../providers'
+import type { ComboboxOption } from '../base/Combobox.vue'
 import Combobox from '../base/Combobox.vue'
 
 export type ProjectType =
diff --git a/packages/ui/src/stories/base/Toggle.stories.ts b/packages/ui/src/stories/base/Toggle.stories.ts
index 8ed45b3695..14a02d2c7a 100644
--- a/packages/ui/src/stories/base/Toggle.stories.ts
+++ b/packages/ui/src/stories/base/Toggle.stories.ts
@@ -13,6 +13,7 @@ type Story = StoryObj<typeof meta>
 export const Default: Story = {
 	args: {
 		modelValue: false,
+		small: false,
 	},
 }
 
@@ -29,11 +30,26 @@ export const Disabled: Story = {
 	},
 }
 
+export const Small: Story = {
+	args: {
+		modelValue: false,
+		small: true,
+	},
+}
+
+export const SmallChecked: Story = {
+	args: {
+		modelValue: true,
+		small: true,
+	},
+}
+
 export const AllStates: Story = {
 	render: () => ({
 		components: { Toggle },
 		template: /*html*/ `
 			<div style="display: flex; flex-direction: column; gap: 1rem;">
+				<span style="font-weight: 600;">Default Size</span>
 				<div style="display: flex; align-items: center; gap: 0.5rem;">
 					<Toggle :model-value="false" /> Off
 				</div>
@@ -43,6 +59,16 @@ export const AllStates: Story = {
 				<div style="display: flex; align-items: center; gap: 0.5rem;">
 					<Toggle :model-value="false" :disabled="true" /> Disabled
 				</div>
+				<span style="font-weight: 600; margin-top: 1rem;">Small Size</span>
+				<div style="display: flex; align-items: center; gap: 0.5rem;">
+					<Toggle :model-value="false" :small="true" /> Off
+				</div>
+				<div style="display: flex; align-items: center; gap: 0.5rem;">
+					<Toggle :model-value="true" :small="true" /> On
+				</div>
+				<div style="display: flex; align-items: center; gap: 0.5rem;">
+					<Toggle :model-value="false" :small="true" :disabled="true" /> Disabled
+				</div>
 			</div>
 		`,
 	}),
diff --git a/packages/ui/src/stories/instances/ContentCard.stories.ts b/packages/ui/src/stories/instances/ContentCardItem.stories.ts
similarity index 93%
rename from packages/ui/src/stories/instances/ContentCard.stories.ts
rename to packages/ui/src/stories/instances/ContentCardItem.stories.ts
index db9e80e7c5..b613af3817 100644
--- a/packages/ui/src/stories/instances/ContentCard.stories.ts
+++ b/packages/ui/src/stories/instances/ContentCardItem.stories.ts
@@ -4,12 +4,12 @@ import { fn } from 'storybook/test'
 import { computed, ref } from 'vue'
 
 import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import ContentCardItem from '../../components/instances/ContentCardItem.vue'
 import type {
 	ContentCardProject,
 	ContentCardVersion,
 	ContentOwner,
-} from '../../components/instances/ContentCard.vue'
-import ContentCard from '../../components/instances/ContentCard.vue'
+} from '../../components/instances/types'
 
 // Real project data from Modrinth API
 const sodiumProject: ContentCardProject = {
@@ -69,8 +69,8 @@ const fabricApiOwner: ContentOwner = {
 }
 
 const meta = {
-	title: 'Instances/ContentCard',
-	component: ContentCard,
+	title: 'Instances/ContentCardItem',
+	component: ContentCardItem,
 	parameters: {
 		layout: 'padded',
 	},
@@ -93,7 +93,8 @@ const meta = {
 		},
 		selected: {
 			control: false,
-			description: 'Selection state - checkbox hidden if undefined (use v-model:selected in render function)',
+			description:
+				'Selection state - checkbox hidden if undefined (use v-model:selected in render function)',
 		},
 		disabled: {
 			control: 'boolean',
@@ -104,7 +105,7 @@ const meta = {
 			description: 'Options for the overflow menu',
 		},
 	},
-} satisfies Meta<typeof ContentCard>
+} satisfies Meta<typeof ContentCardItem>
 
 export default meta
 type Story = StoryObj<typeof meta>
@@ -118,7 +119,7 @@ export const AllTypes: Story = {
 		project: sodiumProject,
 	},
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			const toggleOn = ref(true)
 			const toggleOff = ref(false)
@@ -191,7 +192,7 @@ export const AllTypes: Story = {
 			<div class="flex flex-col gap-4">
 				<template v-for="card in cards" :key="card.label">
 					<h3 class="text-sm font-medium text-secondary">{{ card.label }}</h3>
-					<ContentCard
+					<ContentCardItem
 						:project="card.project"
 						:version="card.version"
 						:owner="card.owner"
@@ -208,7 +209,7 @@ export const AllTypes: Story = {
 					>
 						<template #view>View on Modrinth</template>
 						<template #remove>Remove</template>
-					</ContentCard>
+					</ContentCardItem>
 				</template>
 			</div>
 		`,
@@ -369,12 +370,12 @@ export const LongProjectName: Story = {
 
 export const WithOverflowMenu: Story = {
 	render: (args) => ({
-		components: { ContentCard, EditIcon, EyeIcon, FolderOpenIcon, LinkIcon },
+		components: { ContentCardItem, EditIcon, EyeIcon, FolderOpenIcon, LinkIcon },
 		setup() {
 			return { args }
 		},
 		template: /*html*/ `
-			<ContentCard v-bind="args">
+			<ContentCardItem v-bind="args">
 				<template #view>
 					<EyeIcon class="size-5" /> View on Modrinth
 				</template>
@@ -387,7 +388,7 @@ export const WithOverflowMenu: Story = {
 				<template #copyLink>
 					<LinkIcon class="size-5" /> Copy link
 				</template>
-			</ContentCard>
+			</ContentCardItem>
 		`,
 	}),
 	args: {
@@ -410,12 +411,12 @@ export const WithOverflowMenu: Story = {
 
 export const WithAdditionalButtons: Story = {
 	render: (args) => ({
-		components: { ContentCard, ButtonStyled, EyeIcon, FolderOpenIcon },
+		components: { ContentCardItem, ButtonStyled, EyeIcon, FolderOpenIcon },
 		setup() {
 			return { args }
 		},
 		template: /*html*/ `
-			<ContentCard v-bind="args">
+			<ContentCardItem v-bind="args">
 				<template #additionalButtonsLeft>
 					<ButtonStyled v-tooltip="'View on Modrinth'" circular type="transparent">
 						<button>
@@ -430,7 +431,7 @@ export const WithAdditionalButtons: Story = {
 						</button>
 					</ButtonStyled>
 				</template>
-			</ContentCard>
+			</ContentCardItem>
 		`,
 	}),
 	args: {
@@ -451,7 +452,7 @@ export const InteractiveToggle: Story = {
 		project: sodiumProject,
 	},
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			const enabled = ref(true)
 			return {
@@ -463,7 +464,7 @@ export const InteractiveToggle: Story = {
 		},
 		template: /*html*/ `
 			<div class="flex flex-col gap-4">
-				<ContentCard
+				<ContentCardItem
 					:project="project"
 					:version="version"
 					:owner="owner"
@@ -486,7 +487,7 @@ export const ModList: Story = {
 		project: sodiumProject,
 	},
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			const mods = ref([
 				{ project: sodiumProject, version: sodiumVersion, owner: sodiumOwner, enabled: true },
@@ -516,7 +517,7 @@ export const ModList: Story = {
 		},
 		template: /*html*/ `
 			<div class="flex flex-col gap-3">
-				<ContentCard
+				<ContentCardItem
 					v-for="(mod, index) in mods"
 					:key="mod.project.id"
 					:project="mod.project"
@@ -533,7 +534,7 @@ export const ModList: Story = {
 				>
 					<template #view>View on Modrinth</template>
 					<template #remove>Remove from instance</template>
-				</ContentCard>
+				</ContentCardItem>
 			</div>
 		`,
 	}),
@@ -544,7 +545,7 @@ export const MixedStates: Story = {
 		project: sodiumProject,
 	},
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			return {
 				sodiumProject,
@@ -560,7 +561,7 @@ export const MixedStates: Story = {
 		template: /*html*/ `
 			<div class="flex flex-col gap-3">
 				<!-- Enabled with update available -->
-				<ContentCard
+				<ContentCardItem
 					:project="sodiumProject"
 					:version="sodiumVersion"
 					:owner="sodiumOwner"
@@ -571,7 +572,7 @@ export const MixedStates: Story = {
 				/>
 
 				<!-- Disabled mod -->
-				<ContentCard
+				<ContentCardItem
 					:project="modMenuProject"
 					:version="modMenuVersion"
 					:enabled="false"
@@ -580,7 +581,7 @@ export const MixedStates: Story = {
 				/>
 
 				<!-- No toggle, just view -->
-				<ContentCard
+				<ContentCardItem
 					:project="fabricApiProject"
 					:version="fabricApiVersion"
 					:owner="fabricApiOwner"
@@ -599,7 +600,7 @@ export const ResponsiveView: Story = {
 		project: sodiumProject,
 	},
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			return {
 				project: sodiumProject,
@@ -612,7 +613,7 @@ export const ResponsiveView: Story = {
 				<div>
 					<h3 class="text-sm font-medium text-secondary mb-2">Desktop (version info visible)</h3>
 					<div class="w-full">
-						<ContentCard
+						<ContentCardItem
 							:project="project"
 							:version="version"
 							:owner="owner"
@@ -626,7 +627,7 @@ export const ResponsiveView: Story = {
 				<div>
 					<h3 class="text-sm font-medium text-secondary mb-2">Mobile (&lt;768px - version info hidden)</h3>
 					<div class="w-[360px]">
-						<ContentCard
+						<ContentCardItem
 							:project="project"
 							:version="version"
 							:owner="owner"
@@ -687,7 +688,7 @@ export const WithSelection: Story = {
 		project: sodiumProject,
 	},
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			const selected = ref(false)
 			return {
@@ -699,7 +700,7 @@ export const WithSelection: Story = {
 		},
 		template: /*html*/ `
 			<div class="flex flex-col gap-4">
-				<ContentCard
+				<ContentCardItem
 					:project="project"
 					:version="version"
 					:owner="owner"
@@ -720,7 +721,7 @@ export const SelectionSelected: Story = {
 		project: sodiumProject,
 	},
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			const selected = ref(true)
 			return {
@@ -731,7 +732,7 @@ export const SelectionSelected: Story = {
 			}
 		},
 		template: /*html*/ `
-			<ContentCard
+			<ContentCardItem
 				:project="project"
 				:version="version"
 				:owner="owner"
@@ -743,7 +744,7 @@ export const SelectionSelected: Story = {
 
 export const SelectionWithAllActions: Story = {
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			const selected = ref(false)
 			const enabled = ref(true)
@@ -757,7 +758,7 @@ export const SelectionWithAllActions: Story = {
 		},
 		template: /*html*/ `
 			<div class="flex flex-col gap-4">
-				<ContentCard
+				<ContentCardItem
 					:project="project"
 					:version="version"
 					:owner="owner"
@@ -773,7 +774,7 @@ export const SelectionWithAllActions: Story = {
 				>
 					<template #view>View on Modrinth</template>
 					<template #remove>Remove</template>
-				</ContentCard>
+				</ContentCardItem>
 				<div class="text-sm text-secondary">
 					Selected: <strong>{{ selected }}</strong> | Enabled: <strong>{{ enabled }}</strong>
 				</div>
@@ -784,7 +785,7 @@ export const SelectionWithAllActions: Story = {
 
 export const SelectableModList: Story = {
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			const mods = ref([
 				{
@@ -831,7 +832,7 @@ export const SelectableModList: Story = {
 					<span class="text-sm text-secondary">{{ selectedCount }} selected</span>
 				</div>
 				<div class="flex flex-col gap-3">
-					<ContentCard
+					<ContentCardItem
 						v-for="mod in mods"
 						:key="mod.project.id"
 						:project="mod.project"
@@ -851,7 +852,7 @@ export const SelectableModList: Story = {
 
 export const SelectionComparisonWithAndWithout: Story = {
 	render: () => ({
-		components: { ContentCard },
+		components: { ContentCardItem },
 		setup() {
 			const selected = ref(false)
 			return {
@@ -867,7 +868,7 @@ export const SelectionComparisonWithAndWithout: Story = {
 			<div class="flex flex-col gap-6">
 				<div>
 					<h3 class="text-sm font-medium text-secondary mb-2">With selection (checkbox visible)</h3>
-					<ContentCard
+					<ContentCardItem
 						:project="sodiumProject"
 						:version="sodiumVersion"
 						:owner="sodiumOwner"
@@ -879,7 +880,7 @@ export const SelectionComparisonWithAndWithout: Story = {
 				</div>
 				<div>
 					<h3 class="text-sm font-medium text-secondary mb-2">Without selection (no checkbox)</h3>
-					<ContentCard
+					<ContentCardItem
 						:project="modMenuProject"
 						:version="modMenuVersion"
 						:enabled="true"
diff --git a/packages/ui/src/stories/instances/ContentCardTable.stories.ts b/packages/ui/src/stories/instances/ContentCardTable.stories.ts
new file mode 100644
index 0000000000..78c7fc5775
--- /dev/null
+++ b/packages/ui/src/stories/instances/ContentCardTable.stories.ts
@@ -0,0 +1,612 @@
+import { DownloadIcon, EyeIcon, FolderOpenIcon } from '@modrinth/assets'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import { fn } from 'storybook/test'
+import { ref } from 'vue'
+
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import ContentCardTable from '../../components/instances/ContentCardTable.vue'
+import type { ContentCardTableItem } from '../../components/instances/types'
+
+// Sample data
+const sodiumItem: ContentCardTableItem = {
+	id: 'AANobbMI',
+	project: {
+		id: 'AANobbMI',
+		slug: 'sodium',
+		title: 'Sodium',
+		icon_url:
+			'https://cdn.modrinth.com/data/AANobbMI/295862f4724dc3f78df3447ad6072b2dcd3ef0c9_96.webp',
+	},
+	version: {
+		id: '59wygFUQ',
+		version_number: 'mc1.21.11-0.8.2-fabric',
+		file_name: 'sodium-fabric-0.8.2+mc1.21.11.jar',
+	},
+	owner: {
+		id: 'DzLrfrbK',
+		name: 'IMS',
+		avatar_url: 'https://avatars3.githubusercontent.com/u/31803019?v=4',
+		type: 'user',
+	},
+	enabled: true,
+}
+
+const modMenuItem: ContentCardTableItem = {
+	id: 'mOgUt4GM',
+	project: {
+		id: 'mOgUt4GM',
+		slug: 'modmenu',
+		title: 'Mod Menu',
+		icon_url: 'https://cdn.modrinth.com/data/mOgUt4GM/5a20ed1450a0e1e79a1fe04e61bb4e5878bf1d20.png',
+	},
+	version: {
+		id: 'QuU0ciaR',
+		version_number: '16.0.0',
+		file_name: 'modmenu-16.0.0.jar',
+	},
+	owner: {
+		id: 'u2',
+		name: 'Prospector',
+		type: 'user',
+	},
+	enabled: true,
+}
+
+const fabricApiItem: ContentCardTableItem = {
+	id: 'P7dR8mSH',
+	project: {
+		id: 'P7dR8mSH',
+		slug: 'fabric-api',
+		title: 'Fabric API',
+		icon_url: 'https://cdn.modrinth.com/data/P7dR8mSH/icon.png',
+	},
+	version: {
+		id: 'Lwa1Q6e4',
+		version_number: '0.141.3+26.1',
+		file_name: 'fabric-api-0.141.3+26.1.jar',
+	},
+	owner: {
+		id: 'BZoBsPo6',
+		name: 'FabricMC',
+		avatar_url: 'https://cdn.modrinth.com/data/P7dR8mSH/icon.png',
+		type: 'organization',
+	},
+	enabled: false,
+}
+
+const emfItem: ContentCardTableItem = {
+	id: 'emf123',
+	project: {
+		id: 'emf123',
+		slug: 'entity-model-features',
+		title: '[EMF] Entity Model Features',
+		icon_url:
+			'https://cdn.modrinth.com/data/AANobbMI/295862f4724dc3f78df3447ad6072b2dcd3ef0c9_96.webp',
+	},
+	version: {
+		id: 'v1',
+		version_number: '2.4.1',
+		file_name: 'Entity_model_features_fabric_1.21.1-2.4.1.jar',
+	},
+	owner: {
+		id: 'u1',
+		name: 'Traben',
+		type: 'user',
+	},
+	enabled: true,
+}
+
+const etfItem: ContentCardTableItem = {
+	id: 'etf456',
+	project: {
+		id: 'etf456',
+		slug: 'entity-texture-features',
+		title: '[ETF] Entity Texture Features',
+		icon_url: 'https://cdn.modrinth.com/data/mOgUt4GM/5a20ed1450a0e1e79a1fe04e61bb4e5878bf1d20.png',
+	},
+	version: {
+		id: 'v2',
+		version_number: '6.2.9',
+		file_name: 'Entity_texture_features_fabric_1.21.1-6.2.9.jar',
+	},
+	owner: {
+		id: 'u1',
+		name: 'Traben',
+		type: 'user',
+	},
+	enabled: true,
+}
+
+const importedModItem: ContentCardTableItem = {
+	id: 'imported123',
+	project: {
+		id: 'imported123',
+		slug: 'import-mod',
+		title: 'Import mod',
+		icon_url: undefined,
+	},
+	version: {
+		id: 'v3',
+		version_number: 'Unknown',
+		file_name: 'Entity_texture_features_fabric_1.21.1-6.2.9.jar',
+	},
+	enabled: false,
+}
+
+const sampleItems: ContentCardTableItem[] = [sodiumItem, modMenuItem, fabricApiItem]
+
+const figmaDesignItems: ContentCardTableItem[] = [emfItem, etfItem, importedModItem]
+
+const meta = {
+	title: 'Instances/ContentCardTable',
+	component: ContentCardTable,
+	parameters: {
+		layout: 'padded',
+	},
+	argTypes: {
+		items: {
+			control: 'object',
+			description: 'Array of items to display in the table',
+		},
+		showSelection: {
+			control: 'boolean',
+			description: 'Show checkboxes for selection',
+		},
+		sortable: {
+			control: 'boolean',
+			description: 'Enable column sorting',
+		},
+		sortBy: {
+			control: 'select',
+			options: ['project', 'version', undefined],
+			description: 'Current sort column',
+		},
+		sortDirection: {
+			control: 'select',
+			options: ['asc', 'desc'],
+			description: 'Sort direction',
+		},
+		disabled: {
+			control: 'boolean',
+			description: 'Disable all interactions',
+		},
+	},
+} satisfies Meta<typeof ContentCardTable>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+// ============================================
+// Basic Stories
+// ============================================
+
+export const Default: Story = {
+	args: {
+		items: sampleItems,
+	},
+}
+
+export const FigmaDesign: Story = {
+	args: {
+		items: figmaDesignItems,
+		showSelection: true,
+	},
+	render: (args) => ({
+		components: { ContentCardTable },
+		setup() {
+			const selectedIds = ref<string[]>([emfItem.id, etfItem.id])
+			return { args, selectedIds }
+		},
+		template: /*html*/ `
+			<ContentCardTable
+				v-bind="args"
+				v-model:selected-ids="selectedIds"
+				@update:enabled="(id, val) => console.log('Toggle', id, val)"
+				@delete="(id) => console.log('Delete', id)"
+			/>
+		`,
+	}),
+}
+
+export const WithSelection: Story = {
+	args: {
+		items: sampleItems,
+		showSelection: true,
+	},
+	render: (args) => ({
+		components: { ContentCardTable },
+		setup() {
+			const selectedIds = ref<string[]>([])
+			return { args, selectedIds }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<ContentCardTable
+					v-bind="args"
+					v-model:selected-ids="selectedIds"
+					@update:enabled="(id, val) => console.log('Toggle', id, val)"
+					@delete="(id) => console.log('Delete', id)"
+				/>
+				<div class="text-sm text-secondary">
+					Selected: <strong>{{ selectedIds.length }}</strong> items
+					<span v-if="selectedIds.length">({{ selectedIds.join(', ') }})</span>
+				</div>
+			</div>
+		`,
+	}),
+}
+
+export const WithSorting: Story = {
+	args: {
+		items: sampleItems,
+		sortable: true,
+		sortBy: 'project',
+		sortDirection: 'asc',
+	},
+	render: (args) => ({
+		components: { ContentCardTable },
+		setup() {
+			const sortBy = ref<'project' | 'version' | undefined>(args.sortBy)
+			const sortDirection = ref<'asc' | 'desc'>(args.sortDirection || 'asc')
+
+			const handleSort = (column: 'project' | 'version', direction: 'asc' | 'desc') => {
+				sortBy.value = column
+				sortDirection.value = direction
+				console.log('Sort:', column, direction)
+			}
+
+			return { args, sortBy, sortDirection, handleSort }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<ContentCardTable
+					:items="args.items"
+					:sortable="args.sortable"
+					:sort-by="sortBy"
+					:sort-direction="sortDirection"
+					@sort="handleSort"
+				/>
+				<div class="text-sm text-secondary">
+					Sorted by: <strong>{{ sortBy || 'none' }}</strong> ({{ sortDirection }})
+				</div>
+			</div>
+		`,
+	}),
+}
+
+export const WithSelectionAndSorting: Story = {
+	args: {
+		items: sampleItems,
+		showSelection: true,
+		sortable: true,
+		sortBy: 'project',
+		sortDirection: 'asc',
+	},
+	render: (args) => ({
+		components: { ContentCardTable },
+		setup() {
+			const selectedIds = ref<string[]>([])
+			const sortBy = ref<'project' | 'version' | undefined>(args.sortBy)
+			const sortDirection = ref<'asc' | 'desc'>(args.sortDirection || 'asc')
+
+			const handleSort = (column: 'project' | 'version', direction: 'asc' | 'desc') => {
+				sortBy.value = column
+				sortDirection.value = direction
+			}
+
+			return { args, selectedIds, sortBy, sortDirection, handleSort }
+		},
+		template: /*html*/ `
+			<ContentCardTable
+				:items="args.items"
+				:show-selection="args.showSelection"
+				:sortable="args.sortable"
+				:sort-by="sortBy"
+				:sort-direction="sortDirection"
+				v-model:selected-ids="selectedIds"
+				@sort="handleSort"
+				@update:enabled="(id, val) => console.log('Toggle', id, val)"
+				@delete="(id) => console.log('Delete', id)"
+			/>
+		`,
+	}),
+}
+
+// ============================================
+// Action Stories
+// ============================================
+
+export const WithActions: Story = {
+	args: {
+		items: sampleItems,
+		showSelection: true,
+		'onUpdate:enabled': fn(),
+		onDelete: fn(),
+		onUpdate: fn(),
+	},
+}
+
+export const InteractiveActions: Story = {
+	render: () => ({
+		components: { ContentCardTable },
+		setup() {
+			const items = ref<ContentCardTableItem[]>([
+				{ ...sodiumItem, enabled: true },
+				{ ...modMenuItem, enabled: true },
+				{ ...fabricApiItem, enabled: false },
+			])
+			const selectedIds = ref<string[]>([])
+
+			const handleToggle = (id: string, value: boolean) => {
+				const item = items.value.find((i) => i.id === id)
+				if (item) item.enabled = value
+			}
+
+			const handleDelete = (id: string) => {
+				items.value = items.value.filter((i) => i.id !== id)
+				selectedIds.value = selectedIds.value.filter((i) => i !== id)
+			}
+
+			const handleUpdate = (id: string) => {
+				console.log('Update available clicked for:', id)
+			}
+
+			return { items, selectedIds, handleToggle, handleDelete, handleUpdate }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<ContentCardTable
+					:items="items"
+					show-selection
+					v-model:selected-ids="selectedIds"
+					@update:enabled="handleToggle"
+					@delete="handleDelete"
+					@update="handleUpdate"
+				/>
+				<div class="flex gap-4 text-sm text-secondary">
+					<span>Items: <strong>{{ items.length }}</strong></span>
+					<span>Selected: <strong>{{ selectedIds.length }}</strong></span>
+				</div>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// Slot Stories
+// ============================================
+
+export const WithCustomItemButtons: Story = {
+	render: () => ({
+		components: { ContentCardTable, ButtonStyled, EyeIcon, FolderOpenIcon, DownloadIcon },
+		setup() {
+			return { items: sampleItems }
+		},
+		template: /*html*/ `
+			<ContentCardTable
+				:items="items"
+				show-selection
+				@update:enabled="(id, val) => console.log('Toggle', id, val)"
+				@delete="(id) => console.log('Delete', id)"
+			>
+				<template #itemButtonsLeft="{ item }">
+					<ButtonStyled v-tooltip="'Download'" circular type="transparent" color="green" color-fill="text">
+						<button @click="console.log('Download', item.id)">
+							<DownloadIcon class="size-5" />
+						</button>
+					</ButtonStyled>
+				</template>
+				<template #itemButtonsRight="{ item }">
+					<ButtonStyled v-tooltip="'View on Modrinth'" circular type="transparent">
+						<button @click="console.log('View', item.id)">
+							<EyeIcon class="size-5 text-secondary" />
+						</button>
+					</ButtonStyled>
+					<ButtonStyled v-tooltip="'Open folder'" circular type="transparent">
+						<button @click="console.log('Open folder', item.id)">
+							<FolderOpenIcon class="size-5 text-secondary" />
+						</button>
+					</ButtonStyled>
+				</template>
+			</ContentCardTable>
+		`,
+	}),
+}
+
+export const WithEmptyState: Story = {
+	args: {
+		items: [],
+	},
+}
+
+export const WithCustomEmptyState: Story = {
+	render: () => ({
+		components: { ContentCardTable, ButtonStyled },
+		template: /*html*/ `
+			<ContentCardTable :items="[]">
+				<template #empty>
+					<div class="flex flex-col items-center gap-4 py-8">
+						<span class="text-lg text-secondary">No mods installed</span>
+						<ButtonStyled color="green">
+							<button>Browse mods</button>
+						</ButtonStyled>
+					</div>
+				</template>
+			</ContentCardTable>
+		`,
+	}),
+}
+
+// ============================================
+// State Stories
+// ============================================
+
+export const Disabled: Story = {
+	args: {
+		items: sampleItems,
+		showSelection: true,
+		disabled: true,
+	},
+}
+
+export const SingleItem: Story = {
+	args: {
+		items: [sodiumItem],
+		showSelection: true,
+	},
+}
+
+export const ManyItems: Story = {
+	render: () => ({
+		components: { ContentCardTable },
+		setup() {
+			const items = ref<ContentCardTableItem[]>(
+				Array.from({ length: 20 }, (_, i) => ({
+					...sodiumItem,
+					id: `item-${i}`,
+					project: {
+						...sodiumItem.project,
+						title: `Mod ${i + 1}`,
+					},
+					version: {
+						...sodiumItem.version!,
+						version_number: `1.0.${i}`,
+					},
+					enabled: i % 3 !== 0,
+				})),
+			)
+			const selectedIds = ref<string[]>([])
+
+			return { items, selectedIds }
+		},
+		template: /*html*/ `
+			<div class="max-h-[600px] overflow-auto">
+				<ContentCardTable
+					:items="items"
+					show-selection
+					v-model:selected-ids="selectedIds"
+					@update:enabled="(id, val) => console.log('Toggle', id, val)"
+					@delete="(id) => console.log('Delete', id)"
+				/>
+			</div>
+		`,
+	}),
+}
+
+// ============================================
+// With Overflow Menu
+// ============================================
+
+export const WithOverflowMenu: Story = {
+	render: () => ({
+		components: { ContentCardTable },
+		setup() {
+			const items: ContentCardTableItem[] = [
+				{
+					...sodiumItem,
+					overflowOptions: [
+						{ id: 'view', action: () => console.log('View sodium') },
+						{ id: 'folder', action: () => console.log('Open folder') },
+						{ divider: true },
+						{ id: 'remove', action: () => console.log('Remove'), color: 'red' as const },
+					],
+				},
+				{
+					...modMenuItem,
+					overflowOptions: [
+						{ id: 'view', action: () => console.log('View modmenu') },
+						{ divider: true },
+						{ id: 'remove', action: () => console.log('Remove'), color: 'red' as const },
+					],
+				},
+			]
+
+			return { items }
+		},
+		template: /*html*/ `
+			<ContentCardTable
+				:items="items"
+				show-selection
+				@update:enabled="(id, val) => console.log('Toggle', id, val)"
+				@delete="(id) => console.log('Delete', id)"
+			>
+				<template #view>View on Modrinth</template>
+				<template #folder>Open folder</template>
+				<template #remove>Remove</template>
+			</ContentCardTable>
+		`,
+	}),
+}
+
+// ============================================
+// Bulk Actions Demo
+// ============================================
+
+export const BulkActionsDemo: Story = {
+	render: () => ({
+		components: { ContentCardTable, ButtonStyled },
+		setup() {
+			const items = ref<ContentCardTableItem[]>([
+				{ ...sodiumItem, enabled: true },
+				{ ...modMenuItem, enabled: true },
+				{ ...fabricApiItem, enabled: false },
+				{ ...emfItem, enabled: true },
+				{ ...etfItem, enabled: true },
+			])
+			const selectedIds = ref<string[]>([])
+
+			const enableSelected = () => {
+				items.value.forEach((item) => {
+					if (selectedIds.value.includes(item.id)) {
+						item.enabled = true
+					}
+				})
+			}
+
+			const disableSelected = () => {
+				items.value.forEach((item) => {
+					if (selectedIds.value.includes(item.id)) {
+						item.enabled = false
+					}
+				})
+			}
+
+			const deleteSelected = () => {
+				items.value = items.value.filter((item) => !selectedIds.value.includes(item.id))
+				selectedIds.value = []
+			}
+
+			const handleToggle = (id: string, value: boolean) => {
+				const item = items.value.find((i) => i.id === id)
+				if (item) item.enabled = value
+			}
+
+			return { items, selectedIds, enableSelected, disableSelected, deleteSelected, handleToggle }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<div class="flex items-center gap-2">
+					<span class="text-sm text-secondary">{{ selectedIds.length }} selected</span>
+					<template v-if="selectedIds.length > 0">
+						<ButtonStyled size="small" color="green">
+							<button @click="enableSelected">Enable</button>
+						</ButtonStyled>
+						<ButtonStyled size="small" type="transparent">
+							<button @click="disableSelected">Disable</button>
+						</ButtonStyled>
+						<ButtonStyled size="small" color="red">
+							<button @click="deleteSelected">Delete</button>
+						</ButtonStyled>
+					</template>
+				</div>
+				<ContentCardTable
+					:items="items"
+					show-selection
+					v-model:selected-ids="selectedIds"
+					@update:enabled="handleToggle"
+					@delete="(id) => console.log('Delete', id)"
+				/>
+			</div>
+		`,
+	}),
+}
diff --git a/packages/ui/src/stories/instances/ContentModpackCard.stories.ts b/packages/ui/src/stories/instances/ContentModpackCard.stories.ts
index daa05188f1..6760e03892 100644
--- a/packages/ui/src/stories/instances/ContentModpackCard.stories.ts
+++ b/packages/ui/src/stories/instances/ContentModpackCard.stories.ts
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import { fn } from 'storybook/test'
 import { ref } from 'vue'
 
-import ContentCard from '../../components/instances/ContentCard.vue'
+import ContentCardItem from '../../components/instances/ContentCardItem.vue'
 import ContentModpackCard from '../../components/instances/ContentModpackCard.vue'
 import type {
 	ContentModpackCardCategory,
@@ -470,7 +470,7 @@ export const WithContentModal: Story = {
 		project: cobblemonProject,
 	},
 	render: () => ({
-		components: { ContentModpackCard, NewModal, ContentCard },
+		components: { ContentModpackCard, NewModal, ContentCardItem },
 		setup() {
 			const modalRef = ref<InstanceType<typeof NewModal> | null>(null)
 			const modpackContent = [
@@ -526,7 +526,7 @@ export const WithContentModal: Story = {
 				/>
 				<NewModal ref="modalRef" header="Modpack Content">
 					<div class="flex flex-col gap-4">
-						<ContentCard
+						<ContentCardItem
 							v-for="item in modpackContent"
 							:key="item.project.id"
 							:project="item.project"

From e0c871c0e4c0064ae2c1fd20b3119e43f85cc0a3 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 10:54:31 +0000
Subject: [PATCH 026/178] feat: migrate toggle to tailwind

---
 .../src/assets/styles/components.scss         |   67 +-
 apps/frontend/src/assets/styles/global.scss   |    4 -
 .../PlatformChangeModpackVersionModal.vue     |   15 +-
 .../ui/servers/PlatformMrpackModal.vue        |   14 +-
 .../ui/servers/PlatformVersionSelectModal.vue |   13 +-
 .../ui/servers/ServerInstallation.vue         |    4 -
 apps/frontend/src/locales/en-US/index.json    | 2931 -----------------
 .../pages/[type]/[id]/settings/members.vue    |    5 +-
 .../src/pages/discover/[type]/index.vue       |   13 +-
 apps/frontend/src/pages/flags.vue             |   95 +-
 .../hosting/manage/[id]/content/index.vue     |   20 +-
 .../manage/[id]/options/preferences.vue       |   13 +-
 .../manage/[id]/options/properties.vue        |   12 +-
 .../hosting/manage/[id]/options/startup.vue   |   15 +-
 apps/frontend/src/pages/settings/index.vue    |  131 +-
 packages/assets/styles/classes.scss           |   63 +-
 packages/ui/src/components/base/Toggle.vue    |    4 +-
 17 files changed, 154 insertions(+), 3265 deletions(-)

diff --git a/apps/frontend/src/assets/styles/components.scss b/apps/frontend/src/assets/styles/components.scss
index 357e33a3c1..21a5ccbf3d 100644
--- a/apps/frontend/src/assets/styles/components.scss
+++ b/apps/frontend/src/assets/styles/components.scss
@@ -223,10 +223,7 @@
 	:where(input) {
 		box-sizing: border-box;
 		max-height: 40px;
-
-		&:not(.stylized-toggle) {
-			max-width: 100%;
-		}
+		max-width: 100%;
 	}
 
 	:where(.adjacent-input, &.adjacent-input) {
@@ -271,10 +268,6 @@
 			&:not(&.small) {
 				flex-direction: column;
 				align-items: flex-start;
-
-				.stylized-toggle {
-					flex-basis: 0;
-				}
 			}
 		}
 	}
@@ -650,64 +643,6 @@ tr.button-transparent {
 	}
 }
 
-.switch {
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-	-webkit-tap-highlight-color: transparent;
-	cursor: pointer;
-
-	&:focus {
-		//outline: 0; Bad for accessibility
-	}
-}
-
-.stylized-toggle {
-	@extend .button-base;
-
-	box-sizing: content-box;
-	min-height: 32px;
-	height: 32px;
-	width: 52px;
-	max-width: 52px;
-	border-radius: var(--size-rounded-max);
-	display: inline-block;
-	position: relative;
-	margin: 0;
-	transition: all 0.2s ease;
-	background: var(--color-button-bg);
-
-	&:after {
-		content: '';
-		position: absolute;
-		top: 7px;
-		left: 7px;
-		width: 18px;
-		height: 18px;
-		border-radius: 50%;
-		background: var(--color-toggle-handle);
-		transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
-		outline: 2px solid transparent;
-
-		@media (prefers-reduced-motion) {
-			transition: none;
-		}
-	}
-
-	&:checked {
-		background-color: var(--color-brand);
-
-		&:after {
-			transform: translatex(20px);
-			background: var(--color-brand-inverted);
-		}
-	}
-
-	&:hover &:focus {
-		background: var(--color-button-bg);
-	}
-}
-
 .textarea-wrapper {
 	display: flex;
 	flex-direction: column;
diff --git a/apps/frontend/src/assets/styles/global.scss b/apps/frontend/src/assets/styles/global.scss
index 51c554d8d7..a01337a9a4 100644
--- a/apps/frontend/src/assets/styles/global.scss
+++ b/apps/frontend/src/assets/styles/global.scss
@@ -60,8 +60,6 @@ html {
 	--color-button-bg-active: #c3c6cb;
 	--color-button-text-active: var(--color-button-text-hover);
 
-	--color-toggle-handle: var(--color-icon);
-
 	--color-dropdown-bg: var(--color-button-bg);
 	--color-dropdown-text: var(--color-button-text);
 
@@ -177,8 +175,6 @@ html {
 	--color-button-bg-active: #616570;
 	--color-button-text-active: var(--color-button-text-hover);
 
-	--color-toggle-handle: var(--color-button-text);
-
 	--color-dropdown-bg: var(--color-button-bg);
 	--color-dropdown-text: var(--color-button-text);
 
diff --git a/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue b/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue
index 0b31fce762..2c9072a731 100644
--- a/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue
@@ -32,12 +32,7 @@
 						<label class="w-full text-lg font-bold text-contrast" for="modpack-hard-reset">
 							Erase all data
 						</label>
-						<input
-							id="modpack-hard-reset"
-							v-model="hardReset"
-							class="switch stylized-toggle shrink-0"
-							type="checkbox"
-						/>
+						<Toggle id="modpack-hard-reset" v-model="hardReset" class="shrink-0" />
 					</div>
 					<div>
 						If enabled, existing mods, worlds, and configurations, will be deleted before installing
@@ -69,7 +64,7 @@
 
 <script setup lang="ts">
 import { DownloadIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, Combobox, injectNotificationManager, NewModal } from '@modrinth/ui'
+import { ButtonStyled, Combobox, injectNotificationManager, NewModal, Toggle } from '@modrinth/ui'
 import { ModrinthServersFetchError } from '@modrinth/utils'
 
 import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
@@ -158,9 +153,3 @@ const hide = () => modal.value?.hide()
 
 defineExpose({ show, hide })
 </script>
-
-<style scoped>
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
-</style>
diff --git a/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue b/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue
index 436b938f80..d3d76f60f6 100644
--- a/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue
@@ -53,12 +53,7 @@
 								<label class="w-full text-lg font-bold text-contrast" for="hard-reset">
 									Erase all data
 								</label>
-								<input
-									id="hard-reset"
-									v-model="hardReset"
-									class="switch stylized-toggle shrink-0"
-									type="checkbox"
-								/>
+								<Toggle id="hard-reset" v-model="hardReset" class="shrink-0" />
 							</div>
 							<div>
 								Removes all data on your server, including your worlds, mods, and configuration
@@ -128,6 +123,7 @@ import {
 	ButtonStyled,
 	injectNotificationManager,
 	NewModal,
+	Toggle,
 } from '@modrinth/ui'
 import { ModrinthServersFetchError } from '@modrinth/utils'
 import { onMounted, onUnmounted } from 'vue'
@@ -255,9 +251,3 @@ const hide = () => mrpackModal.value?.hide()
 
 defineExpose({ show, hide })
 </script>
-
-<style scoped>
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
-</style>
diff --git a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue b/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
index 71b5609f89..c465180bb2 100644
--- a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
@@ -143,12 +143,7 @@
 						<label class="w-full text-lg font-bold text-contrast" for="hard-reset">
 							Erase all data
 						</label>
-						<input
-							id="hard-reset"
-							v-model="hardReset"
-							class="switch stylized-toggle shrink-0"
-							type="checkbox"
-						/>
+						<Toggle id="hard-reset" v-model="hardReset" class="shrink-0" />
 					</div>
 					<div>
 						Removes all data on your server, including your worlds, mods, and configuration files,
@@ -542,9 +537,3 @@ const hide = () => versionSelectModal.value?.hide()
 
 defineExpose({ show, hide })
 </script>
-
-<style scoped>
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
-</style>
diff --git a/apps/frontend/src/components/ui/servers/ServerInstallation.vue b/apps/frontend/src/components/ui/servers/ServerInstallation.vue
index 56ac895f4d..88a7db3ffe 100644
--- a/apps/frontend/src/components/ui/servers/ServerInstallation.vue
+++ b/apps/frontend/src/components/ui/servers/ServerInstallation.vue
@@ -274,10 +274,6 @@ watch(
 </script>
 
 <style scoped>
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
-
 .button-base:active {
 	scale: none !important;
 }
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 01a50b0f02..2c63c08510 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -1,2933 +1,2 @@
 {
-  "action.cancel": {
-    "message": "Cancel"
-  },
-  "action.continue": {
-    "message": "Continue"
-  },
-  "admin.billing.error.not-found": {
-    "message": "User not found"
-  },
-  "app-marketing.download.description": {
-    "message": "Our desktop app is available across all platforms, choose your desired version."
-  },
-  "app-marketing.download.download-appimage": {
-    "message": "Download the AppImage"
-  },
-  "app-marketing.download.download-beta": {
-    "message": "Download the beta"
-  },
-  "app-marketing.download.download-deb": {
-    "message": "Download the DEB"
-  },
-  "app-marketing.download.download-rpm": {
-    "message": "Download the RPM"
-  },
-  "app-marketing.download.linux": {
-    "message": "Linux"
-  },
-  "app-marketing.download.linux-disclaimer": {
-    "message": "The Linux versions of Modrinth App are <issues-link>known to have issues</issues-link> on certain systems and configurations. If Modrinth App is unstable on your system, we encourage you to try other apps like <prism-link>Prism Launcher</prism-link> to easily install Modrinth content."
-  },
-  "app-marketing.download.mac": {
-    "message": "Mac"
-  },
-  "app-marketing.download.options-title": {
-    "message": "Download options"
-  },
-  "app-marketing.download.terms": {
-    "message": "By downloading Modrinth App you agree to our <terms-link>Terms</terms-link> and <privacy-link>Privacy Policy</privacy-link>."
-  },
-  "app-marketing.download.third-party-packages": {
-    "message": "Third-party packages"
-  },
-  "app-marketing.download.title": {
-    "message": "Download Modrinth App (Beta)"
-  },
-  "app-marketing.download.windows": {
-    "message": "Windows"
-  },
-  "app-marketing.features.follow.description": {
-    "message": "Save content you love and receive updates with one click."
-  },
-  "app-marketing.features.follow.title": {
-    "message": "Follow projects"
-  },
-  "app-marketing.features.importing.description": {
-    "message": "Import all your favorite profiles from the launcher you were using before, and get started with Modrinth App in seconds!"
-  },
-  "app-marketing.features.importing.gdlauncher-alt": {
-    "message": "GDLauncher"
-  },
-  "app-marketing.features.importing.multimc-alt": {
-    "message": "MultiMC"
-  },
-  "app-marketing.features.importing.title": {
-    "message": "Profile importing"
-  },
-  "app-marketing.features.mod-management.actions": {
-    "message": "Actions"
-  },
-  "app-marketing.features.mod-management.byAuthor": {
-    "message": "by {author}"
-  },
-  "app-marketing.features.mod-management.description": {
-    "message": "Modrinth makes it easy to manage all your mods in one place. You can install, uninstall, and update mods with a single click."
-  },
-  "app-marketing.features.mod-management.installed-mods": {
-    "message": "Installed mods"
-  },
-  "app-marketing.features.mod-management.name": {
-    "message": "Name"
-  },
-  "app-marketing.features.mod-management.search-mods": {
-    "message": "Search mods"
-  },
-  "app-marketing.features.mod-management.title": {
-    "message": "Mod management"
-  },
-  "app-marketing.features.mod-management.version": {
-    "message": "Version"
-  },
-  "app-marketing.features.offline.description": {
-    "message": "Play your mods, whether you are connected to the internet, or not."
-  },
-  "app-marketing.features.offline.title": {
-    "message": "Offline mode"
-  },
-  "app-marketing.features.open-source.description": {
-    "message": "Modrinth's launcher is fully open source. You can view the source code on our <github-link>GitHub</github-link>!"
-  },
-  "app-marketing.features.open-source.title": {
-    "message": "Open source"
-  },
-  "app-marketing.features.performance.activity-monitor": {
-    "message": "Activity monitor"
-  },
-  "app-marketing.features.performance.cpu-percent": {
-    "message": "% CPU"
-  },
-  "app-marketing.features.performance.description": {
-    "message": "Modrinth App performs better than many of the leading mod managers, using just 150mb of RAM!"
-  },
-  "app-marketing.features.performance.discord": {
-    "message": "Discord"
-  },
-  "app-marketing.features.performance.good-performance": {
-    "message": "Good performance"
-  },
-  "app-marketing.features.performance.google-chrome": {
-    "message": "Google Chrome"
-  },
-  "app-marketing.features.performance.infinite-mb": {
-    "message": "∞ MB"
-  },
-  "app-marketing.features.performance.infinite-times-infinite-mb": {
-    "message": "∞ * ∞ MB"
-  },
-  "app-marketing.features.performance.less-than-150mb": {
-    "message": "< 150 MB"
-  },
-  "app-marketing.features.performance.modrinth-app": {
-    "message": "Modrinth App"
-  },
-  "app-marketing.features.performance.one-billion-percent": {
-    "message": "1 billion %"
-  },
-  "app-marketing.features.performance.process-name": {
-    "message": "Process name"
-  },
-  "app-marketing.features.performance.ram": {
-    "message": "RAM"
-  },
-  "app-marketing.features.performance.small": {
-    "message": "Small"
-  },
-  "app-marketing.features.performance.title": {
-    "message": "Performant"
-  },
-  "app-marketing.features.play.description": {
-    "message": "Use Modrinth App to download and play with your favorite mods and modpacks."
-  },
-  "app-marketing.features.play.title": {
-    "message": "Play with your favorite mods"
-  },
-  "app-marketing.features.sharing.description": {
-    "message": "Build, share, and play modpacks with any of the thousands of mods and modpacks hosted here on Modrinth."
-  },
-  "app-marketing.features.sharing.modpack": {
-    "message": "Modpack"
-  },
-  "app-marketing.features.sharing.share-button": {
-    "message": "Share"
-  },
-  "app-marketing.features.sharing.title": {
-    "message": "Share modpacks"
-  },
-  "app-marketing.features.unlike-any-launcher": {
-    "message": "Unlike any launcher"
-  },
-  "app-marketing.features.website.description": {
-    "message": "Modrinth App is fully integrated with the website, so you can access all your favorite projects from the app!"
-  },
-  "app-marketing.features.website.title": {
-    "message": "Website integration"
-  },
-  "app-marketing.features.youve-used-before": {
-    "message": "you've used before"
-  },
-  "app-marketing.hero.app-screenshot-alt": {
-    "message": "Screenshot of Modrinth App with a Cobblemon instance opened to the 'Content' page."
-  },
-  "app-marketing.hero.description": {
-    "message": "Modrinth App is a unique, open source launcher that allows you to play your favorite mods, and keep them up to date, all in one neat little package."
-  },
-  "app-marketing.hero.download-button": {
-    "message": "Download Modrinth App"
-  },
-  "app-marketing.hero.download-modrinth-app": {
-    "message": "Download Modrinth App"
-  },
-  "app-marketing.hero.download-modrinth-app-for-os": {
-    "message": "Download Modrinth App for {os}"
-  },
-  "app-marketing.hero.minecraft-screenshot-alt": {
-    "message": "Screenshot of the Cobblemon instance's main menu screen."
-  },
-  "app-marketing.hero.more-download-options": {
-    "message": "More Download Options"
-  },
-  "auth.authorize.action.authorize": {
-    "message": "Authorize"
-  },
-  "auth.authorize.action.decline": {
-    "message": "Decline"
-  },
-  "auth.authorize.app-info": {
-    "message": "<strong>{appName}</strong> by <creator-link>{creator}</creator-link> will be able to:"
-  },
-  "auth.authorize.authorize-app-name": {
-    "message": "Authorize {appName}"
-  },
-  "auth.authorize.error.no-redirect-url": {
-    "message": "No redirect location found in response"
-  },
-  "auth.authorize.redirect-url": {
-    "message": "You will be redirected to <redirect-url>{url}</redirect-url>"
-  },
-  "auth.reset-password.method-choice.action": {
-    "message": "Send recovery email"
-  },
-  "auth.reset-password.method-choice.description": {
-    "message": "Enter your email below and we'll send a recovery link to allow you to recover your account."
-  },
-  "auth.reset-password.method-choice.email-username.label": {
-    "message": "Email or username"
-  },
-  "auth.reset-password.method-choice.email-username.placeholder": {
-    "message": "Email"
-  },
-  "auth.reset-password.notification.email-sent.text": {
-    "message": "An email with instructions has been sent to you if the email was previously saved on your account."
-  },
-  "auth.reset-password.notification.email-sent.title": {
-    "message": "Email sent"
-  },
-  "auth.reset-password.notification.password-reset.text": {
-    "message": "You can now log-in into your account with your new password."
-  },
-  "auth.reset-password.notification.password-reset.title": {
-    "message": "Password successfully reset"
-  },
-  "auth.reset-password.post-challenge.action": {
-    "message": "Reset password"
-  },
-  "auth.reset-password.post-challenge.confirm-password.label": {
-    "message": "Confirm password"
-  },
-  "auth.reset-password.post-challenge.description": {
-    "message": "Enter your new password below to gain access to your account."
-  },
-  "auth.reset-password.title": {
-    "message": "Reset Password"
-  },
-  "auth.reset-password.title.long": {
-    "message": "Reset your password"
-  },
-  "auth.sign-in.2fa.description": {
-    "message": "Please enter a two-factor code to proceed."
-  },
-  "auth.sign-in.2fa.label": {
-    "message": "Enter two-factor code"
-  },
-  "auth.sign-in.2fa.placeholder": {
-    "message": "Enter code..."
-  },
-  "auth.sign-in.additional-options": {
-    "message": "<forgot-password-link>Forgot password?</forgot-password-link> • <create-account-link>Create an account</create-account-link>"
-  },
-  "auth.sign-in.email-username.label": {
-    "message": "Email or username"
-  },
-  "auth.sign-in.password.label": {
-    "message": "Password"
-  },
-  "auth.sign-in.sign-in-with": {
-    "message": "Sign in with"
-  },
-  "auth.sign-in.title": {
-    "message": "Sign In"
-  },
-  "auth.sign-in.use-password": {
-    "message": "Or use a password"
-  },
-  "auth.sign-up.action.create-account": {
-    "message": "Create account"
-  },
-  "auth.sign-up.confirm-password.label": {
-    "message": "Confirm password"
-  },
-  "auth.sign-up.email.label": {
-    "message": "Email"
-  },
-  "auth.sign-up.label.username": {
-    "message": "Username"
-  },
-  "auth.sign-up.legal-dislaimer": {
-    "message": "By creating an account, you agree to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
-  },
-  "auth.sign-up.notification.password-mismatch.text": {
-    "message": "Passwords do not match!"
-  },
-  "auth.sign-up.password.label": {
-    "message": "Password"
-  },
-  "auth.sign-up.sign-in-option.title": {
-    "message": "Already have an account?"
-  },
-  "auth.sign-up.subscribe.label": {
-    "message": "Subscribe to updates about Modrinth"
-  },
-  "auth.sign-up.title": {
-    "message": "Sign Up"
-  },
-  "auth.sign-up.title.create-account": {
-    "message": "Or create an account yourself"
-  },
-  "auth.sign-up.title.sign-up-with": {
-    "message": "Sign up with"
-  },
-  "auth.verify-email.action.account-settings": {
-    "message": "Account settings"
-  },
-  "auth.verify-email.action.sign-in": {
-    "message": "Sign in"
-  },
-  "auth.verify-email.already-verified.description": {
-    "message": "Your email is already verified!"
-  },
-  "auth.verify-email.already-verified.title": {
-    "message": "Email already verified"
-  },
-  "auth.verify-email.failed-verification.action": {
-    "message": "Resend verification email"
-  },
-  "auth.verify-email.failed-verification.description": {
-    "message": "We were unable to verify your email. Try re-sending the verification email through your dashboard by signing in."
-  },
-  "auth.verify-email.failed-verification.description.logged-in": {
-    "message": "We were unable to verify your email. Try re-sending the verification email through the button below."
-  },
-  "auth.verify-email.failed-verification.title": {
-    "message": "Email verification failed"
-  },
-  "auth.verify-email.post-verification.description": {
-    "message": "Your email address has been successfully verified!"
-  },
-  "auth.verify-email.post-verification.title": {
-    "message": "Email verification"
-  },
-  "auth.verify-email.title": {
-    "message": "Verify Email"
-  },
-  "auth.welcome.checkbox.subscribe": {
-    "message": "Subscribe to updates about Modrinth"
-  },
-  "auth.welcome.description": {
-    "message": "You’re now part of the awesome community of creators & explorers already building, downloading, and staying up-to-date with amazing mods."
-  },
-  "auth.welcome.label.tos": {
-    "message": "By creating an account, you have agreed to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
-  },
-  "auth.welcome.long-title": {
-    "message": "Welcome to Modrinth!"
-  },
-  "auth.welcome.title": {
-    "message": "Welcome"
-  },
-  "collection.button.edit-icon": {
-    "message": "Edit icon"
-  },
-  "collection.button.remove-icon": {
-    "message": "Remove icon"
-  },
-  "collection.button.remove-project": {
-    "message": "Remove project"
-  },
-  "collection.button.replace-icon": {
-    "message": "Replace icon"
-  },
-  "collection.button.select-icon": {
-    "message": "Select icon"
-  },
-  "collection.button.unfollow-project": {
-    "message": "Unfollow project"
-  },
-  "collection.delete-modal.description": {
-    "message": "This will permanently delete this collection. This action cannot be undone."
-  },
-  "collection.delete-modal.title": {
-    "message": "Are you sure you want to delete this collection?"
-  },
-  "collection.description": {
-    "message": "{description} - View the collection {name} by {username} on Modrinth"
-  },
-  "collection.description.following": {
-    "message": "Auto-generated collection of all the projects you're following."
-  },
-  "collection.editing": {
-    "message": "Editing collection"
-  },
-  "collection.error.not-found": {
-    "message": "Collection not found"
-  },
-  "collection.label.created-at": {
-    "message": "Created {ago}"
-  },
-  "collection.label.curated-by": {
-    "message": "Curated by"
-  },
-  "collection.label.description": {
-    "message": "Description"
-  },
-  "collection.label.details": {
-    "message": "Details"
-  },
-  "collection.label.no-projects": {
-    "message": "No projects in collection yet"
-  },
-  "collection.label.projects-count": {
-    "message": "{count, plural, =0 {No projects yet} one {<stat>{count}</stat> project} other {<stat>{count}</stat> {type}}}"
-  },
-  "collection.label.updated-at": {
-    "message": "Updated {ago}"
-  },
-  "collection.return-link.dashboard-collections": {
-    "message": "Your collections"
-  },
-  "collection.return-link.user": {
-    "message": "{user}'s profile"
-  },
-  "collection.title": {
-    "message": "{name} - Collection"
-  },
-  "common.no": {
-    "message": "No"
-  },
-  "common.yes": {
-    "message": "Yes"
-  },
-  "create-project-version.create-modal.stage.add-files.admonition": {
-    "message": "Supplementary files are for supporting resources like source code, not for alternative versions or variants."
-  },
-  "create.collection.cancel": {
-    "message": "Cancel"
-  },
-  "create.collection.collection-info": {
-    "message": "Your new collection will be created as a public collection with {count, plural, =0 {no projects} one {# project} other {# projects}}."
-  },
-  "create.collection.create-collection": {
-    "message": "Create collection"
-  },
-  "create.collection.error-title": {
-    "message": "An error occurred"
-  },
-  "create.collection.name-label": {
-    "message": "Name"
-  },
-  "create.collection.name-placeholder": {
-    "message": "Enter collection name..."
-  },
-  "create.collection.summary-description": {
-    "message": "A sentence or two that describes your collection."
-  },
-  "create.collection.summary-label": {
-    "message": "Summary"
-  },
-  "create.collection.summary-placeholder": {
-    "message": "This is a collection of..."
-  },
-  "create.collection.title": {
-    "message": "Creating a collection"
-  },
-  "create.limit-alert.approaching-limit": {
-    "message": "Approaching {type} limit ({current}/{max})"
-  },
-  "create.limit-alert.approaching-limit-description": {
-    "message": "You're about to hit the {type} limit, please contact support if you need more than {max} {typePlural}."
-  },
-  "create.limit-alert.contact-support": {
-    "message": "Contact support"
-  },
-  "create.limit-alert.limit-reached": {
-    "message": "{type} limit reached"
-  },
-  "create.limit-alert.limit-reached-description": {
-    "message": "You've reached your {type} limit of {max}. Please contact support to increase your limit."
-  },
-  "create.limit-alert.type-collection": {
-    "message": "collection"
-  },
-  "create.limit-alert.type-organization": {
-    "message": "organization"
-  },
-  "create.limit-alert.type-plural-collection": {
-    "message": "collections"
-  },
-  "create.limit-alert.type-plural-organization": {
-    "message": "organizations"
-  },
-  "create.limit-alert.type-plural-project": {
-    "message": "projects"
-  },
-  "create.limit-alert.type-project": {
-    "message": "project"
-  },
-  "create.organization.cancel": {
-    "message": "Cancel"
-  },
-  "create.organization.create-organization": {
-    "message": "Create organization"
-  },
-  "create.organization.error-title": {
-    "message": "An error occurred"
-  },
-  "create.organization.name-label": {
-    "message": "Name"
-  },
-  "create.organization.name-placeholder": {
-    "message": "Enter organization name..."
-  },
-  "create.organization.ownership-info": {
-    "message": "You will be the owner of this organization, but you can invite other members and transfer ownership at any time."
-  },
-  "create.organization.summary-description": {
-    "message": "A sentence or two that describes your organization."
-  },
-  "create.organization.summary-label": {
-    "message": "Summary"
-  },
-  "create.organization.summary-placeholder": {
-    "message": "An organization for..."
-  },
-  "create.organization.title": {
-    "message": "Creating an organization"
-  },
-  "create.organization.url-label": {
-    "message": "URL"
-  },
-  "create.project.cancel": {
-    "message": "Cancel"
-  },
-  "create.project.create-project": {
-    "message": "Create project"
-  },
-  "create.project.error-title": {
-    "message": "An error occurred"
-  },
-  "create.project.name-label": {
-    "message": "Name"
-  },
-  "create.project.name-placeholder": {
-    "message": "Enter project name..."
-  },
-  "create.project.summary-description": {
-    "message": "A sentence or two that describes your project."
-  },
-  "create.project.summary-label": {
-    "message": "Summary"
-  },
-  "create.project.summary-placeholder": {
-    "message": "This project adds..."
-  },
-  "create.project.title": {
-    "message": "Creating a project"
-  },
-  "create.project.url-label": {
-    "message": "URL"
-  },
-  "create.project.visibility-description": {
-    "message": "The visibility of your project after it has been approved."
-  },
-  "create.project.visibility-label": {
-    "message": "Visibility"
-  },
-  "create.project.visibility-private": {
-    "message": "Private"
-  },
-  "create.project.visibility-public": {
-    "message": "Public"
-  },
-  "create.project.visibility-unlisted": {
-    "message": "Unlisted"
-  },
-  "dashboard.affiliate-links.create.button": {
-    "message": "Create affiliate link"
-  },
-  "dashboard.affiliate-links.error.title": {
-    "message": "Error loading affiliate links"
-  },
-  "dashboard.affiliate-links.header": {
-    "message": "Your affiliate links"
-  },
-  "dashboard.affiliate-links.revoke-confirm.body": {
-    "message": "This will permanently revoke the affiliate code `{id}` and any existing links with this code that have been shared will no longer be valid."
-  },
-  "dashboard.affiliate-links.revoke-confirm.button": {
-    "message": "Revoke"
-  },
-  "dashboard.affiliate-links.revoke-confirm.title": {
-    "message": "Are you sure you want to revoke your ''{title}'' affiliate link?"
-  },
-  "dashboard.affiliate-links.search": {
-    "message": "Search affiliate links..."
-  },
-  "dashboard.collections.button.create-new": {
-    "message": "Create new"
-  },
-  "dashboard.collections.label.projects-count": {
-    "message": "{count, plural, one {{count} project} other {{count} projects}}"
-  },
-  "dashboard.collections.label.search-input": {
-    "message": "Search your collections"
-  },
-  "dashboard.collections.long-title": {
-    "message": "Your collections"
-  },
-  "dashboard.creator-tax-form-modal.confirmation.download-button": {
-    "message": "Download {formType}"
-  },
-  "dashboard.creator-tax-form-modal.confirmation.success": {
-    "message": "Your {formType} tax form has been submitted successfully!"
-  },
-  "dashboard.creator-tax-form-modal.confirmation.support-text": {
-    "message": "You can freely withdraw now. If you have questions or need to update your details <support-link>contact support</support-link>."
-  },
-  "dashboard.creator-tax-form-modal.confirmation.title": {
-    "message": "You're all set! 🎉"
-  },
-  "dashboard.creator-tax-form-modal.entity.description": {
-    "message": "A foreign entity means a business entity organized outside the United States (such as a non-US corporation, partnership, or LLC)."
-  },
-  "dashboard.creator-tax-form-modal.entity.foreign-entity": {
-    "message": "Foreign entity"
-  },
-  "dashboard.creator-tax-form-modal.entity.private-individual": {
-    "message": "Private individual"
-  },
-  "dashboard.creator-tax-form-modal.entity.question": {
-    "message": "Are you a private individual or part of a foreign entity?"
-  },
-  "dashboard.creator-tax-form-modal.header": {
-    "message": "Tax form"
-  },
-  "dashboard.creator-tax-form-modal.security.description": {
-    "message": "Modrinth uses third-party provider Track1099 to securely collect and store your tax forms. <security-link>Learn more here.</security-link>"
-  },
-  "dashboard.creator-tax-form-modal.security.header": {
-    "message": "Security practices"
-  },
-  "dashboard.creator-tax-form-modal.us-citizen.question": {
-    "message": "Are you a US citizen?"
-  },
-  "dashboard.creator-withdraw-modal.complete-tax-form": {
-    "message": "Complete tax form"
-  },
-  "dashboard.creator-withdraw-modal.continue-with-limit": {
-    "message": "Continue with limit"
-  },
-  "dashboard.creator-withdraw-modal.details-label": {
-    "message": "Details"
-  },
-  "dashboard.creator-withdraw-modal.fee-breakdown-amount": {
-    "message": "Amount"
-  },
-  "dashboard.creator-withdraw-modal.fee-breakdown-exchange-rate": {
-    "message": "FX rate"
-  },
-  "dashboard.creator-withdraw-modal.fee-breakdown-fee": {
-    "message": "Fee"
-  },
-  "dashboard.creator-withdraw-modal.fee-breakdown-gift-card-value": {
-    "message": "Gift card value"
-  },
-  "dashboard.creator-withdraw-modal.fee-breakdown-net-amount": {
-    "message": "Net amount"
-  },
-  "dashboard.creator-withdraw-modal.fee-breakdown-usd-equivalent": {
-    "message": "USD equivalent"
-  },
-  "dashboard.creator-withdraw-modal.kyc.business-entity": {
-    "message": "Business entity"
-  },
-  "dashboard.creator-withdraw-modal.kyc.entity-description": {
-    "message": "A business entity refers to a registered organization such as a corporation, partnership, or LLC."
-  },
-  "dashboard.creator-withdraw-modal.kyc.entity-question": {
-    "message": "Are you a withdrawing as an individual or business?"
-  },
-  "dashboard.creator-withdraw-modal.kyc.private-individual": {
-    "message": "Private individual"
-  },
-  "dashboard.creator-withdraw-modal.method-selection.country-placeholder": {
-    "message": "Select your country"
-  },
-  "dashboard.creator-withdraw-modal.method-selection.country-search-placeholder": {
-    "message": "Search countries..."
-  },
-  "dashboard.creator-withdraw-modal.method-selection.error-text": {
-    "message": "Unable to fetch available payment methods. Please try again later."
-  },
-  "dashboard.creator-withdraw-modal.method-selection.error-title": {
-    "message": "Failed to load payment methods"
-  },
-  "dashboard.creator-withdraw-modal.method-selection.region": {
-    "message": "Region"
-  },
-  "dashboard.creator-withdraw-modal.method-selection.region-tooltip": {
-    "message": "Some payout methods are not available in certain regions."
-  },
-  "dashboard.creator-withdraw-modal.method-selection.select-method": {
-    "message": "Select withdraw method"
-  },
-  "dashboard.creator-withdraw-modal.method-selection.tax-limit-warning": {
-    "message": "Your withdraw limit is <b>{amount}</b>, <tax-link>complete a tax form</tax-link> to withdraw more."
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.account-owner": {
-    "message": "Account owner"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.bank-account-owner": {
-    "message": "Bank account owner"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.bank-account-owner-description": {
-    "message": "Enter the name of the person authorized to operate this bank account on behalf of the business."
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.coin": {
-    "message": "Coin"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.crypto-warning-header": {
-    "message": "Confirm your wallet address"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id": {
-    "message": "National ID number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id-placeholder": {
-    "message": "Enter national ID number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-passport": {
-    "message": "Passport number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-passport-placeholder": {
-    "message": "Enter passport number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id": {
-    "message": "Resident ID number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id-placeholder": {
-    "message": "Enter resident ID number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc": {
-    "message": "RUC number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc-placeholder": {
-    "message": "Enter RUC number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id": {
-    "message": "Tax ID number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id-placeholder": {
-    "message": "Enter tax ID number"
-  },
-  "dashboard.creator-withdraw-modal.muralpay-details.network": {
-    "message": "Network"
-  },
-  "dashboard.creator-withdraw-modal.nearing-threshold": {
-    "message": "You're nearing the withdraw threshold. You can withdraw <b>{amountRemaining}</b> now, but a tax form is required for more."
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.account": {
-    "message": "Account"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.disconnect-account": {
-    "message": "Disconnect account"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.payment-method": {
-    "message": "Payment method"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.paypal-account": {
-    "message": "PayPal account"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.paypal-auth-description": {
-    "message": "Connect your PayPal account to receive payments directly."
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.save-button": {
-    "message": "Save"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.save-success": {
-    "message": "Venmo handle saved successfully!"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.saved-button": {
-    "message": "Saved"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.sign-in-with-paypal": {
-    "message": "Sign in with PayPal"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.venmo-description": {
-    "message": "Enter your Venmo handle to receive payments."
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.venmo-handle": {
-    "message": "Venmo handle"
-  },
-  "dashboard.creator-withdraw-modal.paypal-details.venmo-handle-placeholder": {
-    "message": "@username"
-  },
-  "dashboard.creator-withdraw-modal.stage.completion": {
-    "message": "Complete"
-  },
-  "dashboard.creator-withdraw-modal.stage.method-selection": {
-    "message": "Method"
-  },
-  "dashboard.creator-withdraw-modal.stage.muralpay-details": {
-    "message": "Account Details"
-  },
-  "dashboard.creator-withdraw-modal.stage.muralpay-kyc": {
-    "message": "Verification"
-  },
-  "dashboard.creator-withdraw-modal.stage.tax-form": {
-    "message": "Tax form"
-  },
-  "dashboard.creator-withdraw-modal.stage.tremendous-details": {
-    "message": "Details"
-  },
-  "dashboard.creator-withdraw-modal.tax-form-required.body": {
-    "message": "To withdraw your full <b>{available}</b> available balance please complete the form below. It is required for tax reporting and only needs to be done once."
-  },
-  "dashboard.creator-withdraw-modal.tax-form-required.body-with-limit": {
-    "message": "You must complete a W-9 or W-8 form for Modrinth's tax records so we remain compliant with tax regulations."
-  },
-  "dashboard.creator-withdraw-modal.tax-form-required.header": {
-    "message": "Tax form required"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.available-denominations-label": {
-    "message": "Available denominations"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.balance-worth-hint": {
-    "message": "Your balance of {usdBalance} is currently worth {localBalance}."
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.enter-amount-hint": {
-    "message": "Find gift cards near this value."
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.enter-denomination-placeholder": {
-    "message": "Enter amount"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.payment-method": {
-    "message": "Payment method"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.reward": {
-    "message": "Reward"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.reward-placeholder": {
-    "message": "Select reward"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.reward-plural": {
-    "message": "Rewards"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.search-amount-label": {
-    "message": "Search amount"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.select-denomination-hint": {
-    "message": "Select a denomination:"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.select-denomination-required": {
-    "message": "Please select a denomination to continue"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.unverified-email-header": {
-    "message": "Unverified email"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.unverified-email-message": {
-    "message": "The delivery email you have entered is not associated with your Modrinth account. Modrinth cannot recover rewards sent to an incorrect email address."
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.usd-paypal-warning-header": {
-    "message": "Lower fees available"
-  },
-  "dashboard.creator-withdraw-modal.tremendous-details.usd-paypal-warning-message": {
-    "message": "You selected USD for PayPal International. <direct-paypal-link>Switch to direct PayPal</direct-paypal-link> for better fees (≈2% instead of ≈6%)."
-  },
-  "dashboard.creator-withdraw-modal.withdraw-button": {
-    "message": "Withdraw"
-  },
-  "dashboard.creator-withdraw-modal.withdraw-limit": {
-    "message": "Withdraw limit"
-  },
-  "dashboard.creator-withdraw-modal.withdraw-limit-used": {
-    "message": "You've used up your <b>{withdrawLimit}</b> withdrawal limit. You must complete a tax form to withdraw more."
-  },
-  "dashboard.revenue.available-now": {
-    "message": "Available now"
-  },
-  "dashboard.revenue.balance": {
-    "message": "Balance"
-  },
-  "dashboard.revenue.estimated-tooltip.msg1": {
-    "message": "Estimated revenue may be subject to change until it is made available."
-  },
-  "dashboard.revenue.estimated-tooltip.msg2": {
-    "message": "Click to read about how Modrinth handles your revenue."
-  },
-  "dashboard.revenue.estimated-with-date": {
-    "message": "Estimated {date}"
-  },
-  "dashboard.revenue.processing": {
-    "message": "Processing"
-  },
-  "dashboard.revenue.processing.tooltip": {
-    "message": "Revenue stays in processing until the end of the month, then becomes available 60 days later."
-  },
-  "dashboard.revenue.stats.received": {
-    "message": "Received"
-  },
-  "dashboard.revenue.stats.transactions": {
-    "message": "Transactions"
-  },
-  "dashboard.revenue.stats.withdrawn": {
-    "message": "Withdrawn"
-  },
-  "dashboard.revenue.tos": {
-    "message": "By uploading projects to Modrinth and withdrawing money from your account, you agree to our <terms-link>Rewards Program Terms</terms-link>. Learn more about the <info-link>Reward Program</info-link>."
-  },
-  "dashboard.revenue.transactions.btn.download-csv": {
-    "message": "Download as CSV"
-  },
-  "dashboard.revenue.transactions.header": {
-    "message": "Transactions"
-  },
-  "dashboard.revenue.transactions.none": {
-    "message": "No transactions"
-  },
-  "dashboard.revenue.transactions.none.desc": {
-    "message": "Your payouts and withdrawals will appear here."
-  },
-  "dashboard.revenue.transactions.see-all": {
-    "message": "See all"
-  },
-  "dashboard.revenue.withdraw.blocked-tin-mismatch": {
-    "message": "Your withdrawals are temporarily locked because your TIN or SSN didn't match IRS records. Please contact support to reset and resubmit your tax form."
-  },
-  "dashboard.revenue.withdraw.card.description": {
-    "message": "Withdraw from your available balance to any payout method."
-  },
-  "dashboard.revenue.withdraw.card.title": {
-    "message": "Withdraw"
-  },
-  "dashboard.revenue.withdraw.header": {
-    "message": "Withdraw"
-  },
-  "dashboard.withdraw.completion.account": {
-    "message": "Account"
-  },
-  "dashboard.withdraw.completion.amount": {
-    "message": "Amount"
-  },
-  "dashboard.withdraw.completion.close-button": {
-    "message": "Close"
-  },
-  "dashboard.withdraw.completion.date": {
-    "message": "Date"
-  },
-  "dashboard.withdraw.completion.email-confirmation": {
-    "message": "You'll receive an email at <b>{email}</b> with instructions to redeem your withdrawal."
-  },
-  "dashboard.withdraw.completion.exchange-rate": {
-    "message": "Exchange rate"
-  },
-  "dashboard.withdraw.completion.fee": {
-    "message": "Fee"
-  },
-  "dashboard.withdraw.completion.method": {
-    "message": "Method"
-  },
-  "dashboard.withdraw.completion.net-amount": {
-    "message": "Net amount"
-  },
-  "dashboard.withdraw.completion.recipient": {
-    "message": "Recipient"
-  },
-  "dashboard.withdraw.completion.title": {
-    "message": "Withdraw complete"
-  },
-  "dashboard.withdraw.completion.transactions-button": {
-    "message": "Transactions"
-  },
-  "dashboard.withdraw.completion.wallet": {
-    "message": "Wallet"
-  },
-  "dashboard.withdraw.error.account-not-linked.text": {
-    "message": "Please link your payment account before withdrawing."
-  },
-  "dashboard.withdraw.error.account-not-linked.title": {
-    "message": "Account not linked"
-  },
-  "dashboard.withdraw.error.email-verification.text": {
-    "message": "You must verify your email address before withdrawing funds."
-  },
-  "dashboard.withdraw.error.email-verification.title": {
-    "message": "Email verification required"
-  },
-  "dashboard.withdraw.error.generic.text": {
-    "message": "We were unable to submit your withdrawal request, please check your details or contact support.\n{error}"
-  },
-  "dashboard.withdraw.error.generic.title": {
-    "message": "Unable to withdraw"
-  },
-  "dashboard.withdraw.error.insufficient-balance.text": {
-    "message": "You do not have enough funds to make this withdrawal."
-  },
-  "dashboard.withdraw.error.insufficient-balance.title": {
-    "message": "Insufficient balance"
-  },
-  "dashboard.withdraw.error.invalid-address.text": {
-    "message": "The address you provided could not be verified. Please check your address details."
-  },
-  "dashboard.withdraw.error.invalid-address.title": {
-    "message": "Address verification failed"
-  },
-  "dashboard.withdraw.error.invalid-bank.text": {
-    "message": "The bank account details you provided are invalid. Please verify your information."
-  },
-  "dashboard.withdraw.error.invalid-bank.title": {
-    "message": "Invalid bank details"
-  },
-  "dashboard.withdraw.error.invalid-wallet.text": {
-    "message": "The crypto wallet address you provided is invalid. Please double-check and try again."
-  },
-  "dashboard.withdraw.error.invalid-wallet.title": {
-    "message": "Invalid wallet address"
-  },
-  "dashboard.withdraw.error.minimum-not-met.text": {
-    "message": "The withdrawal amount (after fees) doesn't meet the minimum requirement. Please increase your withdrawal amount."
-  },
-  "dashboard.withdraw.error.minimum-not-met.title": {
-    "message": "Amount too low"
-  },
-  "dashboard.withdraw.error.paypal-country-mismatch.text": {
-    "message": "Please use the correct PayPal transfer option for your region (US or International)."
-  },
-  "dashboard.withdraw.error.paypal-country-mismatch.title": {
-    "message": "PayPal region mismatch"
-  },
-  "dashboard.withdraw.error.tax-form.text": {
-    "message": "You must complete a tax form to submit your withdrawal request."
-  },
-  "dashboard.withdraw.error.tax-form.title": {
-    "message": "Please complete tax form"
-  },
-  "error.collection.404.list_item.1": {
-    "message": "You may have mistyped the collection's URL."
-  },
-  "error.collection.404.list_item.2": {
-    "message": "The collection may be private."
-  },
-  "error.collection.404.list_item.3": {
-    "message": "The collection may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
-  },
-  "error.collection.404.list_title": {
-    "message": "Why?"
-  },
-  "error.collection.404.title": {
-    "message": "Collection not found"
-  },
-  "error.generic.404.subtitle": {
-    "message": "The page you were looking for doesn't seem to exist."
-  },
-  "error.generic.404.title": {
-    "message": "Page not found"
-  },
-  "error.generic.451.subtitle": {
-    "message": "This page has been blocked for legal reasons, such as government censorship or ongoing legal proceedings."
-  },
-  "error.generic.451.title": {
-    "message": "Content unavailable for legal reasons"
-  },
-  "error.generic.default.list_item.1": {
-    "message": "Check if Modrinth is down on our <status-link>Status page</status-link>."
-  },
-  "error.generic.default.list_item.2": {
-    "message": "If this keeps happening, you may want to let the Modrinth Team know by joining our <discord-link>Discord server</discord-link>."
-  },
-  "error.generic.default.list_title": {
-    "message": "Please try again in a few minutes."
-  },
-  "error.generic.default.subtitle": {
-    "message": "Something went wrong."
-  },
-  "error.generic.default.title": {
-    "message": "Uh oh!"
-  },
-  "error.organization.404.list_item.1": {
-    "message": "You may have mistyped the organization's URL."
-  },
-  "error.organization.404.list_item.2": {
-    "message": "The organization's owner may have changed the URL or deleted it."
-  },
-  "error.organization.404.list_item.3": {
-    "message": "The organization may have been removed by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
-  },
-  "error.organization.404.list_title": {
-    "message": "Why?"
-  },
-  "error.organization.404.title": {
-    "message": "Organization not found"
-  },
-  "error.project.404.list_item.1": {
-    "message": "You may have mistyped the project's URL."
-  },
-  "error.project.404.list_item.2": {
-    "message": "The project's owner may have changed the URL, made the project private, or deleted it."
-  },
-  "error.project.404.list_item.3": {
-    "message": "The project may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
-  },
-  "error.project.404.list_title": {
-    "message": "Why?"
-  },
-  "error.project.404.title": {
-    "message": "Project not found"
-  },
-  "error.user.404.list_item.1": {
-    "message": "You may have mistyped the user's username."
-  },
-  "error.user.404.list_item.2": {
-    "message": "The user may have changed their username or deleted their account."
-  },
-  "error.user.404.list_item.3": {
-    "message": "The user's account may have been terminated for violating Modrinth's <tou-link>Terms of Use</tou-link>."
-  },
-  "error.user.404.list_title": {
-    "message": "Why?"
-  },
-  "error.user.404.title": {
-    "message": "User not found"
-  },
-  "frog": {
-    "message": "You've been frogged! 🐸"
-  },
-  "frog.altText": {
-    "message": "A photorealistic painting of a frog labyrinth"
-  },
-  "frog.froggedPeople": {
-    "message": "{count, plural, one {{count} more person} other {{count} more people}} were also frogged!"
-  },
-  "frog.sinceOpened": {
-    "message": "This page was opened {ago}"
-  },
-  "frog.title": {
-    "message": "Frog"
-  },
-  "landing.button.discover-mods": {
-    "message": "Discover mods"
-  },
-  "landing.button.go-to-dashboard": {
-    "message": "Go to dashboard"
-  },
-  "landing.creator.feature.constantly-evolving.description": {
-    "message": "Get the best modding experience possible with constant updates from the Modrinth team"
-  },
-  "landing.creator.feature.constantly-evolving.title": {
-    "message": "Constantly Evolving"
-  },
-  "landing.creator.feature.data-statistics.description": {
-    "message": "Get detailed reports on page views, download counts, and revenue"
-  },
-  "landing.creator.feature.data-statistics.title": {
-    "message": "Data and Statistics"
-  },
-  "landing.creator.feature.discovery.description": {
-    "message": "Get your project discovered by thousands of users through search, our home page, Discord server, and more ways to come in the future!"
-  },
-  "landing.creator.feature.discovery.title": {
-    "message": "Discovery"
-  },
-  "landing.creator.feature.diverse-ecosystem.description": {
-    "message": "Integrate with your build tools through Minotaur for automatic uploads right when you release a new version"
-  },
-  "landing.creator.feature.diverse-ecosystem.title": {
-    "message": "Diverse Ecosystem"
-  },
-  "landing.creator.feature.monetization.description": {
-    "message": "Get paid ad revenue from your project pages and withdraw your funds at any time"
-  },
-  "landing.creator.feature.monetization.title": {
-    "message": "Monetization"
-  },
-  "landing.creator.feature.team-management.description": {
-    "message": "Invite your teammates and manage roles and permissions with ease"
-  },
-  "landing.creator.feature.team-management.title": {
-    "message": "Team Management"
-  },
-  "landing.error.failedToLoadRandomProjects": {
-    "message": "Failed to load random projects :("
-  },
-  "landing.feature.follow.description": {
-    "message": "Get notified every time your favorite projects update and stay in the loop."
-  },
-  "landing.feature.follow.heading": {
-    "message": "Follow projects you love"
-  },
-  "landing.feature.launcher.description": {
-    "message": "Modrinth's open-source API lets launchers add deep integration with Modrinth. You can use Modrinth through <link>our own app</link> and some of the most popular launchers like ATLauncher, MultiMC, and Prism Launcher."
-  },
-  "landing.feature.launcher.heading": {
-    "message": "Play with your favorite launcher"
-  },
-  "landing.feature.search.description": {
-    "message": "Modrinth's lightning-fast search and powerful filters let you find what you want as you type."
-  },
-  "landing.feature.search.heading": {
-    "message": "Find what you want, quickly and easily"
-  },
-  "landing.heading.the-place-for-minecraft": {
-    "message": "The place for Minecraft {content}"
-  },
-  "landing.heading.the-place-for-minecraft.data-packs": {
-    "message": "data packs"
-  },
-  "landing.heading.the-place-for-minecraft.modpacks": {
-    "message": "modpacks"
-  },
-  "landing.heading.the-place-for-minecraft.mods": {
-    "message": "mods"
-  },
-  "landing.heading.the-place-for-minecraft.plugins": {
-    "message": "plugins"
-  },
-  "landing.heading.the-place-for-minecraft.resource-packs": {
-    "message": "resource packs"
-  },
-  "landing.heading.the-place-for-minecraft.servers": {
-    "message": "servers"
-  },
-  "landing.heading.the-place-for-minecraft.shaders": {
-    "message": "shaders"
-  },
-  "landing.launcher.atlauncher-label": {
-    "message": "ATLauncher"
-  },
-  "landing.launcher.graphic-alt": {
-    "message": "A simplified representation of a Minecraft window, with the Mojang Studios logo in Modrinth green."
-  },
-  "landing.launcher.modrinth-app-label": {
-    "message": "Modrinth App"
-  },
-  "landing.launcher.prism-launcher-label": {
-    "message": "Prism Launcher"
-  },
-  "landing.notifications.has-been-updated": {
-    "message": "{title} has been updated!"
-  },
-  "landing.notifications.heading": {
-    "message": "Notifications"
-  },
-  "landing.notifications.received-time": {
-    "message": "Received {time}"
-  },
-  "landing.notifications.version-released": {
-    "message": "Version {version} has been released for {gameVersion}"
-  },
-  "landing.search.label": {
-    "message": "Search"
-  },
-  "landing.search.placeholder": {
-    "message": "Search..."
-  },
-  "landing.search.sort-by.label": {
-    "message": "Sort by"
-  },
-  "landing.section.for-creators.description": {
-    "message": "Give an online home to your creations and reach a massive audience of dedicated players."
-  },
-  "landing.section.for-creators.label": {
-    "message": "For Creators"
-  },
-  "landing.section.for-creators.tagline": {
-    "message": "Share your content with the world"
-  },
-  "landing.section.for-players.description": {
-    "message": "From magical biomes to cursed dungeons, you can be sure to find content to bring your gameplay to the next level."
-  },
-  "landing.section.for-players.label": {
-    "message": "For Players"
-  },
-  "landing.section.for-players.tagline": {
-    "message": "Discover over {count} creations"
-  },
-  "landing.subheading": {
-    "message": "Discover, play, and share Minecraft content through our open-source platform built for the community."
-  },
-  "layout.action.change-theme": {
-    "message": "Change theme"
-  },
-  "layout.action.create-new": {
-    "message": "Create new..."
-  },
-  "layout.action.file-lookup": {
-    "message": "File lookup"
-  },
-  "layout.action.lookup-by-email": {
-    "message": "Lookup by email"
-  },
-  "layout.action.manage-affiliates": {
-    "message": "Manage affiliate links"
-  },
-  "layout.action.manage-server-notices": {
-    "message": "Manage server notices"
-  },
-  "layout.action.new-collection": {
-    "message": "New collection"
-  },
-  "layout.action.new-organization": {
-    "message": "New organization"
-  },
-  "layout.action.new-project": {
-    "message": "New project"
-  },
-  "layout.action.reports": {
-    "message": "Review reports"
-  },
-  "layout.action.review-projects": {
-    "message": "Project review"
-  },
-  "layout.action.tech-review": {
-    "message": "Tech review"
-  },
-  "layout.avatar.alt": {
-    "message": "Your avatar"
-  },
-  "layout.banner.account-action": {
-    "message": "Account action required"
-  },
-  "layout.banner.add-email.button": {
-    "message": "Visit account settings"
-  },
-  "layout.banner.add-email.description": {
-    "message": "For security reasons, Modrinth needs you to register an email address to your account."
-  },
-  "layout.banner.build-fail.description": {
-    "message": "This deploy of Modrinth's frontend failed to generate state from the API. This may be due to an outage or an error in configuration. Rebuild when the API is available. Error codes: {errors}; Current API URL is: {url}"
-  },
-  "layout.banner.build-fail.title": {
-    "message": "Error generating state from API when building."
-  },
-  "layout.banner.preview.description": {
-    "message": "If you meant to access the official Modrinth website, visit <link>https://modrinth.com</link>. This preview deploy is used by Modrinth staff for testing purposes. It was built using <branch-link>{owner}/{branch}</branch-link> @ {commit}."
-  },
-  "layout.banner.preview.title": {
-    "message": "This is a preview deploy of the Modrinth website."
-  },
-  "layout.banner.staging.description": {
-    "message": "The staging environment is completely separate from the production Modrinth database. This is used for testing and debugging purposes, and may be running in-development versions of the Modrinth backend or frontend newer than the production instance."
-  },
-  "layout.banner.staging.title": {
-    "message": "You’re viewing Modrinth’s staging environment"
-  },
-  "layout.banner.subscription-payment-failed.button": {
-    "message": "Update billing info"
-  },
-  "layout.banner.subscription-payment-failed.description": {
-    "message": "One or more subscriptions failed to renew. Please update your payment method to prevent losing access!"
-  },
-  "layout.banner.subscription-payment-failed.title": {
-    "message": "Billing action required."
-  },
-  "layout.banner.tax.action": {
-    "message": "Complete tax form"
-  },
-  "layout.banner.tax.description": {
-    "message": "You've already withdrawn over $600 from Modrinth this year. To comply with tax regulations, you need to complete a tax form. Your withdrawals are paused until this form is submitted."
-  },
-  "layout.banner.tax.title": {
-    "message": "Tax form required"
-  },
-  "layout.banner.tin-mismatch.action": {
-    "message": "Contact support"
-  },
-  "layout.banner.tin-mismatch.description": {
-    "message": "Your withdrawals are temporarily locked because your TIN or SSN didn't match IRS records. Please contact support to reset and resubmit your tax form."
-  },
-  "layout.banner.tin-mismatch.title": {
-    "message": "Tax form failed"
-  },
-  "layout.banner.verify-email.action": {
-    "message": "Re-send verification email"
-  },
-  "layout.banner.verify-email.description": {
-    "message": "For security reasons, Modrinth needs you to verify the email address associated with your account."
-  },
-  "layout.footer.about": {
-    "message": "About"
-  },
-  "layout.footer.about.careers": {
-    "message": "Careers"
-  },
-  "layout.footer.about.changelog": {
-    "message": "Changelog"
-  },
-  "layout.footer.about.news": {
-    "message": "News"
-  },
-  "layout.footer.about.rewards-program": {
-    "message": "Rewards Program"
-  },
-  "layout.footer.about.status": {
-    "message": "Status"
-  },
-  "layout.footer.legal": {
-    "message": "Legal"
-  },
-  "layout.footer.legal-disclaimer": {
-    "message": "NOT AN OFFICIAL MINECRAFT SERVICE. NOT APPROVED BY OR ASSOCIATED WITH MOJANG OR MICROSOFT."
-  },
-  "layout.footer.legal.copyright-policy": {
-    "message": "Copyright Policy and DMCA"
-  },
-  "layout.footer.legal.privacy-policy": {
-    "message": "Privacy Policy"
-  },
-  "layout.footer.legal.rules": {
-    "message": "Content Rules"
-  },
-  "layout.footer.legal.security-notice": {
-    "message": "Security Notice"
-  },
-  "layout.footer.legal.terms-of-use": {
-    "message": "Terms of Use"
-  },
-  "layout.footer.modrinth-information": {
-    "message": "Modrinth information"
-  },
-  "layout.footer.open-source": {
-    "message": "Modrinth is <github-link>open source</github-link>."
-  },
-  "layout.footer.products": {
-    "message": "Products"
-  },
-  "layout.footer.products.app": {
-    "message": "Modrinth App"
-  },
-  "layout.footer.products.plus": {
-    "message": "Modrinth+"
-  },
-  "layout.footer.products.servers": {
-    "message": "Modrinth Hosting"
-  },
-  "layout.footer.resources": {
-    "message": "Resources"
-  },
-  "layout.footer.resources.api-docs": {
-    "message": "API documentation"
-  },
-  "layout.footer.resources.help-center": {
-    "message": "Help Center"
-  },
-  "layout.footer.resources.report-issues": {
-    "message": "Report issues"
-  },
-  "layout.footer.resources.translate": {
-    "message": "Translate"
-  },
-  "layout.footer.social.bluesky": {
-    "message": "Bluesky"
-  },
-  "layout.footer.social.discord": {
-    "message": "Discord"
-  },
-  "layout.footer.social.github": {
-    "message": "GitHub"
-  },
-  "layout.footer.social.mastodon": {
-    "message": "Mastodon"
-  },
-  "layout.footer.social.x": {
-    "message": "X"
-  },
-  "layout.menu-toggle.action": {
-    "message": "Toggle menu"
-  },
-  "layout.meta.description": {
-    "message": "Download Minecraft mods, plugins, datapacks, shaders, resourcepacks, and modpacks on Modrinth. Discover and publish projects on Modrinth with a modern, easy to use interface and API."
-  },
-  "layout.meta.og-description": {
-    "message": "Discover and publish Minecraft content!"
-  },
-  "layout.mobile.close-menu": {
-    "message": "Close menu"
-  },
-  "layout.mobile.open-menu": {
-    "message": "Open menu"
-  },
-  "layout.nav.active-reports": {
-    "message": "Active reports"
-  },
-  "layout.nav.analytics": {
-    "message": "Analytics"
-  },
-  "layout.nav.discover": {
-    "message": "Discover"
-  },
-  "layout.nav.discover-content": {
-    "message": "Discover content"
-  },
-  "layout.nav.feature-flags": {
-    "message": "Feature flags"
-  },
-  "layout.nav.get-modrinth-app": {
-    "message": "Get Modrinth App"
-  },
-  "layout.nav.home": {
-    "message": "Home"
-  },
-  "layout.nav.host-a-server": {
-    "message": "Host a server"
-  },
-  "layout.nav.modrinth-app": {
-    "message": "Modrinth App"
-  },
-  "layout.nav.modrinth-home-page": {
-    "message": "Modrinth home page"
-  },
-  "layout.nav.my-servers": {
-    "message": "My servers"
-  },
-  "layout.nav.organizations": {
-    "message": "Organizations"
-  },
-  "layout.nav.profile": {
-    "message": "Profile"
-  },
-  "layout.nav.projects": {
-    "message": "Projects"
-  },
-  "layout.nav.revenue": {
-    "message": "Revenue"
-  },
-  "layout.nav.saved-projects": {
-    "message": "Saved projects"
-  },
-  "layout.nav.search": {
-    "message": "Search"
-  },
-  "layout.nav.upgrade-to-modrinth-plus": {
-    "message": "Upgrade to Modrinth+"
-  },
-  "moderation.filter.by": {
-    "message": "Filter by"
-  },
-  "moderation.moderate": {
-    "message": "Moderate"
-  },
-  "moderation.page.projects": {
-    "message": "Projects"
-  },
-  "moderation.page.reports": {
-    "message": "Reports"
-  },
-  "moderation.page.technicalReview": {
-    "message": "Technical Review"
-  },
-  "moderation.search.placeholder": {
-    "message": "Search..."
-  },
-  "moderation.sort.by": {
-    "message": "Sort by"
-  },
-  "muralpay.account-type.checking": {
-    "message": "Checking"
-  },
-  "muralpay.account-type.savings": {
-    "message": "Savings"
-  },
-  "muralpay.country.at": {
-    "message": "Austria"
-  },
-  "muralpay.country.be": {
-    "message": "Belgium"
-  },
-  "muralpay.country.cy": {
-    "message": "Cyprus"
-  },
-  "muralpay.country.de": {
-    "message": "Germany"
-  },
-  "muralpay.country.ee": {
-    "message": "Estonia"
-  },
-  "muralpay.country.es": {
-    "message": "Spain"
-  },
-  "muralpay.country.fi": {
-    "message": "Finland"
-  },
-  "muralpay.country.fr": {
-    "message": "France"
-  },
-  "muralpay.country.gr": {
-    "message": "Greece"
-  },
-  "muralpay.country.ie": {
-    "message": "Ireland"
-  },
-  "muralpay.country.it": {
-    "message": "Italy"
-  },
-  "muralpay.country.lt": {
-    "message": "Lithuania"
-  },
-  "muralpay.country.lu": {
-    "message": "Luxembourg"
-  },
-  "muralpay.country.lv": {
-    "message": "Latvia"
-  },
-  "muralpay.country.mt": {
-    "message": "Malta"
-  },
-  "muralpay.country.nl": {
-    "message": "Netherlands"
-  },
-  "muralpay.country.pt": {
-    "message": "Portugal"
-  },
-  "muralpay.country.sk": {
-    "message": "Slovakia"
-  },
-  "muralpay.document-type.national-id": {
-    "message": "National ID"
-  },
-  "muralpay.document-type.passport": {
-    "message": "Passport"
-  },
-  "muralpay.document-type.resident-id": {
-    "message": "Resident ID"
-  },
-  "muralpay.document-type.ruc": {
-    "message": "RUC"
-  },
-  "muralpay.document-type.tax-id": {
-    "message": "Tax ID"
-  },
-  "muralpay.field.account-number": {
-    "message": "Account number"
-  },
-  "muralpay.field.account-number-cbu-cvu": {
-    "message": "Account number (CBU/CVU)"
-  },
-  "muralpay.field.account-number-cci": {
-    "message": "Account number (CCI)"
-  },
-  "muralpay.field.account-number-type": {
-    "message": "Account number type"
-  },
-  "muralpay.field.account-type": {
-    "message": "Account type"
-  },
-  "muralpay.field.bank-account-number": {
-    "message": "Account number"
-  },
-  "muralpay.field.branch-code": {
-    "message": "Branch code"
-  },
-  "muralpay.field.clabe": {
-    "message": "CLABE"
-  },
-  "muralpay.field.country": {
-    "message": "Country"
-  },
-  "muralpay.field.cpf-cnpj": {
-    "message": "CPF/CNPJ"
-  },
-  "muralpay.field.cuit-cuil": {
-    "message": "CUIT/CUIL"
-  },
-  "muralpay.field.document-type": {
-    "message": "Document type"
-  },
-  "muralpay.field.iban": {
-    "message": "IBAN"
-  },
-  "muralpay.field.phone-number": {
-    "message": "Phone number"
-  },
-  "muralpay.field.pix-email": {
-    "message": "PIX email"
-  },
-  "muralpay.field.pix-key-type": {
-    "message": "PIX key type"
-  },
-  "muralpay.field.pix-phone": {
-    "message": "PIX phone"
-  },
-  "muralpay.field.routing-number": {
-    "message": "Routing number"
-  },
-  "muralpay.field.swift-bic": {
-    "message": "SWIFT/BIC"
-  },
-  "muralpay.field.wallet-address": {
-    "message": "Wallet address"
-  },
-  "muralpay.help.cbu-cvu": {
-    "message": "Clave Bancaria Uniforme or Clave Virtual Uniforme"
-  },
-  "muralpay.help.cci": {
-    "message": "Código de Cuenta Interbancaria"
-  },
-  "muralpay.help.clabe": {
-    "message": "Clave Bancaria Estandarizada (Mexican bank account number)"
-  },
-  "muralpay.help.cpf-cnpj": {
-    "message": "Brazilian tax identification number"
-  },
-  "muralpay.help.cuit-cuil": {
-    "message": "Argentine tax ID"
-  },
-  "muralpay.help.iban": {
-    "message": "International Bank Account Number"
-  },
-  "muralpay.help.swift-bic": {
-    "message": "Bank Identifier Code"
-  },
-  "muralpay.pix-type.bank-account": {
-    "message": "Bank account"
-  },
-  "muralpay.pix-type.document": {
-    "message": "CPF/CNPJ"
-  },
-  "muralpay.pix-type.email": {
-    "message": "Email"
-  },
-  "muralpay.pix-type.phone": {
-    "message": "Phone number"
-  },
-  "muralpay.placeholder.account-number": {
-    "message": "Enter account number"
-  },
-  "muralpay.placeholder.cbu-cvu": {
-    "message": "Enter CBU or CVU"
-  },
-  "muralpay.placeholder.cbu-cvu-type": {
-    "message": "CBU or CVU"
-  },
-  "muralpay.placeholder.cci": {
-    "message": "Enter 20-digit CCI"
-  },
-  "muralpay.placeholder.cuit-cuil": {
-    "message": "Enter CUIT or CUIL"
-  },
-  "muralpay.placeholder.enter-account-number": {
-    "message": "Enter account number"
-  },
-  "muralpay.placeholder.enter-branch-code": {
-    "message": "Enter branch code"
-  },
-  "muralpay.placeholder.enter-clabe": {
-    "message": "Enter 18-digit CLABE"
-  },
-  "muralpay.placeholder.enter-cpf-cnpj": {
-    "message": "Enter CPF or CNPJ"
-  },
-  "muralpay.placeholder.enter-iban": {
-    "message": "Enter IBAN"
-  },
-  "muralpay.placeholder.enter-pix-email": {
-    "message": "Enter PIX email"
-  },
-  "muralpay.placeholder.enter-routing-number": {
-    "message": "Enter 9-digit routing number"
-  },
-  "muralpay.placeholder.enter-swift-bic": {
-    "message": "Enter SWIFT/BIC code"
-  },
-  "muralpay.placeholder.iban-crc": {
-    "message": "Enter Costa Rican IBAN"
-  },
-  "muralpay.placeholder.phone-cop": {
-    "message": "+57..."
-  },
-  "muralpay.placeholder.pix-phone": {
-    "message": "+55..."
-  },
-  "muralpay.placeholder.wallet-address-eth": {
-    "message": "0x..."
-  },
-  "muralpay.rail.fiat-ars.name": {
-    "message": "Bank Transfer (ARS)"
-  },
-  "muralpay.rail.fiat-brl.name": {
-    "message": "PIX Transfer (BRL)"
-  },
-  "muralpay.rail.fiat-clp.name": {
-    "message": "Bank Transfer (CLP)"
-  },
-  "muralpay.rail.fiat-cop.name": {
-    "message": "Bank Transfer (COP)"
-  },
-  "muralpay.rail.fiat-crc.name": {
-    "message": "Bank Transfer (CRC)"
-  },
-  "muralpay.rail.fiat-eur.name": {
-    "message": "Bank Transfer (EUR)"
-  },
-  "muralpay.rail.fiat-mxn.name": {
-    "message": "Bank Transfer (MXN)"
-  },
-  "muralpay.rail.fiat-pen.name": {
-    "message": "Bank Transfer (PEN)"
-  },
-  "muralpay.rail.fiat-usd-peru.name": {
-    "message": "Bank Transfer (USD - Peru)"
-  },
-  "muralpay.rail.fiat-usd.name": {
-    "message": "Bank Transfer (USD)"
-  },
-  "muralpay.rail.fiat-zar.name": {
-    "message": "Bank Transfer (ZAR)"
-  },
-  "muralpay.rail.usdc-base.name": {
-    "message": "USDC (Base)"
-  },
-  "muralpay.rail.usdc-celo.name": {
-    "message": "USDC (Celo)"
-  },
-  "muralpay.rail.usdc-ethereum.name": {
-    "message": "USDC (Ethereum)"
-  },
-  "muralpay.rail.usdc-polygon.name": {
-    "message": "Crypto (USDC)"
-  },
-  "muralpay.warning.wallet-address": {
-    "message": "Double-check your wallet address. Funds sent to an incorrect address cannot be recovered."
-  },
-  "profile.bio.fallback.creator": {
-    "message": "A Modrinth creator."
-  },
-  "profile.bio.fallback.user": {
-    "message": "A Modrinth user."
-  },
-  "profile.button.billing": {
-    "message": "Manage user billing"
-  },
-  "profile.button.edit-role": {
-    "message": "Edit role"
-  },
-  "profile.button.info": {
-    "message": "View user details"
-  },
-  "profile.button.manage-projects": {
-    "message": "Manage projects"
-  },
-  "profile.button.remove-affiliate": {
-    "message": "Remove as affiliate"
-  },
-  "profile.button.set-affiliate": {
-    "message": "Set as affiliate"
-  },
-  "profile.details.label.auth-providers": {
-    "message": "Auth providers"
-  },
-  "profile.details.label.email": {
-    "message": "Email"
-  },
-  "profile.details.label.email-verified": {
-    "message": "Email verified"
-  },
-  "profile.details.label.has-password": {
-    "message": "Has password"
-  },
-  "profile.details.label.has-totp": {
-    "message": "Has TOTP"
-  },
-  "profile.details.label.payment-methods": {
-    "message": "Payment methods"
-  },
-  "profile.details.tooltip.email-not-verified": {
-    "message": "Email not verified"
-  },
-  "profile.details.tooltip.email-verified": {
-    "message": "Email verified"
-  },
-  "profile.error.not-found": {
-    "message": "User not found"
-  },
-  "profile.label.affiliate": {
-    "message": "Affiliate"
-  },
-  "profile.label.badges": {
-    "message": "Badges"
-  },
-  "profile.label.collection": {
-    "message": "Collection"
-  },
-  "profile.label.details": {
-    "message": "Details"
-  },
-  "profile.label.downloads": {
-    "message": "{count} {count, plural, one {download} other {downloads}}"
-  },
-  "profile.label.joined": {
-    "message": "Joined"
-  },
-  "profile.label.no": {
-    "message": "No"
-  },
-  "profile.label.no-collections": {
-    "message": "This user has no collections!"
-  },
-  "profile.label.no-collections-auth": {
-    "message": "You don't have any collections.\nWould you like to <create-link>create one</create-link>?"
-  },
-  "profile.label.no-projects": {
-    "message": "This user has no projects!"
-  },
-  "profile.label.no-projects-auth": {
-    "message": "You don't have any projects.\nWould you like to <create-link>create one</create-link>?"
-  },
-  "profile.label.organizations": {
-    "message": "Organizations"
-  },
-  "profile.label.projects": {
-    "message": "{count} {count, plural, one {project} other {projects}}"
-  },
-  "profile.label.saving": {
-    "message": "Saving..."
-  },
-  "profile.label.yes": {
-    "message": "Yes"
-  },
-  "profile.meta.description": {
-    "message": "Download {username}'s projects on Modrinth"
-  },
-  "profile.meta.description-with-bio": {
-    "message": "{bio} - Download {username}'s projects on Modrinth"
-  },
-  "profile.stats.projects-followers": {
-    "message": "{count, plural, one {<stat>{count}</stat> project follower} other {<stat>{count}</stat> project followers}}"
-  },
-  "profile.user-id": {
-    "message": "User ID: {id}"
-  },
-  "project-member-header.accept": {
-    "message": "Accept"
-  },
-  "project-member-header.decline": {
-    "message": "Decline"
-  },
-  "project-member-header.error": {
-    "message": "Error"
-  },
-  "project-member-header.error-decline": {
-    "message": "Failed to decline team invitation"
-  },
-  "project-member-header.error-join": {
-    "message": "Failed to accept team invitation"
-  },
-  "project-member-header.invitation-no-role": {
-    "message": "You've been invited to join this project. Please accept or decline the invitation."
-  },
-  "project-member-header.invitation-title": {
-    "message": "Invitation to join project"
-  },
-  "project-member-header.invitation-with-role": {
-    "message": "You've been invited to be a member of this project with the role of ''{role}''."
-  },
-  "project-member-header.success": {
-    "message": "Success"
-  },
-  "project-member-header.success-decline": {
-    "message": "You have declined the team invitation"
-  },
-  "project-member-header.success-join": {
-    "message": "You have joined the project team"
-  },
-  "project-moderation-nags.publishing-checklist": {
-    "message": "Publishing checklist"
-  },
-  "project-moderation-nags.required": {
-    "message": "Required"
-  },
-  "project-moderation-nags.resubmit-for-review": {
-    "message": "Resubmit for review"
-  },
-  "project-moderation-nags.resubmit-for-review-desc": {
-    "message": "Your project has been {status, select, rejected {rejected} withheld {withheld} other {{status}}} by Modrinth's staff. In most cases, you can resubmit for review after addressing the staff's message."
-  },
-  "project-moderation-nags.submit-checklist-tooltip": {
-    "message": "You must complete the required steps in the publishing checklist!"
-  },
-  "project-moderation-nags.submit-for-review": {
-    "message": "Submit for review"
-  },
-  "project-moderation-nags.submit-for-review-button": {
-    "message": "Submit for review"
-  },
-  "project-moderation-nags.submit-for-review-desc": {
-    "message": "Your project is only viewable by members of the project. It must be reviewed by moderators in order to be published."
-  },
-  "project-moderation-nags.suggestion": {
-    "message": "Suggestion"
-  },
-  "project-moderation-nags.visit-moderation-page": {
-    "message": "Visit moderation page"
-  },
-  "project-moderation-nags.warning": {
-    "message": "Warning"
-  },
-  "project-type.collection.plural": {
-    "message": "Collections"
-  },
-  "project-type.collection.singular": {
-    "message": "Collection"
-  },
-  "project-type.datapack.plural": {
-    "message": "Data Packs"
-  },
-  "project-type.datapack.singular": {
-    "message": "Data Pack"
-  },
-  "project-type.mod.plural": {
-    "message": "Mods"
-  },
-  "project-type.mod.singular": {
-    "message": "Mod"
-  },
-  "project-type.modpack.plural": {
-    "message": "Modpacks"
-  },
-  "project-type.modpack.singular": {
-    "message": "Modpack"
-  },
-  "project-type.plugin.plural": {
-    "message": "Plugins"
-  },
-  "project-type.plugin.singular": {
-    "message": "Plugin"
-  },
-  "project-type.project.plural": {
-    "message": "Projects"
-  },
-  "project-type.project.singular": {
-    "message": "Project"
-  },
-  "project-type.resourcepack.plural": {
-    "message": "Resource Packs"
-  },
-  "project-type.resourcepack.singular": {
-    "message": "Resource Pack"
-  },
-  "project-type.shader.plural": {
-    "message": "Shaders"
-  },
-  "project-type.shader.singular": {
-    "message": "Shader"
-  },
-  "project.about.details.created": {
-    "message": "Created {date}"
-  },
-  "project.about.details.licensed": {
-    "message": "Licensed {license}"
-  },
-  "project.about.details.published": {
-    "message": "Published {date}"
-  },
-  "project.about.details.submitted": {
-    "message": "Submitted {date}"
-  },
-  "project.about.details.title": {
-    "message": "Details"
-  },
-  "project.about.details.updated": {
-    "message": "Updated {date}"
-  },
-  "project.actions.create-server": {
-    "message": "Create a server"
-  },
-  "project.actions.create-server-tooltip": {
-    "message": "Create a server"
-  },
-  "project.actions.dont-show-again": {
-    "message": "Don't show again"
-  },
-  "project.actions.review-project": {
-    "message": "Review project"
-  },
-  "project.actions.servers-promo.description": {
-    "message": "Modrinth Hosting is the easiest way to play with your friends without hassle!"
-  },
-  "project.actions.servers-promo.pricing": {
-    "message": "Starting at {price}<small> / month</small>"
-  },
-  "project.actions.servers-promo.title": {
-    "message": "Create a server"
-  },
-  "project.collections.create-new": {
-    "message": "Create new collection"
-  },
-  "project.collections.none-found": {
-    "message": "No collections found."
-  },
-  "project.description.title": {
-    "message": "Description"
-  },
-  "project.details.licensed": {
-    "message": "Licensed"
-  },
-  "project.download.game-version": {
-    "message": "Game version: {version}"
-  },
-  "project.download.game-version-error": {
-    "message": "Error: no game versions found"
-  },
-  "project.download.game-version-tooltip": {
-    "message": "{title} is only available for {version}"
-  },
-  "project.download.game-version-unsupported-tooltip": {
-    "message": "{title} does not support {gameVersion} for {platform}"
-  },
-  "project.download.install-with-app": {
-    "message": "Install with Modrinth App"
-  },
-  "project.download.no-app": {
-    "message": "Don't have Modrinth App?"
-  },
-  "project.download.no-versions-available": {
-    "message": "No versions available for {gameVersion} and {platform}."
-  },
-  "project.download.platform": {
-    "message": "Platform: {platform}"
-  },
-  "project.download.platform-error": {
-    "message": "Error: no platforms found"
-  },
-  "project.download.platform-tooltip": {
-    "message": "{title} is only available for {platform}"
-  },
-  "project.download.platform-unsupported-tooltip": {
-    "message": "{title} does not support {platform} for {gameVersion}"
-  },
-  "project.download.search-game-versions": {
-    "message": "Search game versions..."
-  },
-  "project.download.search-game-versions-label": {
-    "message": "Search game versions..."
-  },
-  "project.download.select-game-version": {
-    "message": "Select game version"
-  },
-  "project.download.select-platform": {
-    "message": "Select platform"
-  },
-  "project.download.show-all-versions": {
-    "message": "Show all versions"
-  },
-  "project.download.title": {
-    "message": "Download {title}"
-  },
-  "project.environment.migration-no-permission.message": {
-    "message": "We've just overhauled the Environments system on Modrinth and new options are now available. You don't have permission to modify these settings, but please let another member of the project know that the environment metadata needs to be verified."
-  },
-  "project.environment.migration-no-permission.title": {
-    "message": "Environment metadata needs to be reviewed"
-  },
-  "project.environment.migration.learn-more": {
-    "message": "Learn more about this change"
-  },
-  "project.environment.migration.message": {
-    "message": "We've just overhauled the Environments system on Modrinth and new options are now available. Please verify that the metadata is correct."
-  },
-  "project.environment.migration.review-button": {
-    "message": "Review environment settings"
-  },
-  "project.environment.migration.title": {
-    "message": "Please review environment metadata"
-  },
-  "project.error.loading": {
-    "message": "Error loading project data{message}"
-  },
-  "project.error.page-not-found": {
-    "message": "The page could not be found"
-  },
-  "project.error.project-not-found": {
-    "message": "Project not found"
-  },
-  "project.gallery.title": {
-    "message": "Gallery"
-  },
-  "project.license.error": {
-    "message": "License text could not be retrieved."
-  },
-  "project.license.loading": {
-    "message": "Loading license text..."
-  },
-  "project.license.title": {
-    "message": "License"
-  },
-  "project.moderation.title": {
-    "message": "Moderation"
-  },
-  "project.navigation.changelog": {
-    "message": "Changelog"
-  },
-  "project.notification.icon-updated.message": {
-    "message": "Your project's icon has been updated."
-  },
-  "project.notification.icon-updated.title": {
-    "message": "Project icon updated"
-  },
-  "project.notification.updated.message": {
-    "message": "Your project has been updated."
-  },
-  "project.notification.updated.title": {
-    "message": "Project updated"
-  },
-  "project.settings.general.name.description": {
-    "message": "Avoid prefixes, suffixes, parentheticals, or added descriptions—just the project's actual name."
-  },
-  "project.settings.general.name.placeholder.1": {
-    "message": "e.g. Nether Overhaul 2"
-  },
-  "project.settings.general.name.placeholder.2": {
-    "message": "e.g. Construction Equipment"
-  },
-  "project.settings.general.name.placeholder.3": {
-    "message": "e.g. Better than Caving"
-  },
-  "project.settings.general.name.placeholder.4": {
-    "message": "e.g. Enhanced Portals"
-  },
-  "project.settings.general.name.placeholder.5": {
-    "message": "e.g. Dangerous Mobs"
-  },
-  "project.settings.general.name.title": {
-    "message": "Name"
-  },
-  "project.settings.general.tagline.description": {
-    "message": "Summarize your project in no more than one sentence."
-  },
-  "project.settings.general.tagline.placeholder.1": {
-    "message": "e.g. Overhauls game progression to revolve around the Nether."
-  },
-  "project.settings.general.tagline.placeholder.2": {
-    "message": "e.g. Adds wearable construction gear."
-  },
-  "project.settings.general.tagline.placeholder.3": {
-    "message": "e.g. Adds realistic mineshaft-building mechanics."
-  },
-  "project.settings.general.tagline.placeholder.4": {
-    "message": "e.g. Improves how Nether portals link to each other."
-  },
-  "project.settings.general.tagline.placeholder.5": {
-    "message": "e.g. Adds powerful boss versions of the normal mobs to encounter in the night."
-  },
-  "project.settings.general.tagline.title": {
-    "message": "Tagline"
-  },
-  "project.settings.general.url.title": {
-    "message": "URL"
-  },
-  "project.settings.title": {
-    "message": "Settings"
-  },
-  "project.settings.visit-dashboard": {
-    "message": "Visit projects dashboard"
-  },
-  "project.stats.downloads-label": {
-    "message": "download{count, plural, one {} other {s}}"
-  },
-  "project.stats.followers-label": {
-    "message": "follower{count, plural, one {} other {s}}"
-  },
-  "project.status.archived.message": {
-    "message": "{title} has been archived. {title} will not receive any further updates unless the author decides to unarchive the project."
-  },
-  "project.versions.title": {
-    "message": "Versions"
-  },
-  "report.already-reported": {
-    "message": "You've already reported {title}"
-  },
-  "report.already-reported-description": {
-    "message": "You have an open report for this {item} already. You can add more details to your report if you have more information to add."
-  },
-  "report.back-to-item": {
-    "message": "Back to {item}"
-  },
-  "report.body.description": {
-    "message": "Include links and images if possible and relevant. Empty or insufficient reports will be closed and ignored."
-  },
-  "report.body.title": {
-    "message": "Please provide additional context about your report"
-  },
-  "report.checking": {
-    "message": "Checking {item}..."
-  },
-  "report.could-not-find": {
-    "message": "Could not find {item}"
-  },
-  "report.for.violation": {
-    "message": "Violation of Modrinth <rules-link>Rules</rules-link> or <terms-link>Terms of Use</terms-link>"
-  },
-  "report.for.violation.description": {
-    "message": "Examples include malicious, spam, offensive, deceptive, misleading, and illegal content."
-  },
-  "report.form-not-for": {
-    "message": "This form is not for:"
-  },
-  "report.go-to-report": {
-    "message": "Go to report"
-  },
-  "report.not-for.bug-reports": {
-    "message": "Bug reports"
-  },
-  "report.not-for.bug-reports.description": {
-    "message": "You can report bugs to their <issues-link>issue tracker</issues-link>."
-  },
-  "report.not-for.dmca": {
-    "message": "DMCA takedowns"
-  },
-  "report.not-for.dmca.description": {
-    "message": "See our <policy-link>Copyright Policy</policy-link>."
-  },
-  "report.note.copyright.1": {
-    "message": "Please note that you are *not* submitting a DMCA takedown request, but rather a report of reuploaded content."
-  },
-  "report.note.copyright.2": {
-    "message": "If you meant to file a DMCA takedown request (which is a legal action) instead, please see our <copyright-policy-link>Copyright Policy</copyright-policy-link>."
-  },
-  "report.note.malicious.1": {
-    "message": "Reports for malicious or deceptive content must include substantial evidence of the behavior, such as code samples."
-  },
-  "report.note.malicious.2": {
-    "message": "Summaries from Microsoft Defender, VirusTotal, or AI malware detection are not sufficient forms of evidence and will not be accepted."
-  },
-  "report.please-report": {
-    "message": "Please report:"
-  },
-  "report.question.content-id": {
-    "message": "What is the ID of the {item}?"
-  },
-  "report.question.content-type": {
-    "message": "What type of content are you reporting?"
-  },
-  "report.question.report-reason": {
-    "message": "Which of Modrinth's rules is this {item} violating?"
-  },
-  "report.report-content": {
-    "message": "Report content to moderators"
-  },
-  "report.report-item": {
-    "message": "Report {title} to moderators"
-  },
-  "report.submit": {
-    "message": "Submit report"
-  },
-  "scopes.analytics.description": {
-    "message": "Access your analytics data"
-  },
-  "scopes.analytics.label": {
-    "message": "Read analytics"
-  },
-  "scopes.collectionCreate.description": {
-    "message": "Create collections"
-  },
-  "scopes.collectionCreate.label": {
-    "message": "Create collections"
-  },
-  "scopes.collectionDelete.description": {
-    "message": "Delete collections"
-  },
-  "scopes.collectionDelete.label": {
-    "message": "Delete collections"
-  },
-  "scopes.collectionRead.description": {
-    "message": "Read collections"
-  },
-  "scopes.collectionRead.label": {
-    "message": "Read collections"
-  },
-  "scopes.collectionWrite.description": {
-    "message": "Write to collections"
-  },
-  "scopes.collectionWrite.label": {
-    "message": "Write collections"
-  },
-  "scopes.notificationRead.description": {
-    "message": "Read your notifications"
-  },
-  "scopes.notificationRead.label": {
-    "message": "Read notifications"
-  },
-  "scopes.notificationWrite.description": {
-    "message": "Delete/View your notifications"
-  },
-  "scopes.notificationWrite.label": {
-    "message": "Write notifications"
-  },
-  "scopes.organizationCreate.description": {
-    "message": "Create organizations"
-  },
-  "scopes.organizationCreate.label": {
-    "message": "Create organizations"
-  },
-  "scopes.organizationDelete.description": {
-    "message": "Delete organizations"
-  },
-  "scopes.organizationDelete.label": {
-    "message": "Delete organizations"
-  },
-  "scopes.organizationRead.description": {
-    "message": "Read organizations"
-  },
-  "scopes.organizationRead.label": {
-    "message": "Read organizations"
-  },
-  "scopes.organizationWrite.description": {
-    "message": "Write to organizations"
-  },
-  "scopes.organizationWrite.label": {
-    "message": "Write organizations"
-  },
-  "scopes.patCreate.description": {
-    "message": "Create personal API tokens"
-  },
-  "scopes.patCreate.label": {
-    "message": "Create PATs"
-  },
-  "scopes.patDelete.description": {
-    "message": "Delete your personal API tokens"
-  },
-  "scopes.patDelete.label": {
-    "message": "Delete PATs"
-  },
-  "scopes.patRead.description": {
-    "message": "View created API tokens"
-  },
-  "scopes.patRead.label": {
-    "message": "Read PATs"
-  },
-  "scopes.patWrite.description": {
-    "message": "Edit personal API tokens"
-  },
-  "scopes.patWrite.label": {
-    "message": "Write PATs"
-  },
-  "scopes.payoutsRead.description": {
-    "message": "Read your payouts data"
-  },
-  "scopes.payoutsRead.label": {
-    "message": "Read payouts"
-  },
-  "scopes.payoutsWrite.description": {
-    "message": "Withdraw money"
-  },
-  "scopes.payoutsWrite.label": {
-    "message": "Write payouts"
-  },
-  "scopes.performAnalytics.description": {
-    "message": "Perform analytics actions"
-  },
-  "scopes.performAnalytics.label": {
-    "message": "Perform analytics"
-  },
-  "scopes.projectCreate.description": {
-    "message": "Create new projects"
-  },
-  "scopes.projectCreate.label": {
-    "message": "Create projects"
-  },
-  "scopes.projectDelete.description": {
-    "message": "Delete your projects"
-  },
-  "scopes.projectDelete.label": {
-    "message": "Delete projects"
-  },
-  "scopes.projectRead.description": {
-    "message": "Read all your projects"
-  },
-  "scopes.projectRead.label": {
-    "message": "Read projects"
-  },
-  "scopes.projectWrite.description": {
-    "message": "Write to project data"
-  },
-  "scopes.projectWrite.label": {
-    "message": "Write projects"
-  },
-  "scopes.reportCreate.description": {
-    "message": "Create reports"
-  },
-  "scopes.reportCreate.label": {
-    "message": "Create reports"
-  },
-  "scopes.reportDelete.description": {
-    "message": "Delete reports"
-  },
-  "scopes.reportDelete.label": {
-    "message": "Delete reports"
-  },
-  "scopes.reportRead.description": {
-    "message": "Read reports"
-  },
-  "scopes.reportRead.label": {
-    "message": "Read reports"
-  },
-  "scopes.reportWrite.description": {
-    "message": "Edit reports"
-  },
-  "scopes.reportWrite.label": {
-    "message": "Write reports"
-  },
-  "scopes.sessionAccess.description": {
-    "message": "Access modrinth-issued sessions"
-  },
-  "scopes.sessionAccess.label": {
-    "message": "Access sessions"
-  },
-  "scopes.sessionDelete.description": {
-    "message": "Delete sessions"
-  },
-  "scopes.sessionDelete.label": {
-    "message": "Delete sessions"
-  },
-  "scopes.sessionRead.description": {
-    "message": "Read active sessions"
-  },
-  "scopes.sessionRead.label": {
-    "message": "Read sessions"
-  },
-  "scopes.threadRead.description": {
-    "message": "Read threads"
-  },
-  "scopes.threadRead.label": {
-    "message": "Read threads"
-  },
-  "scopes.threadWrite.description": {
-    "message": "Write to threads"
-  },
-  "scopes.threadWrite.label": {
-    "message": "Write threads"
-  },
-  "scopes.userAuthWrite.description": {
-    "message": "Modify your authentication data"
-  },
-  "scopes.userAuthWrite.label": {
-    "message": "Write auth data"
-  },
-  "scopes.userDelete.description": {
-    "message": "Delete your account"
-  },
-  "scopes.userDelete.label": {
-    "message": "Delete your account"
-  },
-  "scopes.userRead.description": {
-    "message": "Access your public profile information"
-  },
-  "scopes.userRead.label": {
-    "message": "Read user data"
-  },
-  "scopes.userReadEmail.description": {
-    "message": "Read your email"
-  },
-  "scopes.userReadEmail.label": {
-    "message": "Read user email"
-  },
-  "scopes.userWrite.description": {
-    "message": "Write to your profile"
-  },
-  "scopes.userWrite.label": {
-    "message": "Write user data"
-  },
-  "scopes.versionCreate.description": {
-    "message": "Create new versions"
-  },
-  "scopes.versionCreate.label": {
-    "message": "Create versions"
-  },
-  "scopes.versionDelete.description": {
-    "message": "Delete a version"
-  },
-  "scopes.versionDelete.label": {
-    "message": "Delete versions"
-  },
-  "scopes.versionRead.description": {
-    "message": "Read all versions"
-  },
-  "scopes.versionRead.label": {
-    "message": "Read versions"
-  },
-  "scopes.versionWrite.description": {
-    "message": "Write to version data"
-  },
-  "scopes.versionWrite.label": {
-    "message": "Write versions"
-  },
-  "search.filter.locked.server": {
-    "message": "Provided by the server"
-  },
-  "search.filter.locked.server-game-version.title": {
-    "message": "Game version is provided by the server"
-  },
-  "search.filter.locked.server-loader.title": {
-    "message": "Loader is provided by the server"
-  },
-  "search.filter.locked.server.sync": {
-    "message": "Sync with server"
-  },
-  "servers.backup.restore.in-progress.tooltip": {
-    "message": "Backup restore in progress"
-  },
-  "servers.notice.actions": {
-    "message": "Actions"
-  },
-  "servers.notice.begins": {
-    "message": "Begins"
-  },
-  "servers.notice.dismissable": {
-    "message": "Dismissable"
-  },
-  "servers.notice.expires": {
-    "message": "Expires"
-  },
-  "servers.notice.id": {
-    "message": "ID"
-  },
-  "servers.notice.level": {
-    "message": "Level"
-  },
-  "servers.notice.undismissable": {
-    "message": "Undismissable"
-  },
-  "servers.notices.create-notice": {
-    "message": "Create notice"
-  },
-  "servers.notices.no-notices": {
-    "message": "No notices"
-  },
-  "servers.plan.large.description": {
-    "message": "Ideal for 15–25 players, modpacks, or heavy modding."
-  },
-  "servers.plan.large.name": {
-    "message": "Large"
-  },
-  "servers.plan.medium.description": {
-    "message": "Great for 6–15 players and multiple mods."
-  },
-  "servers.plan.medium.name": {
-    "message": "Medium"
-  },
-  "servers.plan.small.description": {
-    "message": "Perfect for 1–5 friends with a few light mods."
-  },
-  "servers.plan.small.name": {
-    "message": "Small"
-  },
-  "settings.billing.modal.cancel.action": {
-    "message": "Cancel subscription"
-  },
-  "settings.billing.modal.cancel.description": {
-    "message": "This will cancel your subscription. You will retain your perks until the end of the current billing cycle."
-  },
-  "settings.billing.modal.cancel.title": {
-    "message": "Are you sure you want to cancel your subscription?"
-  },
-  "settings.billing.modal.delete.action": {
-    "message": "Remove this payment method"
-  },
-  "settings.billing.modal.delete.description": {
-    "message": "This will remove this payment method forever (like really forever)."
-  },
-  "settings.billing.modal.delete.title": {
-    "message": "Are you sure you want to remove this payment method?"
-  },
-  "settings.billing.payment_method.action.add": {
-    "message": "Add payment method"
-  },
-  "settings.billing.payment_method.action.history": {
-    "message": "View past charges"
-  },
-  "settings.billing.payment_method.action.primary": {
-    "message": "Make primary"
-  },
-  "settings.billing.payment_method.card_display": {
-    "message": "{card_brand} ending in {last_four}"
-  },
-  "settings.billing.payment_method.card_expiry": {
-    "message": "Expires {month}/{year}"
-  },
-  "settings.billing.payment_method.none": {
-    "message": "You have not added any payment methods."
-  },
-  "settings.billing.payment_method.primary": {
-    "message": "Primary"
-  },
-  "settings.billing.payment_method.title": {
-    "message": "Payment methods"
-  },
-  "settings.billing.payment_method_type.amazon_pay": {
-    "message": "Amazon Pay"
-  },
-  "settings.billing.payment_method_type.amex": {
-    "message": "American Express"
-  },
-  "settings.billing.payment_method_type.cashapp": {
-    "message": "Cash App"
-  },
-  "settings.billing.payment_method_type.diners": {
-    "message": "Diners Club"
-  },
-  "settings.billing.payment_method_type.discover": {
-    "message": "Discover"
-  },
-  "settings.billing.payment_method_type.eftpos": {
-    "message": "EFTPOS"
-  },
-  "settings.billing.payment_method_type.jcb": {
-    "message": "JCB"
-  },
-  "settings.billing.payment_method_type.mastercard": {
-    "message": "MasterCard"
-  },
-  "settings.billing.payment_method_type.paypal": {
-    "message": "PayPal"
-  },
-  "settings.billing.payment_method_type.unionpay": {
-    "message": "UnionPay"
-  },
-  "settings.billing.payment_method_type.unknown": {
-    "message": "Unknown payment method"
-  },
-  "settings.billing.payment_method_type.visa": {
-    "message": "Visa"
-  },
-  "settings.billing.pyro_subscription.description": {
-    "message": "Manage your Modrinth Server subscriptions."
-  },
-  "settings.billing.pyro_subscription.title": {
-    "message": "Modrinth Server Subscriptions"
-  },
-  "settings.billing.subscription.description": {
-    "message": "Manage your Modrinth subscriptions."
-  },
-  "settings.billing.subscription.title": {
-    "message": "Subscriptions"
-  },
-  "settings.display.banner.developer-mode.button": {
-    "message": "Deactivate developer mode"
-  },
-  "settings.display.banner.developer-mode.description": {
-    "message": "<strong>Developer mode</strong> is active. This will allow you to view the internal IDs of various things throughout Modrinth that may be helpful if you're a developer using the Modrinth API. Click on the Modrinth logo at the bottom of the page 5 times to toggle developer mode."
-  },
-  "settings.display.flags.description": {
-    "message": "Enable or disable certain features on this device."
-  },
-  "settings.display.flags.title": {
-    "message": "Toggle features"
-  },
-  "settings.display.project-list-layouts.datapack": {
-    "message": "Data Packs page"
-  },
-  "settings.display.project-list-layouts.description": {
-    "message": "Select your preferred layout for each page that displays project lists on this device."
-  },
-  "settings.display.project-list-layouts.mod": {
-    "message": "Mods page"
-  },
-  "settings.display.project-list-layouts.modpack": {
-    "message": "Modpacks page"
-  },
-  "settings.display.project-list-layouts.plugin": {
-    "message": "Plugins page"
-  },
-  "settings.display.project-list-layouts.resourcepack": {
-    "message": "Resource Packs page"
-  },
-  "settings.display.project-list-layouts.shader": {
-    "message": "Shaders page"
-  },
-  "settings.display.project-list-layouts.title": {
-    "message": "Project list layouts"
-  },
-  "settings.display.project-list-layouts.user": {
-    "message": "User profile pages"
-  },
-  "settings.display.project-list.layouts.collection": {
-    "message": "Collection"
-  },
-  "settings.display.sidebar.advanced-rendering.description": {
-    "message": "Enables advanced rendering such as blur effects that may cause performance issues without hardware-accelerated rendering."
-  },
-  "settings.display.sidebar.advanced-rendering.title": {
-    "message": "Advanced rendering"
-  },
-  "settings.display.sidebar.external-links-new-tab.description": {
-    "message": "Make links which go outside of Modrinth open in a new tab. No matter this setting, links on the same domain and in Markdown descriptions will open in the same tab, and links on ads and edit pages will open in a new tab."
-  },
-  "settings.display.sidebar.external-links-new-tab.title": {
-    "message": "Open external links in new tab"
-  },
-  "settings.display.sidebar.hide-app-promos.description": {
-    "message": "Hides the \"Get Modrinth App\" buttons from primary navigation. The Modrinth App page can still be found on the landing page or in the footer."
-  },
-  "settings.display.sidebar.hide-app-promos.title": {
-    "message": "Hide Modrinth App promotions"
-  },
-  "settings.display.sidebar.left-aligned-content-sidebar.title": {
-    "message": "Left-aligned sidebar on content pages"
-  },
-  "settings.display.sidebar.right-aligned-content-sidebar.description": {
-    "message": "Aligns the sidebar to the left of the page's content."
-  },
-  "settings.display.sidebar.right-aligned-filters-sidebar.description": {
-    "message": "Aligns the filters sidebar to the right of the search results."
-  },
-  "settings.display.sidebar.right-aligned-filters-sidebar.title": {
-    "message": "Right-aligned filters sidebar on search pages"
-  },
-  "settings.display.theme.description": {
-    "message": "Select your preferred color theme for Modrinth on this device."
-  },
-  "settings.display.theme.title": {
-    "message": "Color theme"
-  },
-  "settings.pats.action.create": {
-    "message": "Create a PAT"
-  },
-  "settings.pats.description": {
-    "message": "PATs can be used to access Modrinth's API. For more information, see <doc-link>Modrinth's API documentation</doc-link>. They can be created and revoked at any time."
-  },
-  "settings.pats.modal.create.action": {
-    "message": "Create PAT"
-  },
-  "settings.pats.modal.create.expires.label": {
-    "message": "Expires"
-  },
-  "settings.pats.modal.create.name.label": {
-    "message": "Name"
-  },
-  "settings.pats.modal.create.name.placeholder": {
-    "message": "Enter the PAT's name..."
-  },
-  "settings.pats.modal.create.title": {
-    "message": "Create personal access token"
-  },
-  "settings.pats.modal.delete.action": {
-    "message": "Delete this token"
-  },
-  "settings.pats.modal.delete.description": {
-    "message": "This will remove this token forever (like really forever)."
-  },
-  "settings.pats.modal.delete.title": {
-    "message": "Are you sure you want to delete this token?"
-  },
-  "settings.pats.modal.edit.title": {
-    "message": "Edit personal access token"
-  },
-  "settings.pats.token.action.edit": {
-    "message": "Edit token"
-  },
-  "settings.pats.token.action.revoke": {
-    "message": "Revoke token"
-  },
-  "settings.pats.token.expired-ago": {
-    "message": "Expired {ago}"
-  },
-  "settings.pats.token.expires-in": {
-    "message": "Expires {inTime}"
-  },
-  "settings.pats.token.last-used": {
-    "message": "Last used {ago}"
-  },
-  "settings.pats.token.never-used": {
-    "message": "Never used"
-  },
-  "settings.profile.bio.description": {
-    "message": "A short description to tell everyone a little bit about you."
-  },
-  "settings.profile.bio.title": {
-    "message": "Bio"
-  },
-  "settings.profile.description": {
-    "message": "Your profile information is publicly viewable on Modrinth and through the <docs-link>Modrinth API</docs-link>."
-  },
-  "settings.profile.profile-info": {
-    "message": "Profile information"
-  },
-  "settings.profile.profile-picture.reset": {
-    "message": "Reset"
-  },
-  "settings.profile.profile-picture.title": {
-    "message": "Profile picture"
-  },
-  "settings.profile.username.description": {
-    "message": "A unique case-insensitive name to identify your profile."
-  },
-  "settings.profile.username.title": {
-    "message": "Username"
-  },
-  "settings.sessions.action.revoke-session": {
-    "message": "Revoke session"
-  },
-  "settings.sessions.created-ago": {
-    "message": "Created {ago}"
-  },
-  "settings.sessions.current-session": {
-    "message": "Current session"
-  },
-  "settings.sessions.description": {
-    "message": "Here are all the devices that are currently logged in with your Modrinth account. You can log out of each one individually.\n\nIf you see an entry you don't recognize, log out of that device and change your Modrinth account password immediately."
-  },
-  "settings.sessions.last-accessed-ago": {
-    "message": "Last accessed {ago}"
-  },
-  "settings.sessions.unknown-os": {
-    "message": "Unknown OS"
-  },
-  "settings.sessions.unknown-platform": {
-    "message": "Unknown platform"
-  },
-  "ui.latest-news-row.latest-news": {
-    "message": "Latest news from Modrinth"
-  },
-  "ui.latest-news-row.view-all": {
-    "message": "View all news"
-  },
-  "version.environment.none.description": {
-    "message": "The environment for this version has not been specified."
-  },
-  "version.environment.none.title": {
-    "message": "No environment set"
-  },
-  "version.environment.unknown.description": {
-    "message": "The environment: \"{environment}\" is not recognized."
-  },
-  "version.environment.unknown.title": {
-    "message": "Unknown environment"
-  }
 }
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/members.vue b/apps/frontend/src/pages/[type]/[id]/settings/members.vue
index 6892f3838f..0d8cce9895 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/members.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/members.vue
@@ -353,11 +353,9 @@
 							monetization weights to this user on the project.
 						</span>
 					</label>
-					<input
+					<Toggle
 						:id="`member-${allOrgMembers[index].user.username}-override-perms`"
 						v-model="allOrgMembers[index].override"
-						class="switch stylized-toggle"
-						type="checkbox"
 						:disabled="(props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER"
 					/>
 				</div>
@@ -536,6 +534,7 @@ import {
 	Checkbox,
 	ConfirmModal,
 	injectNotificationManager,
+	Toggle,
 } from '@modrinth/ui'
 import { Multiselect } from 'vue-multiselect'
 
diff --git a/apps/frontend/src/pages/discover/[type]/index.vue b/apps/frontend/src/pages/discover/[type]/index.vue
index 777025dd24..d6bcbab16a 100644
--- a/apps/frontend/src/pages/discover/[type]/index.vue
+++ b/apps/frontend/src/pages/discover/[type]/index.vue
@@ -25,6 +25,7 @@ import {
 	SearchFilterControl,
 	SearchSidebarFilter,
 	type SortType,
+	Toggle,
 	useSearch,
 } from '@modrinth/ui'
 import { capitalizeString, cycleValue, type Mod as InstallableMod } from '@modrinth/utils'
@@ -460,13 +461,7 @@ useSeoMeta({
 				</div>
 				<div class="flex flex-row items-center justify-between gap-2 px-6">
 					<label for="erase-data-on-install"> Erase all data on install </label>
-					<input
-						id="erase-data-on-install"
-						v-model="eraseDataOnInstall"
-						label="Erase all data on install"
-						class="switch stylized-toggle flex-none"
-						type="checkbox"
-					/>
+					<Toggle id="erase-data-on-install" v-model="eraseDataOnInstall" class="flex-none" />
 				</div>
 				<div class="px-6 py-4 text-sm">
 					If enabled, existing mods, worlds, and configurations, will be deleted before installing
@@ -909,8 +904,4 @@ useSeoMeta({
 	mask-image: linear-gradient(to bottom, black, transparent);
 	opacity: 0.25;
 }
-
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
 </style>
diff --git a/apps/frontend/src/pages/flags.vue b/apps/frontend/src/pages/flags.vue
index 8c7376c253..18536bc08a 100644
--- a/apps/frontend/src/pages/flags.vue
+++ b/apps/frontend/src/pages/flags.vue
@@ -1,67 +1,76 @@
 <script setup lang="ts">
+import { SearchIcon } from '@modrinth/assets'
+import { Toggle } from '@modrinth/ui'
+import Fuse from 'fuse.js'
+import { computed, ref, shallowReactive } from 'vue'
+
 import {
 	DEFAULT_FEATURE_FLAGS,
 	type FeatureFlag,
 	saveFeatureFlags,
+	useFeatureFlags,
 } from '~/composables/featureFlags.ts'
 
 const flags = shallowReactive(useFeatureFlags().value)
+const searchQuery = ref('')
+
+const allFlags = computed(() => Object.keys(flags) as FeatureFlag[])
+
+const fuse = computed(
+	() =>
+		new Fuse(allFlags.value, {
+			threshold: 0.4,
+		}),
+)
+
+const filteredFlags = computed(() => {
+	if (!searchQuery.value.trim()) {
+		return allFlags.value
+	}
+	return fuse.value.search(searchQuery.value).map((result) => result.item)
+})
 </script>
 
 <template>
-	<div class="page">
-		<h1>Feature flags</h1>
-		<div class="flags">
+	<div class="mx-auto my-4 box-border w-[calc(100%-2rem)] max-w-[800px]">
+		<h1 class="mb-4 text-2xl font-bold text-contrast">Feature flags</h1>
+		<div class="relative mb-2">
+			<SearchIcon
+				class="pointer-events-none absolute left-3 top-1/2 size-5 -translate-y-1/2 text-secondary"
+			/>
+			<input
+				v-model="searchQuery"
+				type="search"
+				placeholder="Search flags..."
+				class="w-full rounded-xl bg-bg-raised py-2 pl-10 pr-4"
+			/>
+		</div>
+		<div class="flex flex-col gap-2">
 			<div
-				v-for="flag in Object.keys(flags) as FeatureFlag[]"
+				v-for="flag in filteredFlags"
 				:key="`flag-${flag}`"
-				class="adjacent-input small card"
+				class="flex flex-row flex-wrap items-center gap-2 rounded-2xl bg-bg-raised p-4"
 			>
-				<label :for="`toggle-${flag}`">
-					<span class="label__title">
+				<label :for="`toggle-${flag}`" class="flex-1">
+					<span class="block font-semibold capitalize">
 						{{ flag.replaceAll('_', ' ') }}
 					</span>
-					<span class="label__description">
-						<p>
-							Default:
-							<span
-								:style="`color:var(--color-${
-									DEFAULT_FEATURE_FLAGS[flag] === false ? 'red' : 'green'
-								})`"
-								>{{ DEFAULT_FEATURE_FLAGS[flag] }}</span
-							>
-						</p>
-					</span>
+					<p class="m-0 text-secondary">
+						Default:
+						<span :class="DEFAULT_FEATURE_FLAGS[flag] === false ? 'text-red' : 'text-green'">
+							{{ DEFAULT_FEATURE_FLAGS[flag] }}
+						</span>
+					</p>
 				</label>
-				<input
+				<Toggle
 					:id="`toggle-${flag}`"
 					v-model="flags[flag]"
-					class="switch stylized-toggle"
-					type="checkbox"
-					@change="() => saveFeatureFlags()"
+					@update:model-value="() => saveFeatureFlags()"
 				/>
 			</div>
+			<p v-if="filteredFlags.length === 0" class="text-center text-secondary">
+				No flags found matching "{{ searchQuery }}"
+			</p>
 		</div>
 	</div>
 </template>
-
-<style lang="scss" scoped>
-.page {
-	width: calc(100% - 2 * var(--spacing-card-md));
-	max-width: 800px;
-	margin-inline: auto;
-	box-sizing: border-box;
-	margin-block: var(--spacing-card-md);
-}
-
-.flags {
-}
-
-.label__title {
-	text-transform: capitalize;
-}
-
-.label__description p {
-	margin: 0;
-}
-</style>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/content/index.vue b/apps/frontend/src/pages/hosting/manage/[id]/content/index.vue
index f4bdc02862..c773d69686 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/content/index.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/content/index.vue
@@ -242,13 +242,11 @@
 												>
 											</div>
 
-											<input
+											<Toggle
 												:id="`toggle-${getStableModKey(mod)}`"
-												:checked="!mod.disabled"
+												:model-value="!mod.disabled"
 												:disabled="mod.changing"
-												class="switch stylized-toggle"
-												type="checkbox"
-												@change="toggleMod(mod)"
+												@update:model-value="toggleMod(mod)"
 											/>
 										</div>
 									</div>
@@ -353,7 +351,13 @@ import {
 	TrashIcon,
 	WrenchIcon,
 } from '@modrinth/assets'
-import { Avatar, ButtonStyled, injectModrinthClient, injectNotificationManager } from '@modrinth/ui'
+import {
+	Avatar,
+	ButtonStyled,
+	injectModrinthClient,
+	injectNotificationManager,
+	Toggle,
+} from '@modrinth/ui'
 import type { Mod } from '@modrinth/utils'
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 
@@ -699,8 +703,4 @@ const filteredMods = computed(() => {
 	height: 1px;
 	visibility: hidden;
 }
-
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
 </style>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/preferences.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/preferences.vue
index bb81742597..4102a6b5c7 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/preferences.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/options/preferences.vue
@@ -21,11 +21,10 @@
 						</div>
 						<span>{{ prefConfig.description }}</span>
 					</label>
-					<input
+					<Toggle
 						:id="`pref-${key}`"
 						v-model="newUserPreferences[key]"
-						class="switch stylized-toggle flex-none"
-						type="checkbox"
+						class="flex-none"
 						:disabled="prefConfig.implemented === false"
 					/>
 				</div>
@@ -42,7 +41,7 @@
 </template>
 
 <script setup lang="ts">
-import { injectNotificationManager } from '@modrinth/ui'
+import { injectNotificationManager, Toggle } from '@modrinth/ui'
 import { useStorage } from '@vueuse/core'
 
 import SaveBanner from '~/components/ui/servers/SaveBanner.vue'
@@ -117,9 +116,3 @@ const resetPreferences = () => {
 	newUserPreferences.value = { ...userPreferences.value }
 }
 </script>
-
-<style scoped>
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
-</style>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/properties.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/properties.vue
index 73f552282a..16c57e7ace 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/properties.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/options/properties.vue
@@ -62,11 +62,9 @@
 							/>
 						</div>
 						<div v-else-if="typeof property === 'boolean'" class="flex justify-end">
-							<input
+							<Toggle
 								:id="`server-property-${index}`"
 								v-model="liveProperties[index]"
-								class="switch stylized-toggle"
-								type="checkbox"
 								:aria-labelledby="`property-label-${index}`"
 							/>
 						</div>
@@ -134,7 +132,7 @@
 
 <script setup lang="ts">
 import { EyeIcon, SearchIcon } from '@modrinth/assets'
-import { Combobox, injectModrinthClient, injectNotificationManager } from '@modrinth/ui'
+import { Combobox, injectModrinthClient, injectNotificationManager, Toggle } from '@modrinth/ui'
 import Fuse from 'fuse.js'
 import { computed, inject, ref, watch } from 'vue'
 
@@ -331,9 +329,3 @@ const isComplexProperty = (property: any): boolean => {
 	)
 }
 </script>
-
-<style scoped>
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
-</style>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/startup.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/startup.vue
index c9699c2f28..50ff0fb78b 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/startup.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/options/startup.vue
@@ -69,12 +69,7 @@
 							</span>
 						</div>
 						<div class="flex items-center gap-2">
-							<input
-								id="show-all-versions"
-								v-model="showAllVersions"
-								class="switch stylized-toggle flex-none"
-								type="checkbox"
-							/>
+							<Toggle id="show-all-versions" v-model="showAllVersions" class="flex-none" />
 							<label for="show-all-versions" class="text-sm">Show all Java versions</label>
 						</div>
 						<Combobox
@@ -113,7 +108,7 @@
 
 <script setup lang="ts">
 import { IssuesIcon, UpdatedIcon } from '@modrinth/assets'
-import { ButtonStyled, Combobox, injectNotificationManager } from '@modrinth/ui'
+import { ButtonStyled, Combobox, injectNotificationManager, Toggle } from '@modrinth/ui'
 
 import SaveBanner from '~/components/ui/servers/SaveBanner.vue'
 import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
@@ -232,9 +227,3 @@ function resetToDefault() {
 	invocation.value = originalInvocation.value ?? ''
 }
 </script>
-
-<style scoped>
-.stylized-toggle:checked::after {
-	background: var(--color-accent-contrast) !important;
-}
-</style>
diff --git a/apps/frontend/src/pages/settings/index.vue b/apps/frontend/src/pages/settings/index.vue
index 70d27f9800..a737dbc3bc 100644
--- a/apps/frontend/src/pages/settings/index.vue
+++ b/apps/frontend/src/pages/settings/index.vue
@@ -119,65 +119,78 @@
 		<section class="universal-card">
 			<h2 class="text-2xl">{{ formatMessage(toggleFeatures.title) }}</h2>
 			<p class="mb-4">{{ formatMessage(toggleFeatures.description) }}</p>
-			<div class="adjacent-input small">
-				<label for="advanced-rendering">
-					<span class="label__title">
-						{{ formatMessage(toggleFeatures.advancedRenderingTitle) }}
-					</span>
-					<span class="label__description">
-						{{ formatMessage(toggleFeatures.advancedRenderingDescription) }}
-					</span>
-				</label>
-				<Toggle id="advanced-rendering" v-model="cosmetics.advancedRendering" />
-			</div>
-			<div class="adjacent-input small">
-				<label for="external-links-new-tab">
-					<span class="label__title">
-						{{ formatMessage(toggleFeatures.externalLinksNewTabTitle) }}
-					</span>
-					<span class="label__description">
-						{{ formatMessage(toggleFeatures.externalLinksNewTabDescription) }}
-					</span>
-				</label>
-				<Toggle id="external-links-new-tab" v-model="cosmetics.externalLinksNewTab" />
-			</div>
-			<div v-if="false" class="adjacent-input small">
-				<label for="modrinth-app-promos">
-					<span class="label__title">
-						{{ formatMessage(toggleFeatures.hideModrinthAppPromosTitle) }}
-					</span>
-					<span class="label__description">
-						{{ formatMessage(toggleFeatures.hideModrinthAppPromosDescription) }}
-					</span>
-				</label>
-				<Toggle id="modrinth-app-promos" v-model="cosmetics.hideModrinthAppPromos" />
-			</div>
-			<div class="adjacent-input small">
-				<label for="search-layout-toggle">
-					<span class="label__title">
-						{{ formatMessage(toggleFeatures.rightAlignedFiltersSidebarTitle) }}
-					</span>
-					<span class="label__description">
-						{{ formatMessage(toggleFeatures.rightAlignedFiltersSidebarDescription) }}
-					</span>
-				</label>
-				<Toggle id="search-layout-toggle" v-model="cosmetics.rightSearchLayout" />
-			</div>
-			<div class="adjacent-input small">
-				<label for="project-layout-toggle">
-					<span class="label__title">
-						{{ formatMessage(toggleFeatures.leftAlignedContentSidebarTitle) }}
-					</span>
-					<span class="label__description">
-						{{ formatMessage(toggleFeatures.leftAlignedContentSidebarDescription) }}
-					</span>
-				</label>
-				<input
-					id="project-layout-toggle"
-					v-model="cosmetics.leftContentLayout"
-					class="switch stylized-toggle"
-					type="checkbox"
-				/>
+			<div class="flex flex-col gap-4">
+				<div class="flex flex-row flex-wrap items-center justify-between gap-2">
+					<label for="advanced-rendering" class="flex-1">
+						<span class="block font-semibold text-contrast">
+							{{ formatMessage(toggleFeatures.advancedRenderingTitle) }}
+						</span>
+						<span class="text-secondary">
+							{{ formatMessage(toggleFeatures.advancedRenderingDescription) }}
+						</span>
+					</label>
+					<Toggle id="advanced-rendering" v-model="cosmetics.advancedRendering" class="shrink-0" />
+				</div>
+				<div class="flex flex-row flex-wrap items-center justify-between gap-2">
+					<label for="external-links-new-tab" class="flex-1">
+						<span class="block font-semibold text-contrast">
+							{{ formatMessage(toggleFeatures.externalLinksNewTabTitle) }}
+						</span>
+						<span class="text-secondary">
+							{{ formatMessage(toggleFeatures.externalLinksNewTabDescription) }}
+						</span>
+					</label>
+					<Toggle
+						id="external-links-new-tab"
+						v-model="cosmetics.externalLinksNewTab"
+						class="shrink-0"
+					/>
+				</div>
+				<div v-if="false" class="flex flex-row flex-wrap items-center justify-between gap-2">
+					<label for="modrinth-app-promos" class="flex-1">
+						<span class="block font-semibold text-contrast">
+							{{ formatMessage(toggleFeatures.hideModrinthAppPromosTitle) }}
+						</span>
+						<span class="text-secondary">
+							{{ formatMessage(toggleFeatures.hideModrinthAppPromosDescription) }}
+						</span>
+					</label>
+					<Toggle
+						id="modrinth-app-promos"
+						v-model="cosmetics.hideModrinthAppPromos"
+						class="shrink-0"
+					/>
+				</div>
+				<div class="flex flex-row flex-wrap items-center justify-between gap-2">
+					<label for="search-layout-toggle" class="flex-1">
+						<span class="block font-semibold text-contrast">
+							{{ formatMessage(toggleFeatures.rightAlignedFiltersSidebarTitle) }}
+						</span>
+						<span class="text-secondary">
+							{{ formatMessage(toggleFeatures.rightAlignedFiltersSidebarDescription) }}
+						</span>
+					</label>
+					<Toggle
+						id="search-layout-toggle"
+						v-model="cosmetics.rightSearchLayout"
+						class="shrink-0"
+					/>
+				</div>
+				<div class="flex flex-row flex-wrap items-center justify-between gap-2">
+					<label for="project-layout-toggle" class="">
+						<span class="block font-semibold text-contrast">
+							{{ formatMessage(toggleFeatures.leftAlignedContentSidebarTitle) }}
+						</span>
+						<span class="text-secondary">
+							{{ formatMessage(toggleFeatures.leftAlignedContentSidebarDescription) }}
+						</span>
+					</label>
+					<Toggle
+						id="project-layout-toggle"
+						v-model="cosmetics.leftContentLayout"
+						class="shrink-0"
+					/>
+				</div>
 			</div>
 		</section>
 	</div>
diff --git a/packages/assets/styles/classes.scss b/packages/assets/styles/classes.scss
index d4d6a72c0a..a0d62bf970 100644
--- a/packages/assets/styles/classes.scss
+++ b/packages/assets/styles/classes.scss
@@ -70,10 +70,7 @@
 	:where(input) {
 		box-sizing: border-box;
 		max-height: 40px;
-
-		&:not(.stylized-toggle) {
-			max-width: 100%;
-		}
+		max-width: 100%;
 	}
 
 	:where(.adjacent-input, &.adjacent-input) {
@@ -118,10 +115,6 @@
 			&:not(&.small) {
 				flex-direction: column;
 				align-items: start;
-
-				.stylized-toggle {
-					flex-basis: 0;
-				}
 			}
 		}
 	}
@@ -766,60 +759,6 @@ a,
 	}
 }
 
-.switch {
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-	-webkit-tap-highlight-color: transparent;
-	cursor: pointer;
-}
-
-.stylized-toggle {
-	@extend .button-base;
-
-	box-sizing: content-box;
-	min-height: 32px;
-	height: 32px;
-	min-width: 52px;
-	max-width: 52px;
-	border-radius: var(--radius-max);
-	display: inline-block;
-	position: relative;
-	margin: 0;
-	transition: all 0.2s ease;
-	background: var(--color-button-bg);
-
-	&:after {
-		content: '';
-		position: absolute;
-		top: 7px;
-		left: 7px;
-		width: 18px;
-		height: 18px;
-		border-radius: 50%;
-		background: var(--color-gray);
-		transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
-		outline: 2px solid transparent;
-
-		@media (prefers-reduced-motion) {
-			transition: none;
-		}
-	}
-
-	&:checked {
-		background-color: var(--color-brand);
-
-		&:after {
-			transform: translatex(20px);
-			background: var(--color-accent-contrast);
-		}
-	}
-
-	&:hover &:focus {
-		background: var(--color-button-bg);
-	}
-}
-
 // TOOLTIPS
 
 .v-popper--theme-dropdown,
diff --git a/packages/ui/src/components/base/Toggle.vue b/packages/ui/src/components/base/Toggle.vue
index b3eb3624d3..fd49647ae5 100644
--- a/packages/ui/src/components/base/Toggle.vue
+++ b/packages/ui/src/components/base/Toggle.vue
@@ -5,9 +5,9 @@
 		role="switch"
 		:aria-checked="modelValue"
 		:disabled="disabled"
-		class="relative inline-block rounded-full m-0 transition-all duration-200 cursor-pointer border-none"
+		class="relative inline-flex shrink-0 rounded-full m-0 transition-all duration-200 cursor-pointer border-none"
 		:class="[
-			small ? 'h-5 w-[38px]' : 'h-8 w-[52px]',
+			small ? 'h-5 !w-[38px]' : 'h-8 !w-[52px]',
 			modelValue ? 'bg-brand' : 'bg-button-bg',
 			disabled ? 'opacity-50 cursor-not-allowed' : 'btn-wrapper',
 		]"

From 1850de7b8d4b2d9dfad63a26cd632b76ac06a006 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 11:01:19 +0000
Subject: [PATCH 027/178] fix: row borders

---
 packages/tooling-config/tailwind/tailwind-preset.ts       | 2 +-
 packages/ui/src/components/instances/ContentCardTable.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/tooling-config/tailwind/tailwind-preset.ts b/packages/tooling-config/tailwind/tailwind-preset.ts
index 3c6ca2a69e..e566b3f8ac 100644
--- a/packages/tooling-config/tailwind/tailwind-preset.ts
+++ b/packages/tooling-config/tailwind/tailwind-preset.ts
@@ -224,7 +224,7 @@ const config: Config = {
 				hr: 'var(--color-hr)',
 				table: {
 					border: 'var(--color-table-border)',
-					alternateRow: ' var(--color-table-alternate-row)',
+					alternateRow: 'var(--color-table-alternate-row)',
 				},
 			},
 			backgroundImage: {
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index 129e97848d..dd0f398777 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -146,9 +146,9 @@ function handleSort(column: ContentCardTableSortColumn) {
 				:show-checkbox="showSelection"
 				:selected="isItemSelected(item.id)"
 				:class="[
-					index % 2 === 0 ? 'bg-surface-1' : 'bg-surface-2',
+					index % 2 === 1 ? 'bg-surface-1' : 'bg-surface-2',
 					index === items.length - 1 && 'rounded-b-[20px]',
-					'border-t border-surface-3',
+					'border-t border-solid border-[1px] border-surface-3',
 				]"
 				@update:selected="(val) => toggleItemSelection(item.id, val ?? false)"
 				@update:enabled="(val) => emit('update:enabled', item.id, val)"

From 144bde8976f39519939c626c24a4133f15768d4a Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 11:18:28 +0000
Subject: [PATCH 028/178] feat: disabled state

---
 .../components/instances/ContentCardItem.vue  |  9 +++--
 .../components/instances/ContentCardTable.vue |  4 +--
 packages/ui/src/components/instances/types.ts |  1 +
 .../instances/ContentCardItem.stories.ts      |  2 +-
 .../instances/ContentCardTable.stories.ts     | 36 +++++++++++++------
 5 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index cca7356213..a9b9f23ea1 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -51,6 +51,7 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 			<Checkbox
 				v-if="showCheckbox"
 				:model-value="selected ?? false"
+				:disabled="disabled"
 				class="shrink-0"
 				@update:model-value="selected = $event"
 			/>
@@ -104,7 +105,7 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 				color-fill="text"
 				hover-color-fill="background"
 			>
-				<button v-tooltip="'Update available'" @click="emit('update')">
+				<button v-tooltip="'Update available'" :disabled="disabled" @click="emit('update')">
 					<DownloadIcon class="size-5" />
 				</button>
 			</ButtonStyled>
@@ -112,18 +113,20 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 			<Toggle
 				v-if="enabled !== undefined"
 				:model-value="enabled"
+				:disabled="disabled"
+				small
 				@update:model-value="(val) => emit('update:enabled', val as boolean)"
 			/>
 
 			<ButtonStyled v-if="hasDeleteListener" circular type="transparent">
-				<button v-tooltip="'Delete'" @click="emit('delete')">
+				<button v-tooltip="'Delete'" :disabled="disabled" @click="emit('delete')">
 					<TrashIcon class="size-5 text-secondary" />
 				</button>
 			</ButtonStyled>
 
 			<slot name="additionalButtonsRight" />
 
-			<OverflowMenu v-if="overflowOptions?.length" :options="overflowOptions">
+			<OverflowMenu v-if="overflowOptions?.length" :options="overflowOptions" :disabled="disabled">
 				<ButtonStyled circular type="transparent">
 					<button>
 						<MoreVerticalIcon class="size-5" />
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index dd0f398777..24c3572fbc 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -16,7 +16,6 @@ interface Props {
 	sortable?: boolean
 	sortBy?: ContentCardTableSortColumn
 	sortDirection?: ContentCardTableSortDirection
-	disabled?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -24,7 +23,6 @@ const props = withDefaults(defineProps<Props>(), {
 	sortable: false,
 	sortBy: undefined,
 	sortDirection: 'asc',
-	disabled: false,
 })
 
 const selectedIds = defineModel<string[]>('selectedIds', { default: () => [] })
@@ -142,7 +140,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 				:owner="item.owner"
 				:enabled="item.enabled"
 				:overflow-options="item.overflowOptions"
-				:disabled="disabled"
+				:disabled="item.disabled"
 				:show-checkbox="showSelection"
 				:selected="isItemSelected(item.id)"
 				:class="[
diff --git a/packages/ui/src/components/instances/types.ts b/packages/ui/src/components/instances/types.ts
index 9519f51d71..7df19ad78b 100644
--- a/packages/ui/src/components/instances/types.ts
+++ b/packages/ui/src/components/instances/types.ts
@@ -26,6 +26,7 @@ export interface ContentCardTableItem {
 	version?: ContentCardVersion
 	owner?: ContentOwner
 	enabled?: boolean
+	disabled?: boolean
 	overflowOptions?: OverflowMenuOption[]
 }
 
diff --git a/packages/ui/src/stories/instances/ContentCardItem.stories.ts b/packages/ui/src/stories/instances/ContentCardItem.stories.ts
index b613af3817..cde5795643 100644
--- a/packages/ui/src/stories/instances/ContentCardItem.stories.ts
+++ b/packages/ui/src/stories/instances/ContentCardItem.stories.ts
@@ -98,7 +98,7 @@ const meta = {
 		},
 		disabled: {
 			control: 'boolean',
-			description: 'Grays out the card when true',
+			description: 'Disables all interactions and grays out the card',
 		},
 		overflowOptions: {
 			control: 'object',
diff --git a/packages/ui/src/stories/instances/ContentCardTable.stories.ts b/packages/ui/src/stories/instances/ContentCardTable.stories.ts
index 78c7fc5775..c07a8d5783 100644
--- a/packages/ui/src/stories/instances/ContentCardTable.stories.ts
+++ b/packages/ui/src/stories/instances/ContentCardTable.stories.ts
@@ -166,10 +166,6 @@ const meta = {
 			options: ['asc', 'desc'],
 			description: 'Sort direction',
 		},
-		disabled: {
-			control: 'boolean',
-			description: 'Disable all interactions',
-		},
 	},
 } satisfies Meta<typeof ContentCardTable>
 
@@ -441,12 +437,32 @@ export const WithCustomEmptyState: Story = {
 // State Stories
 // ============================================
 
-export const Disabled: Story = {
-	args: {
-		items: sampleItems,
-		showSelection: true,
-		disabled: true,
-	},
+export const PerItemDisabled: Story = {
+	render: () => ({
+		components: { ContentCardTable },
+		setup() {
+			// Simulates items being modified (e.g., toggled, deleted)
+			const items: ContentCardTableItem[] = [
+				{ ...sodiumItem, enabled: true },
+				{ ...modMenuItem, enabled: true, disabled: true }, // Being modified
+				{ ...fabricApiItem, enabled: false, disabled: true }, // Being modified
+			]
+			return { items }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<p class="text-sm text-secondary">
+					Items with <code>disabled: true</code> have all interactions disabled (simulating items being modified).
+				</p>
+				<ContentCardTable
+					:items="items"
+					show-selection
+					@update:enabled="(id, val) => console.log('Toggle', id, val)"
+					@delete="(id) => console.log('Delete', id)"
+				/>
+			</div>
+		`,
+	}),
 }
 
 export const SingleItem: Story = {

From ff5ed4045d63a90826f160c6fb9bd46c08e557d9 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 11:35:31 +0000
Subject: [PATCH 029/178] feat: virtual list impl for card table based on
 window scroll

---
 .../components/instances/ContentCardItem.vue  |   2 +-
 .../components/instances/ContentCardTable.vue | 115 ++++++++++++++++--
 .../instances/ContentCardTable.stories.ts     |  64 +++++++++-
 3 files changed, 169 insertions(+), 12 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index a9b9f23ea1..92040fbc66 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -43,7 +43,7 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 
 <template>
 	<div
-		class="flex items-center justify-between gap-4 px-4 py-3"
+		class="flex h-20 items-center justify-between gap-4 px-4"
 		:class="{ 'opacity-50': disabled }"
 	>
 		<!-- Checkbox + Project column -->
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index 24c3572fbc..ec2678e4c5 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ChevronDownIcon, ChevronUpIcon } from '@modrinth/assets'
-import { computed } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 
 import Checkbox from '../base/Checkbox.vue'
 import ContentCardItem from './ContentCardItem.vue'
@@ -10,12 +10,16 @@ import type {
 	ContentCardTableSortDirection,
 } from './types'
 
+const ITEM_HEIGHT = 80
+const BUFFER_SIZE = 5
+
 interface Props {
 	items: ContentCardTableItem[]
 	showSelection?: boolean
 	sortable?: boolean
 	sortBy?: ContentCardTableSortColumn
 	sortDirection?: ContentCardTableSortDirection
+	virtualized?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -23,6 +27,7 @@ const props = withDefaults(defineProps<Props>(), {
 	sortable: false,
 	sortBy: undefined,
 	sortDirection: 'asc',
+	virtualized: true,
 })
 
 const selectedIds = defineModel<string[]>('selectedIds', { default: () => [] })
@@ -34,6 +39,65 @@ const emit = defineEmits<{
 	sort: [column: ContentCardTableSortColumn, direction: ContentCardTableSortDirection]
 }>()
 
+// Virtualization state
+const listContainer = ref<HTMLElement | null>(null)
+const windowScrollY = ref(0)
+const windowHeight = ref(0)
+
+const totalHeight = computed(() => props.items.length * ITEM_HEIGHT)
+
+const visibleRange = computed(() => {
+	if (!props.virtualized) {
+		return { start: 0, end: props.items.length }
+	}
+
+	if (!listContainer.value) return { start: 0, end: 0 }
+
+	const containerTop = listContainer.value.getBoundingClientRect().top + window.scrollY
+	const relativeScrollTop = Math.max(0, windowScrollY.value - containerTop)
+
+	const start = Math.floor(relativeScrollTop / ITEM_HEIGHT)
+	const visibleCount = Math.ceil(windowHeight.value / ITEM_HEIGHT)
+
+	return {
+		start: Math.max(0, start - BUFFER_SIZE),
+		end: Math.min(props.items.length, start + visibleCount + BUFFER_SIZE * 2),
+	}
+})
+
+const visibleTop = computed(() => (props.virtualized ? visibleRange.value.start * ITEM_HEIGHT : 0))
+
+const visibleItems = computed(() =>
+	props.items.slice(visibleRange.value.start, visibleRange.value.end),
+)
+
+// Expose for perf monitoring
+defineExpose({
+	visibleRange,
+	visibleItems,
+})
+
+function handleScroll() {
+	windowScrollY.value = window.scrollY
+}
+
+function handleResize() {
+	windowHeight.value = window.innerHeight
+}
+
+onMounted(() => {
+	windowHeight.value = window.innerHeight
+	window.addEventListener('scroll', handleScroll, { passive: true })
+	window.addEventListener('resize', handleResize, { passive: true })
+	handleScroll()
+})
+
+onUnmounted(() => {
+	window.removeEventListener('scroll', handleScroll)
+	window.removeEventListener('resize', handleResize)
+})
+
+// Selection logic
 const allSelected = computed(() => {
 	if (props.items.length === 0) return false
 	return props.items.every((item) => selectedIds.value.includes(item.id))
@@ -130,8 +194,46 @@ function handleSort(column: ContentCardTableSortColumn) {
 			</div>
 		</div>
 
-		<!-- Content Rows -->
-		<template v-if="items.length > 0">
+		<!-- Virtualized rendering (window scroll) -->
+		<div
+			v-if="items.length > 0 && virtualized"
+			ref="listContainer"
+			class="relative w-full rounded-b-[20px]"
+			:style="{ minHeight: `${totalHeight}px` }"
+		>
+			<div class="absolute w-full" :style="{ top: `${visibleTop}px` }">
+				<ContentCardItem
+					v-for="(item, idx) in visibleItems"
+					:key="item.id"
+					:project="item.project"
+					:version="item.version"
+					:owner="item.owner"
+					:enabled="item.enabled"
+					:overflow-options="item.overflowOptions"
+					:disabled="item.disabled"
+					:show-checkbox="showSelection"
+					:selected="isItemSelected(item.id)"
+					:class="[
+						(visibleRange.start + idx) % 2 === 1 ? 'bg-surface-1' : 'bg-surface-2',
+						'border-t border-solid border-surface-3',
+					]"
+					@update:selected="(val) => toggleItemSelection(item.id, val ?? false)"
+					@update:enabled="(val) => emit('update:enabled', item.id, val)"
+					@delete="emit('delete', item.id)"
+					@update="emit('update', item.id)"
+				>
+					<template #additionalButtonsLeft>
+						<slot name="itemButtonsLeft" :item="item" :index="visibleRange.start + idx" />
+					</template>
+					<template #additionalButtonsRight>
+						<slot name="itemButtonsRight" :item="item" :index="visibleRange.start + idx" />
+					</template>
+				</ContentCardItem>
+			</div>
+		</div>
+
+		<!-- Non-virtualized rendering (all items) -->
+		<div v-else-if="items.length > 0" class="rounded-b-[20px]">
 			<ContentCardItem
 				v-for="(item, index) in items"
 				:key="item.id"
@@ -145,8 +247,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 				:selected="isItemSelected(item.id)"
 				:class="[
 					index % 2 === 1 ? 'bg-surface-1' : 'bg-surface-2',
-					index === items.length - 1 && 'rounded-b-[20px]',
-					'border-t border-solid border-[1px] border-surface-3',
+					'border-t border-solid border-surface-3',
 				]"
 				@update:selected="(val) => toggleItemSelection(item.id, val ?? false)"
 				@update:enabled="(val) => emit('update:enabled', item.id, val)"
@@ -160,10 +261,10 @@ function handleSort(column: ContentCardTableSortColumn) {
 					<slot name="itemButtonsRight" :item="item" :index="index" />
 				</template>
 			</ContentCardItem>
-		</template>
+		</div>
 
 		<!-- Empty State -->
-		<div v-else class="flex items-center justify-center py-12">
+		<div v-else class="flex items-center justify-center rounded-b-[20px] py-12">
 			<slot name="empty">
 				<span class="text-secondary">No items</span>
 			</slot>
diff --git a/packages/ui/src/stories/instances/ContentCardTable.stories.ts b/packages/ui/src/stories/instances/ContentCardTable.stories.ts
index c07a8d5783..08de10bcd9 100644
--- a/packages/ui/src/stories/instances/ContentCardTable.stories.ts
+++ b/packages/ui/src/stories/instances/ContentCardTable.stories.ts
@@ -1,7 +1,7 @@
 import { DownloadIcon, EyeIcon, FolderOpenIcon } from '@modrinth/assets'
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import { fn } from 'storybook/test'
-import { ref } from 'vue'
+import { onMounted, onUnmounted, ref } from 'vue'
 
 import ButtonStyled from '../../components/base/ButtonStyled.vue'
 import ContentCardTable from '../../components/instances/ContentCardTable.vue'
@@ -477,7 +477,7 @@ export const ManyItems: Story = {
 		components: { ContentCardTable },
 		setup() {
 			const items = ref<ContentCardTableItem[]>(
-				Array.from({ length: 20 }, (_, i) => ({
+				Array.from({ length: 2000 }, (_, i) => ({
 					...sodiumItem,
 					id: `item-${i}`,
 					project: {
@@ -492,13 +492,69 @@ export const ManyItems: Story = {
 				})),
 			)
 			const selectedIds = ref<string[]>([])
+			const virtualized = ref(true)
+			const tableRef = ref<InstanceType<typeof ContentCardTable> | null>(null)
+
+			// Perf monitoring
+			const domNodes = ref(0)
+			let animationId: number
+
+			const updatePerf = () => {
+				// Count ContentCardItem elements (they have h-20 class)
+				if (tableRef.value?.$el) {
+					const container = tableRef.value.$el as HTMLElement
+					domNodes.value = container.querySelectorAll('.h-20').length
+				}
+				animationId = requestAnimationFrame(updatePerf)
+			}
+
+			onMounted(() => {
+				animationId = requestAnimationFrame(updatePerf)
+			})
+
+			onUnmounted(() => {
+				cancelAnimationFrame(animationId)
+			})
 
-			return { items, selectedIds }
+			return {
+				items,
+				selectedIds,
+				virtualized,
+				tableRef,
+				domNodes,
+			}
 		},
 		template: /*html*/ `
-			<div class="max-h-[600px] overflow-auto">
+			<div>
+				<!-- Toggle -->
+				<div class="sticky top-0 z-10 mb-4 flex items-center gap-3 rounded-lg bg-surface-2 p-3">
+					<label class="flex cursor-pointer items-center gap-2">
+						<input
+							type="checkbox"
+							v-model="virtualized"
+							class="h-4 w-4 rounded"
+						/>
+						<span class="font-medium text-contrast">Enable Virtualization</span>
+					</label>
+				</div>
+
+				<!-- Perf Panel -->
+				<div class="fixed bottom-4 right-4 z-50 rounded-lg bg-surface-1 p-4 shadow-lg border border-surface-3 font-mono text-sm">
+					<div class="mb-2 font-semibold text-contrast">Performance</div>
+					<div class="grid grid-cols-2 gap-x-4 gap-y-1">
+						<span class="text-secondary">Total Items:</span>
+						<span class="text-contrast">{{ items.length }}</span>
+						<span class="text-secondary">DOM Nodes:</span>
+						<span :class="domNodes > 100 ? 'text-red-500' : 'text-green-500'">{{ domNodes }}</span>
+						<span class="text-secondary">Mode:</span>
+						<span :class="virtualized ? 'text-green-500' : 'text-red-500'">{{ virtualized ? 'Virtual' : 'Full DOM' }}</span>
+					</div>
+				</div>
+
 				<ContentCardTable
+					ref="tableRef"
 					:items="items"
+					:virtualized="virtualized"
 					show-selection
 					v-model:selected-ids="selectedIds"
 					@update:enabled="(id, val) => console.log('Toggle', id, val)"

From 6f84acb01b9f0b1489e12a280ae9fa906e1e0196 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 11:38:10 +0000
Subject: [PATCH 030/178] fix: lint

---
 apps/frontend/src/locales/en-US/index.json    | 2931 +++++++++++++++++
 .../components/instances/ContentCardItem.vue  |    3 -
 .../components/instances/ContentCardTable.vue |    7 -
 3 files changed, 2931 insertions(+), 10 deletions(-)

diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 2c63c08510..01a50b0f02 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -1,2 +1,2933 @@
 {
+  "action.cancel": {
+    "message": "Cancel"
+  },
+  "action.continue": {
+    "message": "Continue"
+  },
+  "admin.billing.error.not-found": {
+    "message": "User not found"
+  },
+  "app-marketing.download.description": {
+    "message": "Our desktop app is available across all platforms, choose your desired version."
+  },
+  "app-marketing.download.download-appimage": {
+    "message": "Download the AppImage"
+  },
+  "app-marketing.download.download-beta": {
+    "message": "Download the beta"
+  },
+  "app-marketing.download.download-deb": {
+    "message": "Download the DEB"
+  },
+  "app-marketing.download.download-rpm": {
+    "message": "Download the RPM"
+  },
+  "app-marketing.download.linux": {
+    "message": "Linux"
+  },
+  "app-marketing.download.linux-disclaimer": {
+    "message": "The Linux versions of Modrinth App are <issues-link>known to have issues</issues-link> on certain systems and configurations. If Modrinth App is unstable on your system, we encourage you to try other apps like <prism-link>Prism Launcher</prism-link> to easily install Modrinth content."
+  },
+  "app-marketing.download.mac": {
+    "message": "Mac"
+  },
+  "app-marketing.download.options-title": {
+    "message": "Download options"
+  },
+  "app-marketing.download.terms": {
+    "message": "By downloading Modrinth App you agree to our <terms-link>Terms</terms-link> and <privacy-link>Privacy Policy</privacy-link>."
+  },
+  "app-marketing.download.third-party-packages": {
+    "message": "Third-party packages"
+  },
+  "app-marketing.download.title": {
+    "message": "Download Modrinth App (Beta)"
+  },
+  "app-marketing.download.windows": {
+    "message": "Windows"
+  },
+  "app-marketing.features.follow.description": {
+    "message": "Save content you love and receive updates with one click."
+  },
+  "app-marketing.features.follow.title": {
+    "message": "Follow projects"
+  },
+  "app-marketing.features.importing.description": {
+    "message": "Import all your favorite profiles from the launcher you were using before, and get started with Modrinth App in seconds!"
+  },
+  "app-marketing.features.importing.gdlauncher-alt": {
+    "message": "GDLauncher"
+  },
+  "app-marketing.features.importing.multimc-alt": {
+    "message": "MultiMC"
+  },
+  "app-marketing.features.importing.title": {
+    "message": "Profile importing"
+  },
+  "app-marketing.features.mod-management.actions": {
+    "message": "Actions"
+  },
+  "app-marketing.features.mod-management.byAuthor": {
+    "message": "by {author}"
+  },
+  "app-marketing.features.mod-management.description": {
+    "message": "Modrinth makes it easy to manage all your mods in one place. You can install, uninstall, and update mods with a single click."
+  },
+  "app-marketing.features.mod-management.installed-mods": {
+    "message": "Installed mods"
+  },
+  "app-marketing.features.mod-management.name": {
+    "message": "Name"
+  },
+  "app-marketing.features.mod-management.search-mods": {
+    "message": "Search mods"
+  },
+  "app-marketing.features.mod-management.title": {
+    "message": "Mod management"
+  },
+  "app-marketing.features.mod-management.version": {
+    "message": "Version"
+  },
+  "app-marketing.features.offline.description": {
+    "message": "Play your mods, whether you are connected to the internet, or not."
+  },
+  "app-marketing.features.offline.title": {
+    "message": "Offline mode"
+  },
+  "app-marketing.features.open-source.description": {
+    "message": "Modrinth's launcher is fully open source. You can view the source code on our <github-link>GitHub</github-link>!"
+  },
+  "app-marketing.features.open-source.title": {
+    "message": "Open source"
+  },
+  "app-marketing.features.performance.activity-monitor": {
+    "message": "Activity monitor"
+  },
+  "app-marketing.features.performance.cpu-percent": {
+    "message": "% CPU"
+  },
+  "app-marketing.features.performance.description": {
+    "message": "Modrinth App performs better than many of the leading mod managers, using just 150mb of RAM!"
+  },
+  "app-marketing.features.performance.discord": {
+    "message": "Discord"
+  },
+  "app-marketing.features.performance.good-performance": {
+    "message": "Good performance"
+  },
+  "app-marketing.features.performance.google-chrome": {
+    "message": "Google Chrome"
+  },
+  "app-marketing.features.performance.infinite-mb": {
+    "message": "∞ MB"
+  },
+  "app-marketing.features.performance.infinite-times-infinite-mb": {
+    "message": "∞ * ∞ MB"
+  },
+  "app-marketing.features.performance.less-than-150mb": {
+    "message": "< 150 MB"
+  },
+  "app-marketing.features.performance.modrinth-app": {
+    "message": "Modrinth App"
+  },
+  "app-marketing.features.performance.one-billion-percent": {
+    "message": "1 billion %"
+  },
+  "app-marketing.features.performance.process-name": {
+    "message": "Process name"
+  },
+  "app-marketing.features.performance.ram": {
+    "message": "RAM"
+  },
+  "app-marketing.features.performance.small": {
+    "message": "Small"
+  },
+  "app-marketing.features.performance.title": {
+    "message": "Performant"
+  },
+  "app-marketing.features.play.description": {
+    "message": "Use Modrinth App to download and play with your favorite mods and modpacks."
+  },
+  "app-marketing.features.play.title": {
+    "message": "Play with your favorite mods"
+  },
+  "app-marketing.features.sharing.description": {
+    "message": "Build, share, and play modpacks with any of the thousands of mods and modpacks hosted here on Modrinth."
+  },
+  "app-marketing.features.sharing.modpack": {
+    "message": "Modpack"
+  },
+  "app-marketing.features.sharing.share-button": {
+    "message": "Share"
+  },
+  "app-marketing.features.sharing.title": {
+    "message": "Share modpacks"
+  },
+  "app-marketing.features.unlike-any-launcher": {
+    "message": "Unlike any launcher"
+  },
+  "app-marketing.features.website.description": {
+    "message": "Modrinth App is fully integrated with the website, so you can access all your favorite projects from the app!"
+  },
+  "app-marketing.features.website.title": {
+    "message": "Website integration"
+  },
+  "app-marketing.features.youve-used-before": {
+    "message": "you've used before"
+  },
+  "app-marketing.hero.app-screenshot-alt": {
+    "message": "Screenshot of Modrinth App with a Cobblemon instance opened to the 'Content' page."
+  },
+  "app-marketing.hero.description": {
+    "message": "Modrinth App is a unique, open source launcher that allows you to play your favorite mods, and keep them up to date, all in one neat little package."
+  },
+  "app-marketing.hero.download-button": {
+    "message": "Download Modrinth App"
+  },
+  "app-marketing.hero.download-modrinth-app": {
+    "message": "Download Modrinth App"
+  },
+  "app-marketing.hero.download-modrinth-app-for-os": {
+    "message": "Download Modrinth App for {os}"
+  },
+  "app-marketing.hero.minecraft-screenshot-alt": {
+    "message": "Screenshot of the Cobblemon instance's main menu screen."
+  },
+  "app-marketing.hero.more-download-options": {
+    "message": "More Download Options"
+  },
+  "auth.authorize.action.authorize": {
+    "message": "Authorize"
+  },
+  "auth.authorize.action.decline": {
+    "message": "Decline"
+  },
+  "auth.authorize.app-info": {
+    "message": "<strong>{appName}</strong> by <creator-link>{creator}</creator-link> will be able to:"
+  },
+  "auth.authorize.authorize-app-name": {
+    "message": "Authorize {appName}"
+  },
+  "auth.authorize.error.no-redirect-url": {
+    "message": "No redirect location found in response"
+  },
+  "auth.authorize.redirect-url": {
+    "message": "You will be redirected to <redirect-url>{url}</redirect-url>"
+  },
+  "auth.reset-password.method-choice.action": {
+    "message": "Send recovery email"
+  },
+  "auth.reset-password.method-choice.description": {
+    "message": "Enter your email below and we'll send a recovery link to allow you to recover your account."
+  },
+  "auth.reset-password.method-choice.email-username.label": {
+    "message": "Email or username"
+  },
+  "auth.reset-password.method-choice.email-username.placeholder": {
+    "message": "Email"
+  },
+  "auth.reset-password.notification.email-sent.text": {
+    "message": "An email with instructions has been sent to you if the email was previously saved on your account."
+  },
+  "auth.reset-password.notification.email-sent.title": {
+    "message": "Email sent"
+  },
+  "auth.reset-password.notification.password-reset.text": {
+    "message": "You can now log-in into your account with your new password."
+  },
+  "auth.reset-password.notification.password-reset.title": {
+    "message": "Password successfully reset"
+  },
+  "auth.reset-password.post-challenge.action": {
+    "message": "Reset password"
+  },
+  "auth.reset-password.post-challenge.confirm-password.label": {
+    "message": "Confirm password"
+  },
+  "auth.reset-password.post-challenge.description": {
+    "message": "Enter your new password below to gain access to your account."
+  },
+  "auth.reset-password.title": {
+    "message": "Reset Password"
+  },
+  "auth.reset-password.title.long": {
+    "message": "Reset your password"
+  },
+  "auth.sign-in.2fa.description": {
+    "message": "Please enter a two-factor code to proceed."
+  },
+  "auth.sign-in.2fa.label": {
+    "message": "Enter two-factor code"
+  },
+  "auth.sign-in.2fa.placeholder": {
+    "message": "Enter code..."
+  },
+  "auth.sign-in.additional-options": {
+    "message": "<forgot-password-link>Forgot password?</forgot-password-link> • <create-account-link>Create an account</create-account-link>"
+  },
+  "auth.sign-in.email-username.label": {
+    "message": "Email or username"
+  },
+  "auth.sign-in.password.label": {
+    "message": "Password"
+  },
+  "auth.sign-in.sign-in-with": {
+    "message": "Sign in with"
+  },
+  "auth.sign-in.title": {
+    "message": "Sign In"
+  },
+  "auth.sign-in.use-password": {
+    "message": "Or use a password"
+  },
+  "auth.sign-up.action.create-account": {
+    "message": "Create account"
+  },
+  "auth.sign-up.confirm-password.label": {
+    "message": "Confirm password"
+  },
+  "auth.sign-up.email.label": {
+    "message": "Email"
+  },
+  "auth.sign-up.label.username": {
+    "message": "Username"
+  },
+  "auth.sign-up.legal-dislaimer": {
+    "message": "By creating an account, you agree to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
+  },
+  "auth.sign-up.notification.password-mismatch.text": {
+    "message": "Passwords do not match!"
+  },
+  "auth.sign-up.password.label": {
+    "message": "Password"
+  },
+  "auth.sign-up.sign-in-option.title": {
+    "message": "Already have an account?"
+  },
+  "auth.sign-up.subscribe.label": {
+    "message": "Subscribe to updates about Modrinth"
+  },
+  "auth.sign-up.title": {
+    "message": "Sign Up"
+  },
+  "auth.sign-up.title.create-account": {
+    "message": "Or create an account yourself"
+  },
+  "auth.sign-up.title.sign-up-with": {
+    "message": "Sign up with"
+  },
+  "auth.verify-email.action.account-settings": {
+    "message": "Account settings"
+  },
+  "auth.verify-email.action.sign-in": {
+    "message": "Sign in"
+  },
+  "auth.verify-email.already-verified.description": {
+    "message": "Your email is already verified!"
+  },
+  "auth.verify-email.already-verified.title": {
+    "message": "Email already verified"
+  },
+  "auth.verify-email.failed-verification.action": {
+    "message": "Resend verification email"
+  },
+  "auth.verify-email.failed-verification.description": {
+    "message": "We were unable to verify your email. Try re-sending the verification email through your dashboard by signing in."
+  },
+  "auth.verify-email.failed-verification.description.logged-in": {
+    "message": "We were unable to verify your email. Try re-sending the verification email through the button below."
+  },
+  "auth.verify-email.failed-verification.title": {
+    "message": "Email verification failed"
+  },
+  "auth.verify-email.post-verification.description": {
+    "message": "Your email address has been successfully verified!"
+  },
+  "auth.verify-email.post-verification.title": {
+    "message": "Email verification"
+  },
+  "auth.verify-email.title": {
+    "message": "Verify Email"
+  },
+  "auth.welcome.checkbox.subscribe": {
+    "message": "Subscribe to updates about Modrinth"
+  },
+  "auth.welcome.description": {
+    "message": "You’re now part of the awesome community of creators & explorers already building, downloading, and staying up-to-date with amazing mods."
+  },
+  "auth.welcome.label.tos": {
+    "message": "By creating an account, you have agreed to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
+  },
+  "auth.welcome.long-title": {
+    "message": "Welcome to Modrinth!"
+  },
+  "auth.welcome.title": {
+    "message": "Welcome"
+  },
+  "collection.button.edit-icon": {
+    "message": "Edit icon"
+  },
+  "collection.button.remove-icon": {
+    "message": "Remove icon"
+  },
+  "collection.button.remove-project": {
+    "message": "Remove project"
+  },
+  "collection.button.replace-icon": {
+    "message": "Replace icon"
+  },
+  "collection.button.select-icon": {
+    "message": "Select icon"
+  },
+  "collection.button.unfollow-project": {
+    "message": "Unfollow project"
+  },
+  "collection.delete-modal.description": {
+    "message": "This will permanently delete this collection. This action cannot be undone."
+  },
+  "collection.delete-modal.title": {
+    "message": "Are you sure you want to delete this collection?"
+  },
+  "collection.description": {
+    "message": "{description} - View the collection {name} by {username} on Modrinth"
+  },
+  "collection.description.following": {
+    "message": "Auto-generated collection of all the projects you're following."
+  },
+  "collection.editing": {
+    "message": "Editing collection"
+  },
+  "collection.error.not-found": {
+    "message": "Collection not found"
+  },
+  "collection.label.created-at": {
+    "message": "Created {ago}"
+  },
+  "collection.label.curated-by": {
+    "message": "Curated by"
+  },
+  "collection.label.description": {
+    "message": "Description"
+  },
+  "collection.label.details": {
+    "message": "Details"
+  },
+  "collection.label.no-projects": {
+    "message": "No projects in collection yet"
+  },
+  "collection.label.projects-count": {
+    "message": "{count, plural, =0 {No projects yet} one {<stat>{count}</stat> project} other {<stat>{count}</stat> {type}}}"
+  },
+  "collection.label.updated-at": {
+    "message": "Updated {ago}"
+  },
+  "collection.return-link.dashboard-collections": {
+    "message": "Your collections"
+  },
+  "collection.return-link.user": {
+    "message": "{user}'s profile"
+  },
+  "collection.title": {
+    "message": "{name} - Collection"
+  },
+  "common.no": {
+    "message": "No"
+  },
+  "common.yes": {
+    "message": "Yes"
+  },
+  "create-project-version.create-modal.stage.add-files.admonition": {
+    "message": "Supplementary files are for supporting resources like source code, not for alternative versions or variants."
+  },
+  "create.collection.cancel": {
+    "message": "Cancel"
+  },
+  "create.collection.collection-info": {
+    "message": "Your new collection will be created as a public collection with {count, plural, =0 {no projects} one {# project} other {# projects}}."
+  },
+  "create.collection.create-collection": {
+    "message": "Create collection"
+  },
+  "create.collection.error-title": {
+    "message": "An error occurred"
+  },
+  "create.collection.name-label": {
+    "message": "Name"
+  },
+  "create.collection.name-placeholder": {
+    "message": "Enter collection name..."
+  },
+  "create.collection.summary-description": {
+    "message": "A sentence or two that describes your collection."
+  },
+  "create.collection.summary-label": {
+    "message": "Summary"
+  },
+  "create.collection.summary-placeholder": {
+    "message": "This is a collection of..."
+  },
+  "create.collection.title": {
+    "message": "Creating a collection"
+  },
+  "create.limit-alert.approaching-limit": {
+    "message": "Approaching {type} limit ({current}/{max})"
+  },
+  "create.limit-alert.approaching-limit-description": {
+    "message": "You're about to hit the {type} limit, please contact support if you need more than {max} {typePlural}."
+  },
+  "create.limit-alert.contact-support": {
+    "message": "Contact support"
+  },
+  "create.limit-alert.limit-reached": {
+    "message": "{type} limit reached"
+  },
+  "create.limit-alert.limit-reached-description": {
+    "message": "You've reached your {type} limit of {max}. Please contact support to increase your limit."
+  },
+  "create.limit-alert.type-collection": {
+    "message": "collection"
+  },
+  "create.limit-alert.type-organization": {
+    "message": "organization"
+  },
+  "create.limit-alert.type-plural-collection": {
+    "message": "collections"
+  },
+  "create.limit-alert.type-plural-organization": {
+    "message": "organizations"
+  },
+  "create.limit-alert.type-plural-project": {
+    "message": "projects"
+  },
+  "create.limit-alert.type-project": {
+    "message": "project"
+  },
+  "create.organization.cancel": {
+    "message": "Cancel"
+  },
+  "create.organization.create-organization": {
+    "message": "Create organization"
+  },
+  "create.organization.error-title": {
+    "message": "An error occurred"
+  },
+  "create.organization.name-label": {
+    "message": "Name"
+  },
+  "create.organization.name-placeholder": {
+    "message": "Enter organization name..."
+  },
+  "create.organization.ownership-info": {
+    "message": "You will be the owner of this organization, but you can invite other members and transfer ownership at any time."
+  },
+  "create.organization.summary-description": {
+    "message": "A sentence or two that describes your organization."
+  },
+  "create.organization.summary-label": {
+    "message": "Summary"
+  },
+  "create.organization.summary-placeholder": {
+    "message": "An organization for..."
+  },
+  "create.organization.title": {
+    "message": "Creating an organization"
+  },
+  "create.organization.url-label": {
+    "message": "URL"
+  },
+  "create.project.cancel": {
+    "message": "Cancel"
+  },
+  "create.project.create-project": {
+    "message": "Create project"
+  },
+  "create.project.error-title": {
+    "message": "An error occurred"
+  },
+  "create.project.name-label": {
+    "message": "Name"
+  },
+  "create.project.name-placeholder": {
+    "message": "Enter project name..."
+  },
+  "create.project.summary-description": {
+    "message": "A sentence or two that describes your project."
+  },
+  "create.project.summary-label": {
+    "message": "Summary"
+  },
+  "create.project.summary-placeholder": {
+    "message": "This project adds..."
+  },
+  "create.project.title": {
+    "message": "Creating a project"
+  },
+  "create.project.url-label": {
+    "message": "URL"
+  },
+  "create.project.visibility-description": {
+    "message": "The visibility of your project after it has been approved."
+  },
+  "create.project.visibility-label": {
+    "message": "Visibility"
+  },
+  "create.project.visibility-private": {
+    "message": "Private"
+  },
+  "create.project.visibility-public": {
+    "message": "Public"
+  },
+  "create.project.visibility-unlisted": {
+    "message": "Unlisted"
+  },
+  "dashboard.affiliate-links.create.button": {
+    "message": "Create affiliate link"
+  },
+  "dashboard.affiliate-links.error.title": {
+    "message": "Error loading affiliate links"
+  },
+  "dashboard.affiliate-links.header": {
+    "message": "Your affiliate links"
+  },
+  "dashboard.affiliate-links.revoke-confirm.body": {
+    "message": "This will permanently revoke the affiliate code `{id}` and any existing links with this code that have been shared will no longer be valid."
+  },
+  "dashboard.affiliate-links.revoke-confirm.button": {
+    "message": "Revoke"
+  },
+  "dashboard.affiliate-links.revoke-confirm.title": {
+    "message": "Are you sure you want to revoke your ''{title}'' affiliate link?"
+  },
+  "dashboard.affiliate-links.search": {
+    "message": "Search affiliate links..."
+  },
+  "dashboard.collections.button.create-new": {
+    "message": "Create new"
+  },
+  "dashboard.collections.label.projects-count": {
+    "message": "{count, plural, one {{count} project} other {{count} projects}}"
+  },
+  "dashboard.collections.label.search-input": {
+    "message": "Search your collections"
+  },
+  "dashboard.collections.long-title": {
+    "message": "Your collections"
+  },
+  "dashboard.creator-tax-form-modal.confirmation.download-button": {
+    "message": "Download {formType}"
+  },
+  "dashboard.creator-tax-form-modal.confirmation.success": {
+    "message": "Your {formType} tax form has been submitted successfully!"
+  },
+  "dashboard.creator-tax-form-modal.confirmation.support-text": {
+    "message": "You can freely withdraw now. If you have questions or need to update your details <support-link>contact support</support-link>."
+  },
+  "dashboard.creator-tax-form-modal.confirmation.title": {
+    "message": "You're all set! 🎉"
+  },
+  "dashboard.creator-tax-form-modal.entity.description": {
+    "message": "A foreign entity means a business entity organized outside the United States (such as a non-US corporation, partnership, or LLC)."
+  },
+  "dashboard.creator-tax-form-modal.entity.foreign-entity": {
+    "message": "Foreign entity"
+  },
+  "dashboard.creator-tax-form-modal.entity.private-individual": {
+    "message": "Private individual"
+  },
+  "dashboard.creator-tax-form-modal.entity.question": {
+    "message": "Are you a private individual or part of a foreign entity?"
+  },
+  "dashboard.creator-tax-form-modal.header": {
+    "message": "Tax form"
+  },
+  "dashboard.creator-tax-form-modal.security.description": {
+    "message": "Modrinth uses third-party provider Track1099 to securely collect and store your tax forms. <security-link>Learn more here.</security-link>"
+  },
+  "dashboard.creator-tax-form-modal.security.header": {
+    "message": "Security practices"
+  },
+  "dashboard.creator-tax-form-modal.us-citizen.question": {
+    "message": "Are you a US citizen?"
+  },
+  "dashboard.creator-withdraw-modal.complete-tax-form": {
+    "message": "Complete tax form"
+  },
+  "dashboard.creator-withdraw-modal.continue-with-limit": {
+    "message": "Continue with limit"
+  },
+  "dashboard.creator-withdraw-modal.details-label": {
+    "message": "Details"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-amount": {
+    "message": "Amount"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-exchange-rate": {
+    "message": "FX rate"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-fee": {
+    "message": "Fee"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-gift-card-value": {
+    "message": "Gift card value"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-net-amount": {
+    "message": "Net amount"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-usd-equivalent": {
+    "message": "USD equivalent"
+  },
+  "dashboard.creator-withdraw-modal.kyc.business-entity": {
+    "message": "Business entity"
+  },
+  "dashboard.creator-withdraw-modal.kyc.entity-description": {
+    "message": "A business entity refers to a registered organization such as a corporation, partnership, or LLC."
+  },
+  "dashboard.creator-withdraw-modal.kyc.entity-question": {
+    "message": "Are you a withdrawing as an individual or business?"
+  },
+  "dashboard.creator-withdraw-modal.kyc.private-individual": {
+    "message": "Private individual"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.country-placeholder": {
+    "message": "Select your country"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.country-search-placeholder": {
+    "message": "Search countries..."
+  },
+  "dashboard.creator-withdraw-modal.method-selection.error-text": {
+    "message": "Unable to fetch available payment methods. Please try again later."
+  },
+  "dashboard.creator-withdraw-modal.method-selection.error-title": {
+    "message": "Failed to load payment methods"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.region": {
+    "message": "Region"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.region-tooltip": {
+    "message": "Some payout methods are not available in certain regions."
+  },
+  "dashboard.creator-withdraw-modal.method-selection.select-method": {
+    "message": "Select withdraw method"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.tax-limit-warning": {
+    "message": "Your withdraw limit is <b>{amount}</b>, <tax-link>complete a tax form</tax-link> to withdraw more."
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.account-owner": {
+    "message": "Account owner"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.bank-account-owner": {
+    "message": "Bank account owner"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.bank-account-owner-description": {
+    "message": "Enter the name of the person authorized to operate this bank account on behalf of the business."
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.coin": {
+    "message": "Coin"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.crypto-warning-header": {
+    "message": "Confirm your wallet address"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id": {
+    "message": "National ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id-placeholder": {
+    "message": "Enter national ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-passport": {
+    "message": "Passport number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-passport-placeholder": {
+    "message": "Enter passport number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id": {
+    "message": "Resident ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id-placeholder": {
+    "message": "Enter resident ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc": {
+    "message": "RUC number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc-placeholder": {
+    "message": "Enter RUC number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id": {
+    "message": "Tax ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id-placeholder": {
+    "message": "Enter tax ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.network": {
+    "message": "Network"
+  },
+  "dashboard.creator-withdraw-modal.nearing-threshold": {
+    "message": "You're nearing the withdraw threshold. You can withdraw <b>{amountRemaining}</b> now, but a tax form is required for more."
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.account": {
+    "message": "Account"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.disconnect-account": {
+    "message": "Disconnect account"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.payment-method": {
+    "message": "Payment method"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.paypal-account": {
+    "message": "PayPal account"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.paypal-auth-description": {
+    "message": "Connect your PayPal account to receive payments directly."
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.save-button": {
+    "message": "Save"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.save-success": {
+    "message": "Venmo handle saved successfully!"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.saved-button": {
+    "message": "Saved"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.sign-in-with-paypal": {
+    "message": "Sign in with PayPal"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.venmo-description": {
+    "message": "Enter your Venmo handle to receive payments."
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.venmo-handle": {
+    "message": "Venmo handle"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.venmo-handle-placeholder": {
+    "message": "@username"
+  },
+  "dashboard.creator-withdraw-modal.stage.completion": {
+    "message": "Complete"
+  },
+  "dashboard.creator-withdraw-modal.stage.method-selection": {
+    "message": "Method"
+  },
+  "dashboard.creator-withdraw-modal.stage.muralpay-details": {
+    "message": "Account Details"
+  },
+  "dashboard.creator-withdraw-modal.stage.muralpay-kyc": {
+    "message": "Verification"
+  },
+  "dashboard.creator-withdraw-modal.stage.tax-form": {
+    "message": "Tax form"
+  },
+  "dashboard.creator-withdraw-modal.stage.tremendous-details": {
+    "message": "Details"
+  },
+  "dashboard.creator-withdraw-modal.tax-form-required.body": {
+    "message": "To withdraw your full <b>{available}</b> available balance please complete the form below. It is required for tax reporting and only needs to be done once."
+  },
+  "dashboard.creator-withdraw-modal.tax-form-required.body-with-limit": {
+    "message": "You must complete a W-9 or W-8 form for Modrinth's tax records so we remain compliant with tax regulations."
+  },
+  "dashboard.creator-withdraw-modal.tax-form-required.header": {
+    "message": "Tax form required"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.available-denominations-label": {
+    "message": "Available denominations"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.balance-worth-hint": {
+    "message": "Your balance of {usdBalance} is currently worth {localBalance}."
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.enter-amount-hint": {
+    "message": "Find gift cards near this value."
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.enter-denomination-placeholder": {
+    "message": "Enter amount"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.payment-method": {
+    "message": "Payment method"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.reward": {
+    "message": "Reward"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.reward-placeholder": {
+    "message": "Select reward"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.reward-plural": {
+    "message": "Rewards"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.search-amount-label": {
+    "message": "Search amount"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.select-denomination-hint": {
+    "message": "Select a denomination:"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.select-denomination-required": {
+    "message": "Please select a denomination to continue"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.unverified-email-header": {
+    "message": "Unverified email"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.unverified-email-message": {
+    "message": "The delivery email you have entered is not associated with your Modrinth account. Modrinth cannot recover rewards sent to an incorrect email address."
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.usd-paypal-warning-header": {
+    "message": "Lower fees available"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.usd-paypal-warning-message": {
+    "message": "You selected USD for PayPal International. <direct-paypal-link>Switch to direct PayPal</direct-paypal-link> for better fees (≈2% instead of ≈6%)."
+  },
+  "dashboard.creator-withdraw-modal.withdraw-button": {
+    "message": "Withdraw"
+  },
+  "dashboard.creator-withdraw-modal.withdraw-limit": {
+    "message": "Withdraw limit"
+  },
+  "dashboard.creator-withdraw-modal.withdraw-limit-used": {
+    "message": "You've used up your <b>{withdrawLimit}</b> withdrawal limit. You must complete a tax form to withdraw more."
+  },
+  "dashboard.revenue.available-now": {
+    "message": "Available now"
+  },
+  "dashboard.revenue.balance": {
+    "message": "Balance"
+  },
+  "dashboard.revenue.estimated-tooltip.msg1": {
+    "message": "Estimated revenue may be subject to change until it is made available."
+  },
+  "dashboard.revenue.estimated-tooltip.msg2": {
+    "message": "Click to read about how Modrinth handles your revenue."
+  },
+  "dashboard.revenue.estimated-with-date": {
+    "message": "Estimated {date}"
+  },
+  "dashboard.revenue.processing": {
+    "message": "Processing"
+  },
+  "dashboard.revenue.processing.tooltip": {
+    "message": "Revenue stays in processing until the end of the month, then becomes available 60 days later."
+  },
+  "dashboard.revenue.stats.received": {
+    "message": "Received"
+  },
+  "dashboard.revenue.stats.transactions": {
+    "message": "Transactions"
+  },
+  "dashboard.revenue.stats.withdrawn": {
+    "message": "Withdrawn"
+  },
+  "dashboard.revenue.tos": {
+    "message": "By uploading projects to Modrinth and withdrawing money from your account, you agree to our <terms-link>Rewards Program Terms</terms-link>. Learn more about the <info-link>Reward Program</info-link>."
+  },
+  "dashboard.revenue.transactions.btn.download-csv": {
+    "message": "Download as CSV"
+  },
+  "dashboard.revenue.transactions.header": {
+    "message": "Transactions"
+  },
+  "dashboard.revenue.transactions.none": {
+    "message": "No transactions"
+  },
+  "dashboard.revenue.transactions.none.desc": {
+    "message": "Your payouts and withdrawals will appear here."
+  },
+  "dashboard.revenue.transactions.see-all": {
+    "message": "See all"
+  },
+  "dashboard.revenue.withdraw.blocked-tin-mismatch": {
+    "message": "Your withdrawals are temporarily locked because your TIN or SSN didn't match IRS records. Please contact support to reset and resubmit your tax form."
+  },
+  "dashboard.revenue.withdraw.card.description": {
+    "message": "Withdraw from your available balance to any payout method."
+  },
+  "dashboard.revenue.withdraw.card.title": {
+    "message": "Withdraw"
+  },
+  "dashboard.revenue.withdraw.header": {
+    "message": "Withdraw"
+  },
+  "dashboard.withdraw.completion.account": {
+    "message": "Account"
+  },
+  "dashboard.withdraw.completion.amount": {
+    "message": "Amount"
+  },
+  "dashboard.withdraw.completion.close-button": {
+    "message": "Close"
+  },
+  "dashboard.withdraw.completion.date": {
+    "message": "Date"
+  },
+  "dashboard.withdraw.completion.email-confirmation": {
+    "message": "You'll receive an email at <b>{email}</b> with instructions to redeem your withdrawal."
+  },
+  "dashboard.withdraw.completion.exchange-rate": {
+    "message": "Exchange rate"
+  },
+  "dashboard.withdraw.completion.fee": {
+    "message": "Fee"
+  },
+  "dashboard.withdraw.completion.method": {
+    "message": "Method"
+  },
+  "dashboard.withdraw.completion.net-amount": {
+    "message": "Net amount"
+  },
+  "dashboard.withdraw.completion.recipient": {
+    "message": "Recipient"
+  },
+  "dashboard.withdraw.completion.title": {
+    "message": "Withdraw complete"
+  },
+  "dashboard.withdraw.completion.transactions-button": {
+    "message": "Transactions"
+  },
+  "dashboard.withdraw.completion.wallet": {
+    "message": "Wallet"
+  },
+  "dashboard.withdraw.error.account-not-linked.text": {
+    "message": "Please link your payment account before withdrawing."
+  },
+  "dashboard.withdraw.error.account-not-linked.title": {
+    "message": "Account not linked"
+  },
+  "dashboard.withdraw.error.email-verification.text": {
+    "message": "You must verify your email address before withdrawing funds."
+  },
+  "dashboard.withdraw.error.email-verification.title": {
+    "message": "Email verification required"
+  },
+  "dashboard.withdraw.error.generic.text": {
+    "message": "We were unable to submit your withdrawal request, please check your details or contact support.\n{error}"
+  },
+  "dashboard.withdraw.error.generic.title": {
+    "message": "Unable to withdraw"
+  },
+  "dashboard.withdraw.error.insufficient-balance.text": {
+    "message": "You do not have enough funds to make this withdrawal."
+  },
+  "dashboard.withdraw.error.insufficient-balance.title": {
+    "message": "Insufficient balance"
+  },
+  "dashboard.withdraw.error.invalid-address.text": {
+    "message": "The address you provided could not be verified. Please check your address details."
+  },
+  "dashboard.withdraw.error.invalid-address.title": {
+    "message": "Address verification failed"
+  },
+  "dashboard.withdraw.error.invalid-bank.text": {
+    "message": "The bank account details you provided are invalid. Please verify your information."
+  },
+  "dashboard.withdraw.error.invalid-bank.title": {
+    "message": "Invalid bank details"
+  },
+  "dashboard.withdraw.error.invalid-wallet.text": {
+    "message": "The crypto wallet address you provided is invalid. Please double-check and try again."
+  },
+  "dashboard.withdraw.error.invalid-wallet.title": {
+    "message": "Invalid wallet address"
+  },
+  "dashboard.withdraw.error.minimum-not-met.text": {
+    "message": "The withdrawal amount (after fees) doesn't meet the minimum requirement. Please increase your withdrawal amount."
+  },
+  "dashboard.withdraw.error.minimum-not-met.title": {
+    "message": "Amount too low"
+  },
+  "dashboard.withdraw.error.paypal-country-mismatch.text": {
+    "message": "Please use the correct PayPal transfer option for your region (US or International)."
+  },
+  "dashboard.withdraw.error.paypal-country-mismatch.title": {
+    "message": "PayPal region mismatch"
+  },
+  "dashboard.withdraw.error.tax-form.text": {
+    "message": "You must complete a tax form to submit your withdrawal request."
+  },
+  "dashboard.withdraw.error.tax-form.title": {
+    "message": "Please complete tax form"
+  },
+  "error.collection.404.list_item.1": {
+    "message": "You may have mistyped the collection's URL."
+  },
+  "error.collection.404.list_item.2": {
+    "message": "The collection may be private."
+  },
+  "error.collection.404.list_item.3": {
+    "message": "The collection may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.collection.404.list_title": {
+    "message": "Why?"
+  },
+  "error.collection.404.title": {
+    "message": "Collection not found"
+  },
+  "error.generic.404.subtitle": {
+    "message": "The page you were looking for doesn't seem to exist."
+  },
+  "error.generic.404.title": {
+    "message": "Page not found"
+  },
+  "error.generic.451.subtitle": {
+    "message": "This page has been blocked for legal reasons, such as government censorship or ongoing legal proceedings."
+  },
+  "error.generic.451.title": {
+    "message": "Content unavailable for legal reasons"
+  },
+  "error.generic.default.list_item.1": {
+    "message": "Check if Modrinth is down on our <status-link>Status page</status-link>."
+  },
+  "error.generic.default.list_item.2": {
+    "message": "If this keeps happening, you may want to let the Modrinth Team know by joining our <discord-link>Discord server</discord-link>."
+  },
+  "error.generic.default.list_title": {
+    "message": "Please try again in a few minutes."
+  },
+  "error.generic.default.subtitle": {
+    "message": "Something went wrong."
+  },
+  "error.generic.default.title": {
+    "message": "Uh oh!"
+  },
+  "error.organization.404.list_item.1": {
+    "message": "You may have mistyped the organization's URL."
+  },
+  "error.organization.404.list_item.2": {
+    "message": "The organization's owner may have changed the URL or deleted it."
+  },
+  "error.organization.404.list_item.3": {
+    "message": "The organization may have been removed by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.organization.404.list_title": {
+    "message": "Why?"
+  },
+  "error.organization.404.title": {
+    "message": "Organization not found"
+  },
+  "error.project.404.list_item.1": {
+    "message": "You may have mistyped the project's URL."
+  },
+  "error.project.404.list_item.2": {
+    "message": "The project's owner may have changed the URL, made the project private, or deleted it."
+  },
+  "error.project.404.list_item.3": {
+    "message": "The project may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.project.404.list_title": {
+    "message": "Why?"
+  },
+  "error.project.404.title": {
+    "message": "Project not found"
+  },
+  "error.user.404.list_item.1": {
+    "message": "You may have mistyped the user's username."
+  },
+  "error.user.404.list_item.2": {
+    "message": "The user may have changed their username or deleted their account."
+  },
+  "error.user.404.list_item.3": {
+    "message": "The user's account may have been terminated for violating Modrinth's <tou-link>Terms of Use</tou-link>."
+  },
+  "error.user.404.list_title": {
+    "message": "Why?"
+  },
+  "error.user.404.title": {
+    "message": "User not found"
+  },
+  "frog": {
+    "message": "You've been frogged! 🐸"
+  },
+  "frog.altText": {
+    "message": "A photorealistic painting of a frog labyrinth"
+  },
+  "frog.froggedPeople": {
+    "message": "{count, plural, one {{count} more person} other {{count} more people}} were also frogged!"
+  },
+  "frog.sinceOpened": {
+    "message": "This page was opened {ago}"
+  },
+  "frog.title": {
+    "message": "Frog"
+  },
+  "landing.button.discover-mods": {
+    "message": "Discover mods"
+  },
+  "landing.button.go-to-dashboard": {
+    "message": "Go to dashboard"
+  },
+  "landing.creator.feature.constantly-evolving.description": {
+    "message": "Get the best modding experience possible with constant updates from the Modrinth team"
+  },
+  "landing.creator.feature.constantly-evolving.title": {
+    "message": "Constantly Evolving"
+  },
+  "landing.creator.feature.data-statistics.description": {
+    "message": "Get detailed reports on page views, download counts, and revenue"
+  },
+  "landing.creator.feature.data-statistics.title": {
+    "message": "Data and Statistics"
+  },
+  "landing.creator.feature.discovery.description": {
+    "message": "Get your project discovered by thousands of users through search, our home page, Discord server, and more ways to come in the future!"
+  },
+  "landing.creator.feature.discovery.title": {
+    "message": "Discovery"
+  },
+  "landing.creator.feature.diverse-ecosystem.description": {
+    "message": "Integrate with your build tools through Minotaur for automatic uploads right when you release a new version"
+  },
+  "landing.creator.feature.diverse-ecosystem.title": {
+    "message": "Diverse Ecosystem"
+  },
+  "landing.creator.feature.monetization.description": {
+    "message": "Get paid ad revenue from your project pages and withdraw your funds at any time"
+  },
+  "landing.creator.feature.monetization.title": {
+    "message": "Monetization"
+  },
+  "landing.creator.feature.team-management.description": {
+    "message": "Invite your teammates and manage roles and permissions with ease"
+  },
+  "landing.creator.feature.team-management.title": {
+    "message": "Team Management"
+  },
+  "landing.error.failedToLoadRandomProjects": {
+    "message": "Failed to load random projects :("
+  },
+  "landing.feature.follow.description": {
+    "message": "Get notified every time your favorite projects update and stay in the loop."
+  },
+  "landing.feature.follow.heading": {
+    "message": "Follow projects you love"
+  },
+  "landing.feature.launcher.description": {
+    "message": "Modrinth's open-source API lets launchers add deep integration with Modrinth. You can use Modrinth through <link>our own app</link> and some of the most popular launchers like ATLauncher, MultiMC, and Prism Launcher."
+  },
+  "landing.feature.launcher.heading": {
+    "message": "Play with your favorite launcher"
+  },
+  "landing.feature.search.description": {
+    "message": "Modrinth's lightning-fast search and powerful filters let you find what you want as you type."
+  },
+  "landing.feature.search.heading": {
+    "message": "Find what you want, quickly and easily"
+  },
+  "landing.heading.the-place-for-minecraft": {
+    "message": "The place for Minecraft {content}"
+  },
+  "landing.heading.the-place-for-minecraft.data-packs": {
+    "message": "data packs"
+  },
+  "landing.heading.the-place-for-minecraft.modpacks": {
+    "message": "modpacks"
+  },
+  "landing.heading.the-place-for-minecraft.mods": {
+    "message": "mods"
+  },
+  "landing.heading.the-place-for-minecraft.plugins": {
+    "message": "plugins"
+  },
+  "landing.heading.the-place-for-minecraft.resource-packs": {
+    "message": "resource packs"
+  },
+  "landing.heading.the-place-for-minecraft.servers": {
+    "message": "servers"
+  },
+  "landing.heading.the-place-for-minecraft.shaders": {
+    "message": "shaders"
+  },
+  "landing.launcher.atlauncher-label": {
+    "message": "ATLauncher"
+  },
+  "landing.launcher.graphic-alt": {
+    "message": "A simplified representation of a Minecraft window, with the Mojang Studios logo in Modrinth green."
+  },
+  "landing.launcher.modrinth-app-label": {
+    "message": "Modrinth App"
+  },
+  "landing.launcher.prism-launcher-label": {
+    "message": "Prism Launcher"
+  },
+  "landing.notifications.has-been-updated": {
+    "message": "{title} has been updated!"
+  },
+  "landing.notifications.heading": {
+    "message": "Notifications"
+  },
+  "landing.notifications.received-time": {
+    "message": "Received {time}"
+  },
+  "landing.notifications.version-released": {
+    "message": "Version {version} has been released for {gameVersion}"
+  },
+  "landing.search.label": {
+    "message": "Search"
+  },
+  "landing.search.placeholder": {
+    "message": "Search..."
+  },
+  "landing.search.sort-by.label": {
+    "message": "Sort by"
+  },
+  "landing.section.for-creators.description": {
+    "message": "Give an online home to your creations and reach a massive audience of dedicated players."
+  },
+  "landing.section.for-creators.label": {
+    "message": "For Creators"
+  },
+  "landing.section.for-creators.tagline": {
+    "message": "Share your content with the world"
+  },
+  "landing.section.for-players.description": {
+    "message": "From magical biomes to cursed dungeons, you can be sure to find content to bring your gameplay to the next level."
+  },
+  "landing.section.for-players.label": {
+    "message": "For Players"
+  },
+  "landing.section.for-players.tagline": {
+    "message": "Discover over {count} creations"
+  },
+  "landing.subheading": {
+    "message": "Discover, play, and share Minecraft content through our open-source platform built for the community."
+  },
+  "layout.action.change-theme": {
+    "message": "Change theme"
+  },
+  "layout.action.create-new": {
+    "message": "Create new..."
+  },
+  "layout.action.file-lookup": {
+    "message": "File lookup"
+  },
+  "layout.action.lookup-by-email": {
+    "message": "Lookup by email"
+  },
+  "layout.action.manage-affiliates": {
+    "message": "Manage affiliate links"
+  },
+  "layout.action.manage-server-notices": {
+    "message": "Manage server notices"
+  },
+  "layout.action.new-collection": {
+    "message": "New collection"
+  },
+  "layout.action.new-organization": {
+    "message": "New organization"
+  },
+  "layout.action.new-project": {
+    "message": "New project"
+  },
+  "layout.action.reports": {
+    "message": "Review reports"
+  },
+  "layout.action.review-projects": {
+    "message": "Project review"
+  },
+  "layout.action.tech-review": {
+    "message": "Tech review"
+  },
+  "layout.avatar.alt": {
+    "message": "Your avatar"
+  },
+  "layout.banner.account-action": {
+    "message": "Account action required"
+  },
+  "layout.banner.add-email.button": {
+    "message": "Visit account settings"
+  },
+  "layout.banner.add-email.description": {
+    "message": "For security reasons, Modrinth needs you to register an email address to your account."
+  },
+  "layout.banner.build-fail.description": {
+    "message": "This deploy of Modrinth's frontend failed to generate state from the API. This may be due to an outage or an error in configuration. Rebuild when the API is available. Error codes: {errors}; Current API URL is: {url}"
+  },
+  "layout.banner.build-fail.title": {
+    "message": "Error generating state from API when building."
+  },
+  "layout.banner.preview.description": {
+    "message": "If you meant to access the official Modrinth website, visit <link>https://modrinth.com</link>. This preview deploy is used by Modrinth staff for testing purposes. It was built using <branch-link>{owner}/{branch}</branch-link> @ {commit}."
+  },
+  "layout.banner.preview.title": {
+    "message": "This is a preview deploy of the Modrinth website."
+  },
+  "layout.banner.staging.description": {
+    "message": "The staging environment is completely separate from the production Modrinth database. This is used for testing and debugging purposes, and may be running in-development versions of the Modrinth backend or frontend newer than the production instance."
+  },
+  "layout.banner.staging.title": {
+    "message": "You’re viewing Modrinth’s staging environment"
+  },
+  "layout.banner.subscription-payment-failed.button": {
+    "message": "Update billing info"
+  },
+  "layout.banner.subscription-payment-failed.description": {
+    "message": "One or more subscriptions failed to renew. Please update your payment method to prevent losing access!"
+  },
+  "layout.banner.subscription-payment-failed.title": {
+    "message": "Billing action required."
+  },
+  "layout.banner.tax.action": {
+    "message": "Complete tax form"
+  },
+  "layout.banner.tax.description": {
+    "message": "You've already withdrawn over $600 from Modrinth this year. To comply with tax regulations, you need to complete a tax form. Your withdrawals are paused until this form is submitted."
+  },
+  "layout.banner.tax.title": {
+    "message": "Tax form required"
+  },
+  "layout.banner.tin-mismatch.action": {
+    "message": "Contact support"
+  },
+  "layout.banner.tin-mismatch.description": {
+    "message": "Your withdrawals are temporarily locked because your TIN or SSN didn't match IRS records. Please contact support to reset and resubmit your tax form."
+  },
+  "layout.banner.tin-mismatch.title": {
+    "message": "Tax form failed"
+  },
+  "layout.banner.verify-email.action": {
+    "message": "Re-send verification email"
+  },
+  "layout.banner.verify-email.description": {
+    "message": "For security reasons, Modrinth needs you to verify the email address associated with your account."
+  },
+  "layout.footer.about": {
+    "message": "About"
+  },
+  "layout.footer.about.careers": {
+    "message": "Careers"
+  },
+  "layout.footer.about.changelog": {
+    "message": "Changelog"
+  },
+  "layout.footer.about.news": {
+    "message": "News"
+  },
+  "layout.footer.about.rewards-program": {
+    "message": "Rewards Program"
+  },
+  "layout.footer.about.status": {
+    "message": "Status"
+  },
+  "layout.footer.legal": {
+    "message": "Legal"
+  },
+  "layout.footer.legal-disclaimer": {
+    "message": "NOT AN OFFICIAL MINECRAFT SERVICE. NOT APPROVED BY OR ASSOCIATED WITH MOJANG OR MICROSOFT."
+  },
+  "layout.footer.legal.copyright-policy": {
+    "message": "Copyright Policy and DMCA"
+  },
+  "layout.footer.legal.privacy-policy": {
+    "message": "Privacy Policy"
+  },
+  "layout.footer.legal.rules": {
+    "message": "Content Rules"
+  },
+  "layout.footer.legal.security-notice": {
+    "message": "Security Notice"
+  },
+  "layout.footer.legal.terms-of-use": {
+    "message": "Terms of Use"
+  },
+  "layout.footer.modrinth-information": {
+    "message": "Modrinth information"
+  },
+  "layout.footer.open-source": {
+    "message": "Modrinth is <github-link>open source</github-link>."
+  },
+  "layout.footer.products": {
+    "message": "Products"
+  },
+  "layout.footer.products.app": {
+    "message": "Modrinth App"
+  },
+  "layout.footer.products.plus": {
+    "message": "Modrinth+"
+  },
+  "layout.footer.products.servers": {
+    "message": "Modrinth Hosting"
+  },
+  "layout.footer.resources": {
+    "message": "Resources"
+  },
+  "layout.footer.resources.api-docs": {
+    "message": "API documentation"
+  },
+  "layout.footer.resources.help-center": {
+    "message": "Help Center"
+  },
+  "layout.footer.resources.report-issues": {
+    "message": "Report issues"
+  },
+  "layout.footer.resources.translate": {
+    "message": "Translate"
+  },
+  "layout.footer.social.bluesky": {
+    "message": "Bluesky"
+  },
+  "layout.footer.social.discord": {
+    "message": "Discord"
+  },
+  "layout.footer.social.github": {
+    "message": "GitHub"
+  },
+  "layout.footer.social.mastodon": {
+    "message": "Mastodon"
+  },
+  "layout.footer.social.x": {
+    "message": "X"
+  },
+  "layout.menu-toggle.action": {
+    "message": "Toggle menu"
+  },
+  "layout.meta.description": {
+    "message": "Download Minecraft mods, plugins, datapacks, shaders, resourcepacks, and modpacks on Modrinth. Discover and publish projects on Modrinth with a modern, easy to use interface and API."
+  },
+  "layout.meta.og-description": {
+    "message": "Discover and publish Minecraft content!"
+  },
+  "layout.mobile.close-menu": {
+    "message": "Close menu"
+  },
+  "layout.mobile.open-menu": {
+    "message": "Open menu"
+  },
+  "layout.nav.active-reports": {
+    "message": "Active reports"
+  },
+  "layout.nav.analytics": {
+    "message": "Analytics"
+  },
+  "layout.nav.discover": {
+    "message": "Discover"
+  },
+  "layout.nav.discover-content": {
+    "message": "Discover content"
+  },
+  "layout.nav.feature-flags": {
+    "message": "Feature flags"
+  },
+  "layout.nav.get-modrinth-app": {
+    "message": "Get Modrinth App"
+  },
+  "layout.nav.home": {
+    "message": "Home"
+  },
+  "layout.nav.host-a-server": {
+    "message": "Host a server"
+  },
+  "layout.nav.modrinth-app": {
+    "message": "Modrinth App"
+  },
+  "layout.nav.modrinth-home-page": {
+    "message": "Modrinth home page"
+  },
+  "layout.nav.my-servers": {
+    "message": "My servers"
+  },
+  "layout.nav.organizations": {
+    "message": "Organizations"
+  },
+  "layout.nav.profile": {
+    "message": "Profile"
+  },
+  "layout.nav.projects": {
+    "message": "Projects"
+  },
+  "layout.nav.revenue": {
+    "message": "Revenue"
+  },
+  "layout.nav.saved-projects": {
+    "message": "Saved projects"
+  },
+  "layout.nav.search": {
+    "message": "Search"
+  },
+  "layout.nav.upgrade-to-modrinth-plus": {
+    "message": "Upgrade to Modrinth+"
+  },
+  "moderation.filter.by": {
+    "message": "Filter by"
+  },
+  "moderation.moderate": {
+    "message": "Moderate"
+  },
+  "moderation.page.projects": {
+    "message": "Projects"
+  },
+  "moderation.page.reports": {
+    "message": "Reports"
+  },
+  "moderation.page.technicalReview": {
+    "message": "Technical Review"
+  },
+  "moderation.search.placeholder": {
+    "message": "Search..."
+  },
+  "moderation.sort.by": {
+    "message": "Sort by"
+  },
+  "muralpay.account-type.checking": {
+    "message": "Checking"
+  },
+  "muralpay.account-type.savings": {
+    "message": "Savings"
+  },
+  "muralpay.country.at": {
+    "message": "Austria"
+  },
+  "muralpay.country.be": {
+    "message": "Belgium"
+  },
+  "muralpay.country.cy": {
+    "message": "Cyprus"
+  },
+  "muralpay.country.de": {
+    "message": "Germany"
+  },
+  "muralpay.country.ee": {
+    "message": "Estonia"
+  },
+  "muralpay.country.es": {
+    "message": "Spain"
+  },
+  "muralpay.country.fi": {
+    "message": "Finland"
+  },
+  "muralpay.country.fr": {
+    "message": "France"
+  },
+  "muralpay.country.gr": {
+    "message": "Greece"
+  },
+  "muralpay.country.ie": {
+    "message": "Ireland"
+  },
+  "muralpay.country.it": {
+    "message": "Italy"
+  },
+  "muralpay.country.lt": {
+    "message": "Lithuania"
+  },
+  "muralpay.country.lu": {
+    "message": "Luxembourg"
+  },
+  "muralpay.country.lv": {
+    "message": "Latvia"
+  },
+  "muralpay.country.mt": {
+    "message": "Malta"
+  },
+  "muralpay.country.nl": {
+    "message": "Netherlands"
+  },
+  "muralpay.country.pt": {
+    "message": "Portugal"
+  },
+  "muralpay.country.sk": {
+    "message": "Slovakia"
+  },
+  "muralpay.document-type.national-id": {
+    "message": "National ID"
+  },
+  "muralpay.document-type.passport": {
+    "message": "Passport"
+  },
+  "muralpay.document-type.resident-id": {
+    "message": "Resident ID"
+  },
+  "muralpay.document-type.ruc": {
+    "message": "RUC"
+  },
+  "muralpay.document-type.tax-id": {
+    "message": "Tax ID"
+  },
+  "muralpay.field.account-number": {
+    "message": "Account number"
+  },
+  "muralpay.field.account-number-cbu-cvu": {
+    "message": "Account number (CBU/CVU)"
+  },
+  "muralpay.field.account-number-cci": {
+    "message": "Account number (CCI)"
+  },
+  "muralpay.field.account-number-type": {
+    "message": "Account number type"
+  },
+  "muralpay.field.account-type": {
+    "message": "Account type"
+  },
+  "muralpay.field.bank-account-number": {
+    "message": "Account number"
+  },
+  "muralpay.field.branch-code": {
+    "message": "Branch code"
+  },
+  "muralpay.field.clabe": {
+    "message": "CLABE"
+  },
+  "muralpay.field.country": {
+    "message": "Country"
+  },
+  "muralpay.field.cpf-cnpj": {
+    "message": "CPF/CNPJ"
+  },
+  "muralpay.field.cuit-cuil": {
+    "message": "CUIT/CUIL"
+  },
+  "muralpay.field.document-type": {
+    "message": "Document type"
+  },
+  "muralpay.field.iban": {
+    "message": "IBAN"
+  },
+  "muralpay.field.phone-number": {
+    "message": "Phone number"
+  },
+  "muralpay.field.pix-email": {
+    "message": "PIX email"
+  },
+  "muralpay.field.pix-key-type": {
+    "message": "PIX key type"
+  },
+  "muralpay.field.pix-phone": {
+    "message": "PIX phone"
+  },
+  "muralpay.field.routing-number": {
+    "message": "Routing number"
+  },
+  "muralpay.field.swift-bic": {
+    "message": "SWIFT/BIC"
+  },
+  "muralpay.field.wallet-address": {
+    "message": "Wallet address"
+  },
+  "muralpay.help.cbu-cvu": {
+    "message": "Clave Bancaria Uniforme or Clave Virtual Uniforme"
+  },
+  "muralpay.help.cci": {
+    "message": "Código de Cuenta Interbancaria"
+  },
+  "muralpay.help.clabe": {
+    "message": "Clave Bancaria Estandarizada (Mexican bank account number)"
+  },
+  "muralpay.help.cpf-cnpj": {
+    "message": "Brazilian tax identification number"
+  },
+  "muralpay.help.cuit-cuil": {
+    "message": "Argentine tax ID"
+  },
+  "muralpay.help.iban": {
+    "message": "International Bank Account Number"
+  },
+  "muralpay.help.swift-bic": {
+    "message": "Bank Identifier Code"
+  },
+  "muralpay.pix-type.bank-account": {
+    "message": "Bank account"
+  },
+  "muralpay.pix-type.document": {
+    "message": "CPF/CNPJ"
+  },
+  "muralpay.pix-type.email": {
+    "message": "Email"
+  },
+  "muralpay.pix-type.phone": {
+    "message": "Phone number"
+  },
+  "muralpay.placeholder.account-number": {
+    "message": "Enter account number"
+  },
+  "muralpay.placeholder.cbu-cvu": {
+    "message": "Enter CBU or CVU"
+  },
+  "muralpay.placeholder.cbu-cvu-type": {
+    "message": "CBU or CVU"
+  },
+  "muralpay.placeholder.cci": {
+    "message": "Enter 20-digit CCI"
+  },
+  "muralpay.placeholder.cuit-cuil": {
+    "message": "Enter CUIT or CUIL"
+  },
+  "muralpay.placeholder.enter-account-number": {
+    "message": "Enter account number"
+  },
+  "muralpay.placeholder.enter-branch-code": {
+    "message": "Enter branch code"
+  },
+  "muralpay.placeholder.enter-clabe": {
+    "message": "Enter 18-digit CLABE"
+  },
+  "muralpay.placeholder.enter-cpf-cnpj": {
+    "message": "Enter CPF or CNPJ"
+  },
+  "muralpay.placeholder.enter-iban": {
+    "message": "Enter IBAN"
+  },
+  "muralpay.placeholder.enter-pix-email": {
+    "message": "Enter PIX email"
+  },
+  "muralpay.placeholder.enter-routing-number": {
+    "message": "Enter 9-digit routing number"
+  },
+  "muralpay.placeholder.enter-swift-bic": {
+    "message": "Enter SWIFT/BIC code"
+  },
+  "muralpay.placeholder.iban-crc": {
+    "message": "Enter Costa Rican IBAN"
+  },
+  "muralpay.placeholder.phone-cop": {
+    "message": "+57..."
+  },
+  "muralpay.placeholder.pix-phone": {
+    "message": "+55..."
+  },
+  "muralpay.placeholder.wallet-address-eth": {
+    "message": "0x..."
+  },
+  "muralpay.rail.fiat-ars.name": {
+    "message": "Bank Transfer (ARS)"
+  },
+  "muralpay.rail.fiat-brl.name": {
+    "message": "PIX Transfer (BRL)"
+  },
+  "muralpay.rail.fiat-clp.name": {
+    "message": "Bank Transfer (CLP)"
+  },
+  "muralpay.rail.fiat-cop.name": {
+    "message": "Bank Transfer (COP)"
+  },
+  "muralpay.rail.fiat-crc.name": {
+    "message": "Bank Transfer (CRC)"
+  },
+  "muralpay.rail.fiat-eur.name": {
+    "message": "Bank Transfer (EUR)"
+  },
+  "muralpay.rail.fiat-mxn.name": {
+    "message": "Bank Transfer (MXN)"
+  },
+  "muralpay.rail.fiat-pen.name": {
+    "message": "Bank Transfer (PEN)"
+  },
+  "muralpay.rail.fiat-usd-peru.name": {
+    "message": "Bank Transfer (USD - Peru)"
+  },
+  "muralpay.rail.fiat-usd.name": {
+    "message": "Bank Transfer (USD)"
+  },
+  "muralpay.rail.fiat-zar.name": {
+    "message": "Bank Transfer (ZAR)"
+  },
+  "muralpay.rail.usdc-base.name": {
+    "message": "USDC (Base)"
+  },
+  "muralpay.rail.usdc-celo.name": {
+    "message": "USDC (Celo)"
+  },
+  "muralpay.rail.usdc-ethereum.name": {
+    "message": "USDC (Ethereum)"
+  },
+  "muralpay.rail.usdc-polygon.name": {
+    "message": "Crypto (USDC)"
+  },
+  "muralpay.warning.wallet-address": {
+    "message": "Double-check your wallet address. Funds sent to an incorrect address cannot be recovered."
+  },
+  "profile.bio.fallback.creator": {
+    "message": "A Modrinth creator."
+  },
+  "profile.bio.fallback.user": {
+    "message": "A Modrinth user."
+  },
+  "profile.button.billing": {
+    "message": "Manage user billing"
+  },
+  "profile.button.edit-role": {
+    "message": "Edit role"
+  },
+  "profile.button.info": {
+    "message": "View user details"
+  },
+  "profile.button.manage-projects": {
+    "message": "Manage projects"
+  },
+  "profile.button.remove-affiliate": {
+    "message": "Remove as affiliate"
+  },
+  "profile.button.set-affiliate": {
+    "message": "Set as affiliate"
+  },
+  "profile.details.label.auth-providers": {
+    "message": "Auth providers"
+  },
+  "profile.details.label.email": {
+    "message": "Email"
+  },
+  "profile.details.label.email-verified": {
+    "message": "Email verified"
+  },
+  "profile.details.label.has-password": {
+    "message": "Has password"
+  },
+  "profile.details.label.has-totp": {
+    "message": "Has TOTP"
+  },
+  "profile.details.label.payment-methods": {
+    "message": "Payment methods"
+  },
+  "profile.details.tooltip.email-not-verified": {
+    "message": "Email not verified"
+  },
+  "profile.details.tooltip.email-verified": {
+    "message": "Email verified"
+  },
+  "profile.error.not-found": {
+    "message": "User not found"
+  },
+  "profile.label.affiliate": {
+    "message": "Affiliate"
+  },
+  "profile.label.badges": {
+    "message": "Badges"
+  },
+  "profile.label.collection": {
+    "message": "Collection"
+  },
+  "profile.label.details": {
+    "message": "Details"
+  },
+  "profile.label.downloads": {
+    "message": "{count} {count, plural, one {download} other {downloads}}"
+  },
+  "profile.label.joined": {
+    "message": "Joined"
+  },
+  "profile.label.no": {
+    "message": "No"
+  },
+  "profile.label.no-collections": {
+    "message": "This user has no collections!"
+  },
+  "profile.label.no-collections-auth": {
+    "message": "You don't have any collections.\nWould you like to <create-link>create one</create-link>?"
+  },
+  "profile.label.no-projects": {
+    "message": "This user has no projects!"
+  },
+  "profile.label.no-projects-auth": {
+    "message": "You don't have any projects.\nWould you like to <create-link>create one</create-link>?"
+  },
+  "profile.label.organizations": {
+    "message": "Organizations"
+  },
+  "profile.label.projects": {
+    "message": "{count} {count, plural, one {project} other {projects}}"
+  },
+  "profile.label.saving": {
+    "message": "Saving..."
+  },
+  "profile.label.yes": {
+    "message": "Yes"
+  },
+  "profile.meta.description": {
+    "message": "Download {username}'s projects on Modrinth"
+  },
+  "profile.meta.description-with-bio": {
+    "message": "{bio} - Download {username}'s projects on Modrinth"
+  },
+  "profile.stats.projects-followers": {
+    "message": "{count, plural, one {<stat>{count}</stat> project follower} other {<stat>{count}</stat> project followers}}"
+  },
+  "profile.user-id": {
+    "message": "User ID: {id}"
+  },
+  "project-member-header.accept": {
+    "message": "Accept"
+  },
+  "project-member-header.decline": {
+    "message": "Decline"
+  },
+  "project-member-header.error": {
+    "message": "Error"
+  },
+  "project-member-header.error-decline": {
+    "message": "Failed to decline team invitation"
+  },
+  "project-member-header.error-join": {
+    "message": "Failed to accept team invitation"
+  },
+  "project-member-header.invitation-no-role": {
+    "message": "You've been invited to join this project. Please accept or decline the invitation."
+  },
+  "project-member-header.invitation-title": {
+    "message": "Invitation to join project"
+  },
+  "project-member-header.invitation-with-role": {
+    "message": "You've been invited to be a member of this project with the role of ''{role}''."
+  },
+  "project-member-header.success": {
+    "message": "Success"
+  },
+  "project-member-header.success-decline": {
+    "message": "You have declined the team invitation"
+  },
+  "project-member-header.success-join": {
+    "message": "You have joined the project team"
+  },
+  "project-moderation-nags.publishing-checklist": {
+    "message": "Publishing checklist"
+  },
+  "project-moderation-nags.required": {
+    "message": "Required"
+  },
+  "project-moderation-nags.resubmit-for-review": {
+    "message": "Resubmit for review"
+  },
+  "project-moderation-nags.resubmit-for-review-desc": {
+    "message": "Your project has been {status, select, rejected {rejected} withheld {withheld} other {{status}}} by Modrinth's staff. In most cases, you can resubmit for review after addressing the staff's message."
+  },
+  "project-moderation-nags.submit-checklist-tooltip": {
+    "message": "You must complete the required steps in the publishing checklist!"
+  },
+  "project-moderation-nags.submit-for-review": {
+    "message": "Submit for review"
+  },
+  "project-moderation-nags.submit-for-review-button": {
+    "message": "Submit for review"
+  },
+  "project-moderation-nags.submit-for-review-desc": {
+    "message": "Your project is only viewable by members of the project. It must be reviewed by moderators in order to be published."
+  },
+  "project-moderation-nags.suggestion": {
+    "message": "Suggestion"
+  },
+  "project-moderation-nags.visit-moderation-page": {
+    "message": "Visit moderation page"
+  },
+  "project-moderation-nags.warning": {
+    "message": "Warning"
+  },
+  "project-type.collection.plural": {
+    "message": "Collections"
+  },
+  "project-type.collection.singular": {
+    "message": "Collection"
+  },
+  "project-type.datapack.plural": {
+    "message": "Data Packs"
+  },
+  "project-type.datapack.singular": {
+    "message": "Data Pack"
+  },
+  "project-type.mod.plural": {
+    "message": "Mods"
+  },
+  "project-type.mod.singular": {
+    "message": "Mod"
+  },
+  "project-type.modpack.plural": {
+    "message": "Modpacks"
+  },
+  "project-type.modpack.singular": {
+    "message": "Modpack"
+  },
+  "project-type.plugin.plural": {
+    "message": "Plugins"
+  },
+  "project-type.plugin.singular": {
+    "message": "Plugin"
+  },
+  "project-type.project.plural": {
+    "message": "Projects"
+  },
+  "project-type.project.singular": {
+    "message": "Project"
+  },
+  "project-type.resourcepack.plural": {
+    "message": "Resource Packs"
+  },
+  "project-type.resourcepack.singular": {
+    "message": "Resource Pack"
+  },
+  "project-type.shader.plural": {
+    "message": "Shaders"
+  },
+  "project-type.shader.singular": {
+    "message": "Shader"
+  },
+  "project.about.details.created": {
+    "message": "Created {date}"
+  },
+  "project.about.details.licensed": {
+    "message": "Licensed {license}"
+  },
+  "project.about.details.published": {
+    "message": "Published {date}"
+  },
+  "project.about.details.submitted": {
+    "message": "Submitted {date}"
+  },
+  "project.about.details.title": {
+    "message": "Details"
+  },
+  "project.about.details.updated": {
+    "message": "Updated {date}"
+  },
+  "project.actions.create-server": {
+    "message": "Create a server"
+  },
+  "project.actions.create-server-tooltip": {
+    "message": "Create a server"
+  },
+  "project.actions.dont-show-again": {
+    "message": "Don't show again"
+  },
+  "project.actions.review-project": {
+    "message": "Review project"
+  },
+  "project.actions.servers-promo.description": {
+    "message": "Modrinth Hosting is the easiest way to play with your friends without hassle!"
+  },
+  "project.actions.servers-promo.pricing": {
+    "message": "Starting at {price}<small> / month</small>"
+  },
+  "project.actions.servers-promo.title": {
+    "message": "Create a server"
+  },
+  "project.collections.create-new": {
+    "message": "Create new collection"
+  },
+  "project.collections.none-found": {
+    "message": "No collections found."
+  },
+  "project.description.title": {
+    "message": "Description"
+  },
+  "project.details.licensed": {
+    "message": "Licensed"
+  },
+  "project.download.game-version": {
+    "message": "Game version: {version}"
+  },
+  "project.download.game-version-error": {
+    "message": "Error: no game versions found"
+  },
+  "project.download.game-version-tooltip": {
+    "message": "{title} is only available for {version}"
+  },
+  "project.download.game-version-unsupported-tooltip": {
+    "message": "{title} does not support {gameVersion} for {platform}"
+  },
+  "project.download.install-with-app": {
+    "message": "Install with Modrinth App"
+  },
+  "project.download.no-app": {
+    "message": "Don't have Modrinth App?"
+  },
+  "project.download.no-versions-available": {
+    "message": "No versions available for {gameVersion} and {platform}."
+  },
+  "project.download.platform": {
+    "message": "Platform: {platform}"
+  },
+  "project.download.platform-error": {
+    "message": "Error: no platforms found"
+  },
+  "project.download.platform-tooltip": {
+    "message": "{title} is only available for {platform}"
+  },
+  "project.download.platform-unsupported-tooltip": {
+    "message": "{title} does not support {platform} for {gameVersion}"
+  },
+  "project.download.search-game-versions": {
+    "message": "Search game versions..."
+  },
+  "project.download.search-game-versions-label": {
+    "message": "Search game versions..."
+  },
+  "project.download.select-game-version": {
+    "message": "Select game version"
+  },
+  "project.download.select-platform": {
+    "message": "Select platform"
+  },
+  "project.download.show-all-versions": {
+    "message": "Show all versions"
+  },
+  "project.download.title": {
+    "message": "Download {title}"
+  },
+  "project.environment.migration-no-permission.message": {
+    "message": "We've just overhauled the Environments system on Modrinth and new options are now available. You don't have permission to modify these settings, but please let another member of the project know that the environment metadata needs to be verified."
+  },
+  "project.environment.migration-no-permission.title": {
+    "message": "Environment metadata needs to be reviewed"
+  },
+  "project.environment.migration.learn-more": {
+    "message": "Learn more about this change"
+  },
+  "project.environment.migration.message": {
+    "message": "We've just overhauled the Environments system on Modrinth and new options are now available. Please verify that the metadata is correct."
+  },
+  "project.environment.migration.review-button": {
+    "message": "Review environment settings"
+  },
+  "project.environment.migration.title": {
+    "message": "Please review environment metadata"
+  },
+  "project.error.loading": {
+    "message": "Error loading project data{message}"
+  },
+  "project.error.page-not-found": {
+    "message": "The page could not be found"
+  },
+  "project.error.project-not-found": {
+    "message": "Project not found"
+  },
+  "project.gallery.title": {
+    "message": "Gallery"
+  },
+  "project.license.error": {
+    "message": "License text could not be retrieved."
+  },
+  "project.license.loading": {
+    "message": "Loading license text..."
+  },
+  "project.license.title": {
+    "message": "License"
+  },
+  "project.moderation.title": {
+    "message": "Moderation"
+  },
+  "project.navigation.changelog": {
+    "message": "Changelog"
+  },
+  "project.notification.icon-updated.message": {
+    "message": "Your project's icon has been updated."
+  },
+  "project.notification.icon-updated.title": {
+    "message": "Project icon updated"
+  },
+  "project.notification.updated.message": {
+    "message": "Your project has been updated."
+  },
+  "project.notification.updated.title": {
+    "message": "Project updated"
+  },
+  "project.settings.general.name.description": {
+    "message": "Avoid prefixes, suffixes, parentheticals, or added descriptions—just the project's actual name."
+  },
+  "project.settings.general.name.placeholder.1": {
+    "message": "e.g. Nether Overhaul 2"
+  },
+  "project.settings.general.name.placeholder.2": {
+    "message": "e.g. Construction Equipment"
+  },
+  "project.settings.general.name.placeholder.3": {
+    "message": "e.g. Better than Caving"
+  },
+  "project.settings.general.name.placeholder.4": {
+    "message": "e.g. Enhanced Portals"
+  },
+  "project.settings.general.name.placeholder.5": {
+    "message": "e.g. Dangerous Mobs"
+  },
+  "project.settings.general.name.title": {
+    "message": "Name"
+  },
+  "project.settings.general.tagline.description": {
+    "message": "Summarize your project in no more than one sentence."
+  },
+  "project.settings.general.tagline.placeholder.1": {
+    "message": "e.g. Overhauls game progression to revolve around the Nether."
+  },
+  "project.settings.general.tagline.placeholder.2": {
+    "message": "e.g. Adds wearable construction gear."
+  },
+  "project.settings.general.tagline.placeholder.3": {
+    "message": "e.g. Adds realistic mineshaft-building mechanics."
+  },
+  "project.settings.general.tagline.placeholder.4": {
+    "message": "e.g. Improves how Nether portals link to each other."
+  },
+  "project.settings.general.tagline.placeholder.5": {
+    "message": "e.g. Adds powerful boss versions of the normal mobs to encounter in the night."
+  },
+  "project.settings.general.tagline.title": {
+    "message": "Tagline"
+  },
+  "project.settings.general.url.title": {
+    "message": "URL"
+  },
+  "project.settings.title": {
+    "message": "Settings"
+  },
+  "project.settings.visit-dashboard": {
+    "message": "Visit projects dashboard"
+  },
+  "project.stats.downloads-label": {
+    "message": "download{count, plural, one {} other {s}}"
+  },
+  "project.stats.followers-label": {
+    "message": "follower{count, plural, one {} other {s}}"
+  },
+  "project.status.archived.message": {
+    "message": "{title} has been archived. {title} will not receive any further updates unless the author decides to unarchive the project."
+  },
+  "project.versions.title": {
+    "message": "Versions"
+  },
+  "report.already-reported": {
+    "message": "You've already reported {title}"
+  },
+  "report.already-reported-description": {
+    "message": "You have an open report for this {item} already. You can add more details to your report if you have more information to add."
+  },
+  "report.back-to-item": {
+    "message": "Back to {item}"
+  },
+  "report.body.description": {
+    "message": "Include links and images if possible and relevant. Empty or insufficient reports will be closed and ignored."
+  },
+  "report.body.title": {
+    "message": "Please provide additional context about your report"
+  },
+  "report.checking": {
+    "message": "Checking {item}..."
+  },
+  "report.could-not-find": {
+    "message": "Could not find {item}"
+  },
+  "report.for.violation": {
+    "message": "Violation of Modrinth <rules-link>Rules</rules-link> or <terms-link>Terms of Use</terms-link>"
+  },
+  "report.for.violation.description": {
+    "message": "Examples include malicious, spam, offensive, deceptive, misleading, and illegal content."
+  },
+  "report.form-not-for": {
+    "message": "This form is not for:"
+  },
+  "report.go-to-report": {
+    "message": "Go to report"
+  },
+  "report.not-for.bug-reports": {
+    "message": "Bug reports"
+  },
+  "report.not-for.bug-reports.description": {
+    "message": "You can report bugs to their <issues-link>issue tracker</issues-link>."
+  },
+  "report.not-for.dmca": {
+    "message": "DMCA takedowns"
+  },
+  "report.not-for.dmca.description": {
+    "message": "See our <policy-link>Copyright Policy</policy-link>."
+  },
+  "report.note.copyright.1": {
+    "message": "Please note that you are *not* submitting a DMCA takedown request, but rather a report of reuploaded content."
+  },
+  "report.note.copyright.2": {
+    "message": "If you meant to file a DMCA takedown request (which is a legal action) instead, please see our <copyright-policy-link>Copyright Policy</copyright-policy-link>."
+  },
+  "report.note.malicious.1": {
+    "message": "Reports for malicious or deceptive content must include substantial evidence of the behavior, such as code samples."
+  },
+  "report.note.malicious.2": {
+    "message": "Summaries from Microsoft Defender, VirusTotal, or AI malware detection are not sufficient forms of evidence and will not be accepted."
+  },
+  "report.please-report": {
+    "message": "Please report:"
+  },
+  "report.question.content-id": {
+    "message": "What is the ID of the {item}?"
+  },
+  "report.question.content-type": {
+    "message": "What type of content are you reporting?"
+  },
+  "report.question.report-reason": {
+    "message": "Which of Modrinth's rules is this {item} violating?"
+  },
+  "report.report-content": {
+    "message": "Report content to moderators"
+  },
+  "report.report-item": {
+    "message": "Report {title} to moderators"
+  },
+  "report.submit": {
+    "message": "Submit report"
+  },
+  "scopes.analytics.description": {
+    "message": "Access your analytics data"
+  },
+  "scopes.analytics.label": {
+    "message": "Read analytics"
+  },
+  "scopes.collectionCreate.description": {
+    "message": "Create collections"
+  },
+  "scopes.collectionCreate.label": {
+    "message": "Create collections"
+  },
+  "scopes.collectionDelete.description": {
+    "message": "Delete collections"
+  },
+  "scopes.collectionDelete.label": {
+    "message": "Delete collections"
+  },
+  "scopes.collectionRead.description": {
+    "message": "Read collections"
+  },
+  "scopes.collectionRead.label": {
+    "message": "Read collections"
+  },
+  "scopes.collectionWrite.description": {
+    "message": "Write to collections"
+  },
+  "scopes.collectionWrite.label": {
+    "message": "Write collections"
+  },
+  "scopes.notificationRead.description": {
+    "message": "Read your notifications"
+  },
+  "scopes.notificationRead.label": {
+    "message": "Read notifications"
+  },
+  "scopes.notificationWrite.description": {
+    "message": "Delete/View your notifications"
+  },
+  "scopes.notificationWrite.label": {
+    "message": "Write notifications"
+  },
+  "scopes.organizationCreate.description": {
+    "message": "Create organizations"
+  },
+  "scopes.organizationCreate.label": {
+    "message": "Create organizations"
+  },
+  "scopes.organizationDelete.description": {
+    "message": "Delete organizations"
+  },
+  "scopes.organizationDelete.label": {
+    "message": "Delete organizations"
+  },
+  "scopes.organizationRead.description": {
+    "message": "Read organizations"
+  },
+  "scopes.organizationRead.label": {
+    "message": "Read organizations"
+  },
+  "scopes.organizationWrite.description": {
+    "message": "Write to organizations"
+  },
+  "scopes.organizationWrite.label": {
+    "message": "Write organizations"
+  },
+  "scopes.patCreate.description": {
+    "message": "Create personal API tokens"
+  },
+  "scopes.patCreate.label": {
+    "message": "Create PATs"
+  },
+  "scopes.patDelete.description": {
+    "message": "Delete your personal API tokens"
+  },
+  "scopes.patDelete.label": {
+    "message": "Delete PATs"
+  },
+  "scopes.patRead.description": {
+    "message": "View created API tokens"
+  },
+  "scopes.patRead.label": {
+    "message": "Read PATs"
+  },
+  "scopes.patWrite.description": {
+    "message": "Edit personal API tokens"
+  },
+  "scopes.patWrite.label": {
+    "message": "Write PATs"
+  },
+  "scopes.payoutsRead.description": {
+    "message": "Read your payouts data"
+  },
+  "scopes.payoutsRead.label": {
+    "message": "Read payouts"
+  },
+  "scopes.payoutsWrite.description": {
+    "message": "Withdraw money"
+  },
+  "scopes.payoutsWrite.label": {
+    "message": "Write payouts"
+  },
+  "scopes.performAnalytics.description": {
+    "message": "Perform analytics actions"
+  },
+  "scopes.performAnalytics.label": {
+    "message": "Perform analytics"
+  },
+  "scopes.projectCreate.description": {
+    "message": "Create new projects"
+  },
+  "scopes.projectCreate.label": {
+    "message": "Create projects"
+  },
+  "scopes.projectDelete.description": {
+    "message": "Delete your projects"
+  },
+  "scopes.projectDelete.label": {
+    "message": "Delete projects"
+  },
+  "scopes.projectRead.description": {
+    "message": "Read all your projects"
+  },
+  "scopes.projectRead.label": {
+    "message": "Read projects"
+  },
+  "scopes.projectWrite.description": {
+    "message": "Write to project data"
+  },
+  "scopes.projectWrite.label": {
+    "message": "Write projects"
+  },
+  "scopes.reportCreate.description": {
+    "message": "Create reports"
+  },
+  "scopes.reportCreate.label": {
+    "message": "Create reports"
+  },
+  "scopes.reportDelete.description": {
+    "message": "Delete reports"
+  },
+  "scopes.reportDelete.label": {
+    "message": "Delete reports"
+  },
+  "scopes.reportRead.description": {
+    "message": "Read reports"
+  },
+  "scopes.reportRead.label": {
+    "message": "Read reports"
+  },
+  "scopes.reportWrite.description": {
+    "message": "Edit reports"
+  },
+  "scopes.reportWrite.label": {
+    "message": "Write reports"
+  },
+  "scopes.sessionAccess.description": {
+    "message": "Access modrinth-issued sessions"
+  },
+  "scopes.sessionAccess.label": {
+    "message": "Access sessions"
+  },
+  "scopes.sessionDelete.description": {
+    "message": "Delete sessions"
+  },
+  "scopes.sessionDelete.label": {
+    "message": "Delete sessions"
+  },
+  "scopes.sessionRead.description": {
+    "message": "Read active sessions"
+  },
+  "scopes.sessionRead.label": {
+    "message": "Read sessions"
+  },
+  "scopes.threadRead.description": {
+    "message": "Read threads"
+  },
+  "scopes.threadRead.label": {
+    "message": "Read threads"
+  },
+  "scopes.threadWrite.description": {
+    "message": "Write to threads"
+  },
+  "scopes.threadWrite.label": {
+    "message": "Write threads"
+  },
+  "scopes.userAuthWrite.description": {
+    "message": "Modify your authentication data"
+  },
+  "scopes.userAuthWrite.label": {
+    "message": "Write auth data"
+  },
+  "scopes.userDelete.description": {
+    "message": "Delete your account"
+  },
+  "scopes.userDelete.label": {
+    "message": "Delete your account"
+  },
+  "scopes.userRead.description": {
+    "message": "Access your public profile information"
+  },
+  "scopes.userRead.label": {
+    "message": "Read user data"
+  },
+  "scopes.userReadEmail.description": {
+    "message": "Read your email"
+  },
+  "scopes.userReadEmail.label": {
+    "message": "Read user email"
+  },
+  "scopes.userWrite.description": {
+    "message": "Write to your profile"
+  },
+  "scopes.userWrite.label": {
+    "message": "Write user data"
+  },
+  "scopes.versionCreate.description": {
+    "message": "Create new versions"
+  },
+  "scopes.versionCreate.label": {
+    "message": "Create versions"
+  },
+  "scopes.versionDelete.description": {
+    "message": "Delete a version"
+  },
+  "scopes.versionDelete.label": {
+    "message": "Delete versions"
+  },
+  "scopes.versionRead.description": {
+    "message": "Read all versions"
+  },
+  "scopes.versionRead.label": {
+    "message": "Read versions"
+  },
+  "scopes.versionWrite.description": {
+    "message": "Write to version data"
+  },
+  "scopes.versionWrite.label": {
+    "message": "Write versions"
+  },
+  "search.filter.locked.server": {
+    "message": "Provided by the server"
+  },
+  "search.filter.locked.server-game-version.title": {
+    "message": "Game version is provided by the server"
+  },
+  "search.filter.locked.server-loader.title": {
+    "message": "Loader is provided by the server"
+  },
+  "search.filter.locked.server.sync": {
+    "message": "Sync with server"
+  },
+  "servers.backup.restore.in-progress.tooltip": {
+    "message": "Backup restore in progress"
+  },
+  "servers.notice.actions": {
+    "message": "Actions"
+  },
+  "servers.notice.begins": {
+    "message": "Begins"
+  },
+  "servers.notice.dismissable": {
+    "message": "Dismissable"
+  },
+  "servers.notice.expires": {
+    "message": "Expires"
+  },
+  "servers.notice.id": {
+    "message": "ID"
+  },
+  "servers.notice.level": {
+    "message": "Level"
+  },
+  "servers.notice.undismissable": {
+    "message": "Undismissable"
+  },
+  "servers.notices.create-notice": {
+    "message": "Create notice"
+  },
+  "servers.notices.no-notices": {
+    "message": "No notices"
+  },
+  "servers.plan.large.description": {
+    "message": "Ideal for 15–25 players, modpacks, or heavy modding."
+  },
+  "servers.plan.large.name": {
+    "message": "Large"
+  },
+  "servers.plan.medium.description": {
+    "message": "Great for 6–15 players and multiple mods."
+  },
+  "servers.plan.medium.name": {
+    "message": "Medium"
+  },
+  "servers.plan.small.description": {
+    "message": "Perfect for 1–5 friends with a few light mods."
+  },
+  "servers.plan.small.name": {
+    "message": "Small"
+  },
+  "settings.billing.modal.cancel.action": {
+    "message": "Cancel subscription"
+  },
+  "settings.billing.modal.cancel.description": {
+    "message": "This will cancel your subscription. You will retain your perks until the end of the current billing cycle."
+  },
+  "settings.billing.modal.cancel.title": {
+    "message": "Are you sure you want to cancel your subscription?"
+  },
+  "settings.billing.modal.delete.action": {
+    "message": "Remove this payment method"
+  },
+  "settings.billing.modal.delete.description": {
+    "message": "This will remove this payment method forever (like really forever)."
+  },
+  "settings.billing.modal.delete.title": {
+    "message": "Are you sure you want to remove this payment method?"
+  },
+  "settings.billing.payment_method.action.add": {
+    "message": "Add payment method"
+  },
+  "settings.billing.payment_method.action.history": {
+    "message": "View past charges"
+  },
+  "settings.billing.payment_method.action.primary": {
+    "message": "Make primary"
+  },
+  "settings.billing.payment_method.card_display": {
+    "message": "{card_brand} ending in {last_four}"
+  },
+  "settings.billing.payment_method.card_expiry": {
+    "message": "Expires {month}/{year}"
+  },
+  "settings.billing.payment_method.none": {
+    "message": "You have not added any payment methods."
+  },
+  "settings.billing.payment_method.primary": {
+    "message": "Primary"
+  },
+  "settings.billing.payment_method.title": {
+    "message": "Payment methods"
+  },
+  "settings.billing.payment_method_type.amazon_pay": {
+    "message": "Amazon Pay"
+  },
+  "settings.billing.payment_method_type.amex": {
+    "message": "American Express"
+  },
+  "settings.billing.payment_method_type.cashapp": {
+    "message": "Cash App"
+  },
+  "settings.billing.payment_method_type.diners": {
+    "message": "Diners Club"
+  },
+  "settings.billing.payment_method_type.discover": {
+    "message": "Discover"
+  },
+  "settings.billing.payment_method_type.eftpos": {
+    "message": "EFTPOS"
+  },
+  "settings.billing.payment_method_type.jcb": {
+    "message": "JCB"
+  },
+  "settings.billing.payment_method_type.mastercard": {
+    "message": "MasterCard"
+  },
+  "settings.billing.payment_method_type.paypal": {
+    "message": "PayPal"
+  },
+  "settings.billing.payment_method_type.unionpay": {
+    "message": "UnionPay"
+  },
+  "settings.billing.payment_method_type.unknown": {
+    "message": "Unknown payment method"
+  },
+  "settings.billing.payment_method_type.visa": {
+    "message": "Visa"
+  },
+  "settings.billing.pyro_subscription.description": {
+    "message": "Manage your Modrinth Server subscriptions."
+  },
+  "settings.billing.pyro_subscription.title": {
+    "message": "Modrinth Server Subscriptions"
+  },
+  "settings.billing.subscription.description": {
+    "message": "Manage your Modrinth subscriptions."
+  },
+  "settings.billing.subscription.title": {
+    "message": "Subscriptions"
+  },
+  "settings.display.banner.developer-mode.button": {
+    "message": "Deactivate developer mode"
+  },
+  "settings.display.banner.developer-mode.description": {
+    "message": "<strong>Developer mode</strong> is active. This will allow you to view the internal IDs of various things throughout Modrinth that may be helpful if you're a developer using the Modrinth API. Click on the Modrinth logo at the bottom of the page 5 times to toggle developer mode."
+  },
+  "settings.display.flags.description": {
+    "message": "Enable or disable certain features on this device."
+  },
+  "settings.display.flags.title": {
+    "message": "Toggle features"
+  },
+  "settings.display.project-list-layouts.datapack": {
+    "message": "Data Packs page"
+  },
+  "settings.display.project-list-layouts.description": {
+    "message": "Select your preferred layout for each page that displays project lists on this device."
+  },
+  "settings.display.project-list-layouts.mod": {
+    "message": "Mods page"
+  },
+  "settings.display.project-list-layouts.modpack": {
+    "message": "Modpacks page"
+  },
+  "settings.display.project-list-layouts.plugin": {
+    "message": "Plugins page"
+  },
+  "settings.display.project-list-layouts.resourcepack": {
+    "message": "Resource Packs page"
+  },
+  "settings.display.project-list-layouts.shader": {
+    "message": "Shaders page"
+  },
+  "settings.display.project-list-layouts.title": {
+    "message": "Project list layouts"
+  },
+  "settings.display.project-list-layouts.user": {
+    "message": "User profile pages"
+  },
+  "settings.display.project-list.layouts.collection": {
+    "message": "Collection"
+  },
+  "settings.display.sidebar.advanced-rendering.description": {
+    "message": "Enables advanced rendering such as blur effects that may cause performance issues without hardware-accelerated rendering."
+  },
+  "settings.display.sidebar.advanced-rendering.title": {
+    "message": "Advanced rendering"
+  },
+  "settings.display.sidebar.external-links-new-tab.description": {
+    "message": "Make links which go outside of Modrinth open in a new tab. No matter this setting, links on the same domain and in Markdown descriptions will open in the same tab, and links on ads and edit pages will open in a new tab."
+  },
+  "settings.display.sidebar.external-links-new-tab.title": {
+    "message": "Open external links in new tab"
+  },
+  "settings.display.sidebar.hide-app-promos.description": {
+    "message": "Hides the \"Get Modrinth App\" buttons from primary navigation. The Modrinth App page can still be found on the landing page or in the footer."
+  },
+  "settings.display.sidebar.hide-app-promos.title": {
+    "message": "Hide Modrinth App promotions"
+  },
+  "settings.display.sidebar.left-aligned-content-sidebar.title": {
+    "message": "Left-aligned sidebar on content pages"
+  },
+  "settings.display.sidebar.right-aligned-content-sidebar.description": {
+    "message": "Aligns the sidebar to the left of the page's content."
+  },
+  "settings.display.sidebar.right-aligned-filters-sidebar.description": {
+    "message": "Aligns the filters sidebar to the right of the search results."
+  },
+  "settings.display.sidebar.right-aligned-filters-sidebar.title": {
+    "message": "Right-aligned filters sidebar on search pages"
+  },
+  "settings.display.theme.description": {
+    "message": "Select your preferred color theme for Modrinth on this device."
+  },
+  "settings.display.theme.title": {
+    "message": "Color theme"
+  },
+  "settings.pats.action.create": {
+    "message": "Create a PAT"
+  },
+  "settings.pats.description": {
+    "message": "PATs can be used to access Modrinth's API. For more information, see <doc-link>Modrinth's API documentation</doc-link>. They can be created and revoked at any time."
+  },
+  "settings.pats.modal.create.action": {
+    "message": "Create PAT"
+  },
+  "settings.pats.modal.create.expires.label": {
+    "message": "Expires"
+  },
+  "settings.pats.modal.create.name.label": {
+    "message": "Name"
+  },
+  "settings.pats.modal.create.name.placeholder": {
+    "message": "Enter the PAT's name..."
+  },
+  "settings.pats.modal.create.title": {
+    "message": "Create personal access token"
+  },
+  "settings.pats.modal.delete.action": {
+    "message": "Delete this token"
+  },
+  "settings.pats.modal.delete.description": {
+    "message": "This will remove this token forever (like really forever)."
+  },
+  "settings.pats.modal.delete.title": {
+    "message": "Are you sure you want to delete this token?"
+  },
+  "settings.pats.modal.edit.title": {
+    "message": "Edit personal access token"
+  },
+  "settings.pats.token.action.edit": {
+    "message": "Edit token"
+  },
+  "settings.pats.token.action.revoke": {
+    "message": "Revoke token"
+  },
+  "settings.pats.token.expired-ago": {
+    "message": "Expired {ago}"
+  },
+  "settings.pats.token.expires-in": {
+    "message": "Expires {inTime}"
+  },
+  "settings.pats.token.last-used": {
+    "message": "Last used {ago}"
+  },
+  "settings.pats.token.never-used": {
+    "message": "Never used"
+  },
+  "settings.profile.bio.description": {
+    "message": "A short description to tell everyone a little bit about you."
+  },
+  "settings.profile.bio.title": {
+    "message": "Bio"
+  },
+  "settings.profile.description": {
+    "message": "Your profile information is publicly viewable on Modrinth and through the <docs-link>Modrinth API</docs-link>."
+  },
+  "settings.profile.profile-info": {
+    "message": "Profile information"
+  },
+  "settings.profile.profile-picture.reset": {
+    "message": "Reset"
+  },
+  "settings.profile.profile-picture.title": {
+    "message": "Profile picture"
+  },
+  "settings.profile.username.description": {
+    "message": "A unique case-insensitive name to identify your profile."
+  },
+  "settings.profile.username.title": {
+    "message": "Username"
+  },
+  "settings.sessions.action.revoke-session": {
+    "message": "Revoke session"
+  },
+  "settings.sessions.created-ago": {
+    "message": "Created {ago}"
+  },
+  "settings.sessions.current-session": {
+    "message": "Current session"
+  },
+  "settings.sessions.description": {
+    "message": "Here are all the devices that are currently logged in with your Modrinth account. You can log out of each one individually.\n\nIf you see an entry you don't recognize, log out of that device and change your Modrinth account password immediately."
+  },
+  "settings.sessions.last-accessed-ago": {
+    "message": "Last accessed {ago}"
+  },
+  "settings.sessions.unknown-os": {
+    "message": "Unknown OS"
+  },
+  "settings.sessions.unknown-platform": {
+    "message": "Unknown platform"
+  },
+  "ui.latest-news-row.latest-news": {
+    "message": "Latest news from Modrinth"
+  },
+  "ui.latest-news-row.view-all": {
+    "message": "View all news"
+  },
+  "version.environment.none.description": {
+    "message": "The environment for this version has not been specified."
+  },
+  "version.environment.none.title": {
+    "message": "No environment set"
+  },
+  "version.environment.unknown.description": {
+    "message": "The environment: \"{environment}\" is not recognized."
+  },
+  "version.environment.unknown.title": {
+    "message": "Unknown environment"
+  }
 }
diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index 92040fbc66..9a4213690d 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -46,7 +46,6 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 		class="flex h-20 items-center justify-between gap-4 px-4"
 		:class="{ 'opacity-50': disabled }"
 	>
-		<!-- Checkbox + Project column -->
 		<div class="flex min-w-0 shrink-0 items-center gap-4" :class="showCheckbox ? 'w-[350px]' : ''">
 			<Checkbox
 				v-if="showCheckbox"
@@ -85,7 +84,6 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 			</div>
 		</div>
 
-		<!-- Version column -->
 		<div class="hidden w-[335px] shrink-0 flex-col gap-1.5 md:flex">
 			<template v-if="version">
 				<span class="font-medium leading-6 text-contrast">{{ version.version_number }}</span>
@@ -93,7 +91,6 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 			</template>
 		</div>
 
-		<!-- Actions column -->
 		<div class="flex shrink-0 items-center gap-2">
 			<slot name="additionalButtonsLeft" />
 
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index ec2678e4c5..bca27e2908 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -141,12 +141,10 @@ function handleSort(column: ContentCardTableSortColumn) {
 
 <template>
 	<div class="overflow-hidden rounded-[20px] border border-surface-3">
-		<!-- Header Row -->
 		<div
 			class="flex h-12 items-center justify-between gap-4 bg-surface-3 px-4"
 			:class="showSelection ? '' : ''"
 		>
-			<!-- Checkbox + Project header -->
 			<div class="flex shrink-0 items-center gap-4" :class="showSelection ? 'w-[350px]' : ''">
 				<Checkbox
 					v-if="showSelection"
@@ -171,7 +169,6 @@ function handleSort(column: ContentCardTableSortColumn) {
 				<span v-else class="font-semibold text-contrast">Project</span>
 			</div>
 
-			<!-- Version header -->
 			<div class="hidden w-[335px] shrink-0 md:block">
 				<button
 					v-if="sortable"
@@ -188,13 +185,11 @@ function handleSort(column: ContentCardTableSortColumn) {
 				<span v-else class="font-semibold text-secondary">Version</span>
 			</div>
 
-			<!-- Actions header -->
 			<div class="shrink-0 text-right">
 				<span class="font-semibold text-secondary">Actions</span>
 			</div>
 		</div>
 
-		<!-- Virtualized rendering (window scroll) -->
 		<div
 			v-if="items.length > 0 && virtualized"
 			ref="listContainer"
@@ -232,7 +227,6 @@ function handleSort(column: ContentCardTableSortColumn) {
 			</div>
 		</div>
 
-		<!-- Non-virtualized rendering (all items) -->
 		<div v-else-if="items.length > 0" class="rounded-b-[20px]">
 			<ContentCardItem
 				v-for="(item, index) in items"
@@ -263,7 +257,6 @@ function handleSort(column: ContentCardTableSortColumn) {
 			</ContentCardItem>
 		</div>
 
-		<!-- Empty State -->
 		<div v-else class="flex items-center justify-center rounded-b-[20px] py-12">
 			<slot name="empty">
 				<span class="text-secondary">No items</span>

From bd5fbb3d091d42af9d4d9441d6dc83251ce26ec5 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 12:07:13 +0000
Subject: [PATCH 031/178] feat: virtualization + smaller contentcard items

---
 .../components/instances/ContentCardItem.vue  |  6 +-
 .../components/instances/ContentCardTable.vue | 82 +++++++++++++++----
 2 files changed, 71 insertions(+), 17 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index 9a4213690d..947338ac1c 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -59,11 +59,11 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 				<Avatar
 					:src="project.icon_url"
 					:alt="project.title"
-					size="3.5rem"
+					size="3rem"
 					no-shadow
 					class="shrink-0 rounded-2xl border border-surface-5"
 				/>
-				<div class="flex min-w-0 flex-col gap-1.5">
+				<div class="flex min-w-0 flex-col gap-0.5">
 					<span class="truncate font-semibold leading-6 text-contrast">
 						{{ project.title }}
 					</span>
@@ -84,7 +84,7 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 			</div>
 		</div>
 
-		<div class="hidden w-[335px] shrink-0 flex-col gap-1.5 md:flex">
+		<div class="hidden w-[335px] shrink-0 flex-col gap-0.5 md:flex">
 			<template v-if="version">
 				<span class="font-medium leading-6 text-contrast">{{ version.version_number }}</span>
 				<span class="leading-6 text-secondary">{{ version.file_name }}</span>
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index bca27e2908..002f4eb10f 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -41,23 +41,68 @@ const emit = defineEmits<{
 
 // Virtualization state
 const listContainer = ref<HTMLElement | null>(null)
-const windowScrollY = ref(0)
-const windowHeight = ref(0)
+const scrollContainer = ref<HTMLElement | Window | null>(null)
+const scrollTop = ref(0)
+const viewportHeight = ref(0)
 
 const totalHeight = computed(() => props.items.length * ITEM_HEIGHT)
 
+// Find the nearest scrollable ancestor
+function findScrollableAncestor(element: HTMLElement | null): HTMLElement | Window {
+	if (!element) return window
+
+	let current: HTMLElement | null = element.parentElement
+	while (current) {
+		const style = getComputedStyle(current)
+		const overflowY = style.overflowY
+		const isScrollable =
+			(overflowY === 'auto' || overflowY === 'scroll') &&
+			current.scrollHeight > current.clientHeight
+
+		if (isScrollable) {
+			return current
+		}
+		current = current.parentElement
+	}
+	return window
+}
+
+function getScrollTop(container: HTMLElement | Window): number {
+	if (container instanceof Window) {
+		return window.scrollY
+	}
+	return container.scrollTop
+}
+
+function getViewportHeight(container: HTMLElement | Window): number {
+	if (container instanceof Window) {
+		return window.innerHeight
+	}
+	return container.clientHeight
+}
+
+function getContainerOffset(listEl: HTMLElement, container: HTMLElement | Window): number {
+	if (container instanceof Window) {
+		return listEl.getBoundingClientRect().top + window.scrollY
+	}
+	// For element containers, get the offset relative to the scroll container
+	const listRect = listEl.getBoundingClientRect()
+	const containerRect = container.getBoundingClientRect()
+	return listRect.top - containerRect.top + container.scrollTop
+}
+
 const visibleRange = computed(() => {
 	if (!props.virtualized) {
 		return { start: 0, end: props.items.length }
 	}
 
-	if (!listContainer.value) return { start: 0, end: 0 }
+	if (!listContainer.value || !scrollContainer.value) return { start: 0, end: 0 }
 
-	const containerTop = listContainer.value.getBoundingClientRect().top + window.scrollY
-	const relativeScrollTop = Math.max(0, windowScrollY.value - containerTop)
+	const containerOffset = getContainerOffset(listContainer.value, scrollContainer.value)
+	const relativeScrollTop = Math.max(0, scrollTop.value - containerOffset)
 
 	const start = Math.floor(relativeScrollTop / ITEM_HEIGHT)
-	const visibleCount = Math.ceil(windowHeight.value / ITEM_HEIGHT)
+	const visibleCount = Math.ceil(viewportHeight.value / ITEM_HEIGHT)
 
 	return {
 		start: Math.max(0, start - BUFFER_SIZE),
@@ -78,22 +123,31 @@ defineExpose({
 })
 
 function handleScroll() {
-	windowScrollY.value = window.scrollY
+	if (scrollContainer.value) {
+		scrollTop.value = getScrollTop(scrollContainer.value)
+	}
 }
 
 function handleResize() {
-	windowHeight.value = window.innerHeight
+	if (scrollContainer.value) {
+		viewportHeight.value = getViewportHeight(scrollContainer.value)
+	}
 }
 
 onMounted(() => {
-	windowHeight.value = window.innerHeight
-	window.addEventListener('scroll', handleScroll, { passive: true })
+	// Find the scrollable ancestor
+	scrollContainer.value = findScrollableAncestor(listContainer.value)
+	viewportHeight.value = getViewportHeight(scrollContainer.value)
+	scrollTop.value = getScrollTop(scrollContainer.value)
+
+	scrollContainer.value.addEventListener('scroll', handleScroll, { passive: true })
 	window.addEventListener('resize', handleResize, { passive: true })
-	handleScroll()
 })
 
 onUnmounted(() => {
-	window.removeEventListener('scroll', handleScroll)
+	if (scrollContainer.value) {
+		scrollContainer.value.removeEventListener('scroll', handleScroll)
+	}
 	window.removeEventListener('resize', handleResize)
 })
 
@@ -140,7 +194,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 </script>
 
 <template>
-	<div class="overflow-hidden rounded-[20px] border border-surface-3">
+	<div class="overflow-hidden rounded-[20px] border border-solid border-[1px] border-surface-3">
 		<div
 			class="flex h-12 items-center justify-between gap-4 bg-surface-3 px-4"
 			:class="showSelection ? '' : ''"
@@ -210,7 +264,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 					:selected="isItemSelected(item.id)"
 					:class="[
 						(visibleRange.start + idx) % 2 === 1 ? 'bg-surface-1' : 'bg-surface-2',
-						'border-t border-solid border-surface-3',
+						'border-t border-solid border-[1px] border-surface-3',
 					]"
 					@update:selected="(val) => toggleItemSelection(item.id, val ?? false)"
 					@update:enabled="(val) => emit('update:enabled', item.id, val)"

From d4af422214fa55ac11646a570365a6289adf5db2 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 12:17:36 +0000
Subject: [PATCH 032/178] feat: fix gap + border issues on last elm

---
 .../components/instances/ContentCardItem.vue  |  2 +-
 .../components/instances/ContentCardTable.vue | 36 ++++++++++++++-----
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index 947338ac1c..1ca0acdae7 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -43,7 +43,7 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 
 <template>
 	<div
-		class="flex h-20 items-center justify-between gap-4 px-4"
+		class="flex py-3 items-center justify-between gap-4 px-4"
 		:class="{ 'opacity-50': disabled }"
 	>
 		<div class="flex min-w-0 shrink-0 items-center gap-4" :class="showCheckbox ? 'w-[350px]' : ''">
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index 002f4eb10f..43bdd8d9af 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ChevronDownIcon, ChevronUpIcon } from '@modrinth/assets'
-import { computed, onMounted, onUnmounted, ref } from 'vue'
+import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 
 import Checkbox from '../base/Checkbox.vue'
 import ContentCardItem from './ContentCardItem.vue'
@@ -10,7 +10,6 @@ import type {
 	ContentCardTableSortDirection,
 } from './types'
 
-const ITEM_HEIGHT = 80
 const BUFFER_SIZE = 5
 
 interface Props {
@@ -44,8 +43,9 @@ const listContainer = ref<HTMLElement | null>(null)
 const scrollContainer = ref<HTMLElement | Window | null>(null)
 const scrollTop = ref(0)
 const viewportHeight = ref(0)
+const itemHeight = ref(0)
 
-const totalHeight = computed(() => props.items.length * ITEM_HEIGHT)
+const totalHeight = computed(() => props.items.length * itemHeight.value)
 
 // Find the nearest scrollable ancestor
 function findScrollableAncestor(element: HTMLElement | null): HTMLElement | Window {
@@ -92,7 +92,7 @@ function getContainerOffset(listEl: HTMLElement, container: HTMLElement | Window
 }
 
 const visibleRange = computed(() => {
-	if (!props.virtualized) {
+	if (!props.virtualized || itemHeight.value === 0) {
 		return { start: 0, end: props.items.length }
 	}
 
@@ -101,8 +101,8 @@ const visibleRange = computed(() => {
 	const containerOffset = getContainerOffset(listContainer.value, scrollContainer.value)
 	const relativeScrollTop = Math.max(0, scrollTop.value - containerOffset)
 
-	const start = Math.floor(relativeScrollTop / ITEM_HEIGHT)
-	const visibleCount = Math.ceil(viewportHeight.value / ITEM_HEIGHT)
+	const start = Math.floor(relativeScrollTop / itemHeight.value)
+	const visibleCount = Math.ceil(viewportHeight.value / itemHeight.value)
 
 	return {
 		start: Math.max(0, start - BUFFER_SIZE),
@@ -110,7 +110,9 @@ const visibleRange = computed(() => {
 	}
 })
 
-const visibleTop = computed(() => (props.virtualized ? visibleRange.value.start * ITEM_HEIGHT : 0))
+const visibleTop = computed(() =>
+	props.virtualized ? visibleRange.value.start * itemHeight.value : 0,
+)
 
 const visibleItems = computed(() =>
 	props.items.slice(visibleRange.value.start, visibleRange.value.end),
@@ -132,6 +134,15 @@ function handleResize() {
 	if (scrollContainer.value) {
 		viewportHeight.value = getViewportHeight(scrollContainer.value)
 	}
+	measureItemHeight()
+}
+
+function measureItemHeight() {
+	if (!listContainer.value) return
+	const firstItem = listContainer.value.querySelector('[data-content-card-item]')
+	if (firstItem) {
+		itemHeight.value = firstItem.getBoundingClientRect().height
+	}
 }
 
 onMounted(() => {
@@ -140,6 +151,11 @@ onMounted(() => {
 	viewportHeight.value = getViewportHeight(scrollContainer.value)
 	scrollTop.value = getScrollTop(scrollContainer.value)
 
+	// Measure item height after render
+	nextTick(() => {
+		measureItemHeight()
+	})
+
 	scrollContainer.value.addEventListener('scroll', handleScroll, { passive: true })
 	window.addEventListener('resize', handleResize, { passive: true })
 })
@@ -254,6 +270,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 				<ContentCardItem
 					v-for="(item, idx) in visibleItems"
 					:key="item.id"
+					data-content-card-item
 					:project="item.project"
 					:version="item.version"
 					:owner="item.owner"
@@ -265,6 +282,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 					:class="[
 						(visibleRange.start + idx) % 2 === 1 ? 'bg-surface-1' : 'bg-surface-2',
 						'border-t border-solid border-[1px] border-surface-3',
+						visibleRange.start + idx === items.length - 1 ? 'rounded-b-[20px] !border-none' : '',
 					]"
 					@update:selected="(val) => toggleItemSelection(item.id, val ?? false)"
 					@update:enabled="(val) => emit('update:enabled', item.id, val)"
@@ -281,10 +299,11 @@ function handleSort(column: ContentCardTableSortColumn) {
 			</div>
 		</div>
 
-		<div v-else-if="items.length > 0" class="rounded-b-[20px]">
+		<div v-else-if="items.length > 0" ref="listContainer" class="rounded-b-[20px]">
 			<ContentCardItem
 				v-for="(item, index) in items"
 				:key="item.id"
+				data-content-card-item
 				:project="item.project"
 				:version="item.version"
 				:owner="item.owner"
@@ -296,6 +315,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 				:class="[
 					index % 2 === 1 ? 'bg-surface-1' : 'bg-surface-2',
 					'border-t border-solid border-surface-3',
+					index === items.length - 1 ? 'rounded-b-[20px] !border-none' : '',
 				]"
 				@update:selected="(val) => toggleItemSelection(item.id, val ?? false)"
 				@update:enabled="(val) => emit('update:enabled', item.id, val)"

From 067b3466eeae90c1b08b0ac32196de1eeb496997 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 13:13:00 +0000
Subject: [PATCH 033/178] fix: use TeleportOverflowMenu

---
 .../components/instances/ContentCardItem.vue  | 74 +++++++++++++++----
 .../components/instances/ContentCardTable.vue | 35 +++------
 .../files/explorer/TeleportOverflowMenu.vue   |  2 +-
 3 files changed, 70 insertions(+), 41 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index 1ca0acdae7..5a30f28757 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -1,28 +1,35 @@
 <script setup lang="ts">
 import { DownloadIcon, MoreVerticalIcon, OrganizationIcon, TrashIcon } from '@modrinth/assets'
 import { computed, getCurrentInstance } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
 
+import AutoLink from '../base/AutoLink.vue'
 import Avatar from '../base/Avatar.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import Checkbox from '../base/Checkbox.vue'
-import OverflowMenu, { type Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
+import { type Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
 import Toggle from '../base/Toggle.vue'
+import TeleportOverflowMenu from '../servers/files/explorer/TeleportOverflowMenu.vue'
 import type { ContentCardProject, ContentCardVersion, ContentOwner } from './types'
 
 interface Props {
 	project: ContentCardProject
+	projectLink?: string | RouteLocationRaw
 	version?: ContentCardVersion
 	owner?: ContentOwner
 	enabled?: boolean
+	hasUpdate?: boolean
 	overflowOptions?: OverflowMenuOption[]
 	disabled?: boolean
 	showCheckbox?: boolean
 }
 
 withDefaults(defineProps<Props>(), {
+	projectLink: undefined,
 	version: undefined,
 	owner: undefined,
 	enabled: undefined,
+	hasUpdate: false,
 	overflowOptions: undefined,
 	disabled: false,
 	showCheckbox: false,
@@ -39,11 +46,22 @@ const emit = defineEmits<{
 const instance = getCurrentInstance()
 const hasDeleteListener = computed(() => typeof instance?.vnode.props?.onDelete === 'function')
 const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate === 'function')
+
+const MAX_FILENAME_LENGTH = 42
+
+function truncateMiddle(str: string, maxLength: number): string {
+	if (str.length <= maxLength) return str
+	const ellipsis = '...'
+	const charsToShow = maxLength - ellipsis.length
+	const frontChars = Math.ceil(charsToShow / 2)
+	const backChars = Math.floor(charsToShow / 2)
+	return str.slice(0, frontChars) + ellipsis + str.slice(-backChars)
+}
 </script>
 
 <template>
 	<div
-		class="flex py-3 items-center justify-between gap-4 px-4"
+		class="flex h-[74px] items-center justify-between gap-4 px-4"
 		:class="{ 'opacity-50': disabled }"
 	>
 		<div class="flex min-w-0 shrink-0 items-center gap-4" :class="showCheckbox ? 'w-[350px]' : ''">
@@ -64,11 +82,28 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 					class="shrink-0 rounded-2xl border border-surface-5"
 				/>
 				<div class="flex min-w-0 flex-col gap-0.5">
-					<span class="truncate font-semibold leading-6 text-contrast">
+					<AutoLink
+						:target="
+							typeof projectLink === 'string' && projectLink.startsWith('http')
+								? '_blank'
+								: undefined
+						"
+						:to="projectLink"
+						class="truncate font-semibold leading-6 text-contrast !decoration-contrast"
+						:class="{ 'hover:underline': projectLink }"
+					>
 						{{ project.title }}
-					</span>
-
-					<div v-if="owner" class="flex items-center gap-1">
+					</AutoLink>
+
+					<AutoLink
+						v-if="owner"
+						:target="
+							typeof owner.link === 'string' && owner.link.startsWith('http') ? '_blank' : undefined
+						"
+						:to="owner.link"
+						class="flex items-center gap-1 !decoration-secondary"
+						:class="{ 'hover:underline': owner.link }"
+					>
 						<Avatar
 							:src="owner.avatar_url"
 							:alt="owner.name"
@@ -79,7 +114,7 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 						/>
 						<OrganizationIcon v-if="owner.type === 'organization'" class="size-4 text-secondary" />
 						<span class="text-sm leading-5 text-secondary">{{ owner.name }}</span>
-					</div>
+					</AutoLink>
 				</div>
 			</div>
 		</div>
@@ -87,7 +122,12 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 		<div class="hidden w-[335px] shrink-0 flex-col gap-0.5 md:flex">
 			<template v-if="version">
 				<span class="font-medium leading-6 text-contrast">{{ version.version_number }}</span>
-				<span class="leading-6 text-secondary">{{ version.file_name }}</span>
+				<span
+					v-tooltip="version.file_name.length > MAX_FILENAME_LENGTH ? version.file_name : undefined"
+					class="leading-6 text-secondary"
+				>
+					{{ truncateMiddle(version.file_name, MAX_FILENAME_LENGTH) }}
+				</span>
 			</template>
 		</div>
 
@@ -95,7 +135,7 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 			<slot name="additionalButtonsLeft" />
 
 			<ButtonStyled
-				v-if="hasUpdateListener"
+				v-if="hasUpdate && hasUpdateListener"
 				circular
 				type="transparent"
 				color="green"
@@ -123,13 +163,15 @@ const hasUpdateListener = computed(() => typeof instance?.vnode.props?.onUpdate
 
 			<slot name="additionalButtonsRight" />
 
-			<OverflowMenu v-if="overflowOptions?.length" :options="overflowOptions" :disabled="disabled">
-				<ButtonStyled circular type="transparent">
-					<button>
-						<MoreVerticalIcon class="size-5" />
-					</button>
-				</ButtonStyled>
-			</OverflowMenu>
+			<ButtonStyled circular type="transparent">
+				<TeleportOverflowMenu
+					v-if="overflowOptions?.length"
+					:options="overflowOptions"
+					:disabled="disabled"
+				>
+					<MoreVerticalIcon class="size-5" />
+				</TeleportOverflowMenu>
+			</ButtonStyled>
 		</div>
 	</div>
 </template>
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index 43bdd8d9af..cb462c4233 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ChevronDownIcon, ChevronUpIcon } from '@modrinth/assets'
-import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 
 import Checkbox from '../base/Checkbox.vue'
 import ContentCardItem from './ContentCardItem.vue'
@@ -43,9 +43,9 @@ const listContainer = ref<HTMLElement | null>(null)
 const scrollContainer = ref<HTMLElement | Window | null>(null)
 const scrollTop = ref(0)
 const viewportHeight = ref(0)
-const itemHeight = ref(0)
+const itemHeight = 74
 
-const totalHeight = computed(() => props.items.length * itemHeight.value)
+const totalHeight = computed(() => props.items.length * itemHeight)
 
 // Find the nearest scrollable ancestor
 function findScrollableAncestor(element: HTMLElement | null): HTMLElement | Window {
@@ -92,7 +92,7 @@ function getContainerOffset(listEl: HTMLElement, container: HTMLElement | Window
 }
 
 const visibleRange = computed(() => {
-	if (!props.virtualized || itemHeight.value === 0) {
+	if (!props.virtualized) {
 		return { start: 0, end: props.items.length }
 	}
 
@@ -101,8 +101,8 @@ const visibleRange = computed(() => {
 	const containerOffset = getContainerOffset(listContainer.value, scrollContainer.value)
 	const relativeScrollTop = Math.max(0, scrollTop.value - containerOffset)
 
-	const start = Math.floor(relativeScrollTop / itemHeight.value)
-	const visibleCount = Math.ceil(viewportHeight.value / itemHeight.value)
+	const start = Math.floor(relativeScrollTop / itemHeight)
+	const visibleCount = Math.ceil(viewportHeight.value / itemHeight)
 
 	return {
 		start: Math.max(0, start - BUFFER_SIZE),
@@ -110,9 +110,7 @@ const visibleRange = computed(() => {
 	}
 })
 
-const visibleTop = computed(() =>
-	props.virtualized ? visibleRange.value.start * itemHeight.value : 0,
-)
+const visibleTop = computed(() => (props.virtualized ? visibleRange.value.start * itemHeight : 0))
 
 const visibleItems = computed(() =>
 	props.items.slice(visibleRange.value.start, visibleRange.value.end),
@@ -134,28 +132,13 @@ function handleResize() {
 	if (scrollContainer.value) {
 		viewportHeight.value = getViewportHeight(scrollContainer.value)
 	}
-	measureItemHeight()
-}
-
-function measureItemHeight() {
-	if (!listContainer.value) return
-	const firstItem = listContainer.value.querySelector('[data-content-card-item]')
-	if (firstItem) {
-		itemHeight.value = firstItem.getBoundingClientRect().height
-	}
 }
 
 onMounted(() => {
-	// Find the scrollable ancestor
 	scrollContainer.value = findScrollableAncestor(listContainer.value)
 	viewportHeight.value = getViewportHeight(scrollContainer.value)
 	scrollTop.value = getScrollTop(scrollContainer.value)
 
-	// Measure item height after render
-	nextTick(() => {
-		measureItemHeight()
-	})
-
 	scrollContainer.value.addEventListener('scroll', handleScroll, { passive: true })
 	window.addEventListener('resize', handleResize, { passive: true })
 })
@@ -272,9 +255,11 @@ function handleSort(column: ContentCardTableSortColumn) {
 					:key="item.id"
 					data-content-card-item
 					:project="item.project"
+					:project-link="item.projectLink"
 					:version="item.version"
 					:owner="item.owner"
 					:enabled="item.enabled"
+					:has-update="item.hasUpdate"
 					:overflow-options="item.overflowOptions"
 					:disabled="item.disabled"
 					:show-checkbox="showSelection"
@@ -305,9 +290,11 @@ function handleSort(column: ContentCardTableSortColumn) {
 				:key="item.id"
 				data-content-card-item
 				:project="item.project"
+				:project-link="item.projectLink"
 				:version="item.version"
 				:owner="item.owner"
 				:enabled="item.enabled"
+				:has-update="item.hasUpdate"
 				:overflow-options="item.overflowOptions"
 				:disabled="item.disabled"
 				:show-checkbox="showSelection"
diff --git a/packages/ui/src/components/servers/files/explorer/TeleportOverflowMenu.vue b/packages/ui/src/components/servers/files/explorer/TeleportOverflowMenu.vue
index 5c1140f996..92021126fe 100644
--- a/packages/ui/src/components/servers/files/explorer/TeleportOverflowMenu.vue
+++ b/packages/ui/src/components/servers/files/explorer/TeleportOverflowMenu.vue
@@ -95,7 +95,7 @@ interface Option {
 }
 
 type Divider = {
-	divider: true
+	divider?: boolean
 	shown?: boolean
 }
 

From 4877eaee5d380ac3468c91d495cac542225ce4d3 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 13:16:51 +0000
Subject: [PATCH 034/178] fix: hasUpdate type

---
 packages/ui/src/components/instances/types.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/ui/src/components/instances/types.ts b/packages/ui/src/components/instances/types.ts
index 7df19ad78b..91757f9492 100644
--- a/packages/ui/src/components/instances/types.ts
+++ b/packages/ui/src/components/instances/types.ts
@@ -23,10 +23,12 @@ export interface ContentOwner {
 export interface ContentCardTableItem {
 	id: string
 	project: ContentCardProject
+	projectLink?: string | RouteLocationRaw
 	version?: ContentCardVersion
 	owner?: ContentOwner
 	enabled?: boolean
 	disabled?: boolean
+	hasUpdate?: boolean
 	overflowOptions?: OverflowMenuOption[]
 }
 

From af35e922187dc891afedd27439bec59304ec8dbc Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 22 Jan 2026 13:37:48 +0000
Subject: [PATCH 035/178] fix: fallback to svg if src is invalid on avatar
 component

---
 packages/ui/src/components/base/Avatar.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/base/Avatar.vue b/packages/ui/src/components/base/Avatar.vue
index 06c42f8775..90a2bd40e6 100644
--- a/packages/ui/src/components/base/Avatar.vue
+++ b/packages/ui/src/components/base/Avatar.vue
@@ -1,6 +1,6 @@
 <template>
 	<img
-		v-if="src"
+		v-if="src && !failed"
 		ref="img"
 		class="`experimental-styles-within avatar shrink-0"
 		:style="`--_size: ${cssSize}`"
@@ -14,6 +14,7 @@
 		:alt="alt"
 		:loading="loading"
 		@load="updatePixelated"
+		@error="onError"
 	/>
 	<svg
 		v-else
@@ -45,10 +46,11 @@
 </template>
 
 <script setup>
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 
 const pixelated = ref(false)
 const img = ref(null)
+const failed = ref(false)
 
 const props = defineProps({
 	src: {
@@ -95,6 +97,18 @@ const LEGACY_PRESETS = {
 
 const cssSize = computed(() => LEGACY_PRESETS[props.size] ?? props.size)
 
+watch(
+	() => props.src,
+	() => {
+		failed.value = false
+	}
+)
+
+function onError(e) {
+	console.log('Avatar image failed to load:', props.src, e)
+	failed.value = true
+}
+
 function updatePixelated() {
 	if (img.value && img.value.naturalWidth && img.value.naturalWidth < 32) {
 		pixelated.value = true

From 1712ed2fd23be91f6c0ef63bc76b8f0c7fde4968 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Sat, 24 Jan 2026 18:21:59 +0000
Subject: [PATCH 036/178] fix: storybook

---
 packages/ui/.storybook/main.ts                |  18 +-
 packages/ui/package.json                      |   7 -
 .../billing/AddPaymentMethodModal.vue         |   1 +
 .../components/instances/ContentCardItem.vue  |  29 +-
 .../components/instances/ContentCardTable.vue |   2 +-
 .../ui/src/components/modal/ConfirmModal.vue  |   2 +-
 .../instances/ContentCardItem.stories.ts      | 894 ------------------
 .../instances/ContentCardTable.stories.ts     | 165 ++++
 pnpm-lock.yaml                                | 715 +++-----------
 9 files changed, 336 insertions(+), 1497 deletions(-)
 delete mode 100644 packages/ui/src/stories/instances/ContentCardItem.stories.ts

diff --git a/packages/ui/.storybook/main.ts b/packages/ui/.storybook/main.ts
index e8785224b6..edc36194d1 100644
--- a/packages/ui/.storybook/main.ts
+++ b/packages/ui/.storybook/main.ts
@@ -1,17 +1,13 @@
 import type { StorybookConfig } from '@storybook/vue3-vite'
 
 const config: StorybookConfig = {
-	framework: '@storybook/vue3-vite',
-	core: {
-		builder: '@storybook/builder-vite',
+	framework: {
+		name: '@storybook/vue3-vite',
+		options: {
+			docgen: false,
+		},
 	},
-	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-	addons: [
-		'@storybook/addon-themes',
-		'@storybook/addon-vitest',
-		'@storybook/addon-a11y',
-		'@storybook/addon-docs',
-		'@storybook/addon-onboarding',
-	],
+	stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+	addons: ['@storybook/addon-themes', '@storybook/addon-a11y'],
 }
 export default config
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 9b5f83462e..29d1f05692 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -27,26 +27,19 @@
 		"@formatjs/cli": "^6.2.12",
 		"@modrinth/tooling-config": "workspace:*",
 		"@storybook/addon-a11y": "^10.1.10",
-		"@storybook/addon-docs": "^10.1.10",
-		"@storybook/addon-onboarding": "^10.1.10",
 		"@storybook/addon-themes": "^10.1.10",
-		"@storybook/addon-vitest": "^10.1.10",
 		"@storybook/builder-vite": "^10.1.10",
 		"@storybook/vue3-vite": "^10.1.10",
 		"@stripe/stripe-js": "^7.3.1",
 		"@tailwindcss/vite": "^4.1.18",
 		"@vitejs/plugin-vue": "^5.2.1",
-		"@vitest/browser-playwright": "^4.0.16",
-		"@vitest/coverage-v8": "^4.0.16",
 		"eslint-plugin-storybook": "^10.1.10",
-		"playwright": "^1.57.0",
 		"storybook": "^10.1.10",
 		"stripe": "^18.1.1",
 		"tailwindcss": "^3.4.4",
 		"typescript": "^5.4.5",
 		"vite": "^5.4.6",
 		"vite-svg-loader": "^5.1.0",
-		"vitest": "^4.0.16",
 		"vue": "^3.5.13",
 		"vue-component-type-helpers": "^3.1.8",
 		"vue-router": "^4.6.0"
diff --git a/packages/ui/src/components/billing/AddPaymentMethodModal.vue b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
index 6f0043412f..3ed48543f0 100644
--- a/packages/ui/src/components/billing/AddPaymentMethodModal.vue
+++ b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
@@ -2,6 +2,7 @@
 import { PlusIcon, XIcon } from '@modrinth/assets'
 import { nextTick, ref, useTemplateRef } from 'vue'
 
+import type Stripe from 'stripe'
 import { defineMessages, useVIntl } from '../../composables/i18n'
 import { commonMessages } from '../../utils'
 import { ButtonStyled, NewModal } from '../index'
diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index 5a30f28757..eb928b4a26 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -131,21 +131,24 @@ function truncateMiddle(str: string, maxLength: number): string {
 			</template>
 		</div>
 
-		<div class="flex shrink-0 items-center gap-2">
+		<div class="flex min-w-[160px] shrink-0 items-center justify-end gap-2">
 			<slot name="additionalButtonsLeft" />
 
-			<ButtonStyled
-				v-if="hasUpdate && hasUpdateListener"
-				circular
-				type="transparent"
-				color="green"
-				color-fill="text"
-				hover-color-fill="background"
-			>
-				<button v-tooltip="'Update available'" :disabled="disabled" @click="emit('update')">
-					<DownloadIcon class="size-5" />
-				</button>
-			</ButtonStyled>
+			<!-- Fixed width container to reserve space for update button -->
+			<div v-if="hasUpdateListener" class="flex w-8 items-center justify-center">
+				<ButtonStyled
+					v-if="hasUpdate"
+					circular
+					type="transparent"
+					color="green"
+					color-fill="text"
+					hover-color-fill="background"
+				>
+					<button v-tooltip="'Update available'" :disabled="disabled" @click="emit('update')">
+						<DownloadIcon class="size-5" />
+					</button>
+				</ButtonStyled>
+			</div>
 
 			<Toggle
 				v-if="enabled !== undefined"
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index cb462c4233..7c69394ac6 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -238,7 +238,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 				<span v-else class="font-semibold text-secondary">Version</span>
 			</div>
 
-			<div class="shrink-0 text-right">
+			<div class="min-w-[160px] shrink-0 text-right">
 				<span class="font-semibold text-secondary">Actions</span>
 			</div>
 		</div>
diff --git a/packages/ui/src/components/modal/ConfirmModal.vue b/packages/ui/src/components/modal/ConfirmModal.vue
index b80e2c0e75..38392ecafd 100644
--- a/packages/ui/src/components/modal/ConfirmModal.vue
+++ b/packages/ui/src/components/modal/ConfirmModal.vue
@@ -78,7 +78,7 @@ const props = defineProps({
 	},
 	proceedIcon: {
 		type: Object,
-		default: TrashIcon,
+		default: () => TrashIcon,
 	},
 	proceedLabel: {
 		type: String,
diff --git a/packages/ui/src/stories/instances/ContentCardItem.stories.ts b/packages/ui/src/stories/instances/ContentCardItem.stories.ts
deleted file mode 100644
index cde5795643..0000000000
--- a/packages/ui/src/stories/instances/ContentCardItem.stories.ts
+++ /dev/null
@@ -1,894 +0,0 @@
-import { EditIcon, EyeIcon, FolderOpenIcon, LinkIcon } from '@modrinth/assets'
-import type { Meta, StoryObj } from '@storybook/vue3-vite'
-import { fn } from 'storybook/test'
-import { computed, ref } from 'vue'
-
-import ButtonStyled from '../../components/base/ButtonStyled.vue'
-import ContentCardItem from '../../components/instances/ContentCardItem.vue'
-import type {
-	ContentCardProject,
-	ContentCardVersion,
-	ContentOwner,
-} from '../../components/instances/types'
-
-// Real project data from Modrinth API
-const sodiumProject: ContentCardProject = {
-	id: 'AANobbMI',
-	slug: 'sodium',
-	title: 'Sodium',
-	icon_url:
-		'https://cdn.modrinth.com/data/AANobbMI/295862f4724dc3f78df3447ad6072b2dcd3ef0c9_96.webp',
-}
-
-const modMenuProject: ContentCardProject = {
-	id: 'mOgUt4GM',
-	slug: 'modmenu',
-	title: 'Mod Menu',
-	icon_url: 'https://cdn.modrinth.com/data/mOgUt4GM/5a20ed1450a0e1e79a1fe04e61bb4e5878bf1d20.png',
-}
-
-const fabricApiProject: ContentCardProject = {
-	id: 'P7dR8mSH',
-	slug: 'fabric-api',
-	title: 'Fabric API',
-	icon_url: 'https://cdn.modrinth.com/data/P7dR8mSH/icon.png',
-}
-
-// Version data
-const sodiumVersion: ContentCardVersion = {
-	id: '59wygFUQ',
-	version_number: 'mc1.21.11-0.8.2-fabric',
-	file_name: 'sodium-fabric-0.8.2+mc1.21.11.jar',
-}
-
-const modMenuVersion: ContentCardVersion = {
-	id: 'QuU0ciaR',
-	version_number: '16.0.0',
-	file_name: 'modmenu-16.0.0.jar',
-}
-
-const fabricApiVersion: ContentCardVersion = {
-	id: 'Lwa1Q6e4',
-	version_number: '0.141.3+26.1',
-	file_name: 'fabric-api-0.141.3+26.1.jar',
-}
-
-// Owner data
-const sodiumOwner: ContentOwner = {
-	id: 'DzLrfrbK',
-	name: 'IMS',
-	avatar_url: 'https://avatars3.githubusercontent.com/u/31803019?v=4',
-	type: 'user',
-}
-
-const fabricApiOwner: ContentOwner = {
-	id: 'BZoBsPo6',
-	name: 'FabricMC',
-	avatar_url: 'https://cdn.modrinth.com/data/P7dR8mSH/icon.png',
-	type: 'organization',
-}
-
-const meta = {
-	title: 'Instances/ContentCardItem',
-	component: ContentCardItem,
-	parameters: {
-		layout: 'padded',
-	},
-	argTypes: {
-		project: {
-			control: 'object',
-			description: 'Project information (id, slug, title, icon_url)',
-		},
-		version: {
-			control: 'object',
-			description: 'Version information (id, version_number, file_name)',
-		},
-		owner: {
-			control: 'object',
-			description: 'Owner/author information',
-		},
-		enabled: {
-			control: 'boolean',
-			description: 'Toggle state - toggle hidden if undefined',
-		},
-		selected: {
-			control: false,
-			description:
-				'Selection state - checkbox hidden if undefined (use v-model:selected in render function)',
-		},
-		disabled: {
-			control: 'boolean',
-			description: 'Disables all interactions and grays out the card',
-		},
-		overflowOptions: {
-			control: 'object',
-			description: 'Options for the overflow menu',
-		},
-	},
-} satisfies Meta<typeof ContentCardItem>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-// ============================================
-// All Types Overview
-// ============================================
-
-export const AllTypes: Story = {
-	args: {
-		project: sodiumProject,
-	},
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			const toggleOn = ref(true)
-			const toggleOff = ref(false)
-
-			const cards = [
-				{
-					label: 'Full featured (all actions)',
-					project: sodiumProject,
-					version: sodiumVersion,
-					owner: sodiumOwner,
-					enabled: toggleOn,
-					hasUpdate: true,
-					hasDelete: true,
-					hasOverflow: true,
-				},
-				{
-					label: 'With toggle only',
-					project: modMenuProject,
-					version: modMenuVersion,
-					owner: { id: 'u2', name: 'Prospector', type: 'user' },
-					enabled: toggleOn,
-				},
-				{
-					label: 'With update available',
-					project: fabricApiProject,
-					version: fabricApiVersion,
-					owner: fabricApiOwner,
-					hasUpdate: true,
-				},
-				{
-					label: 'Minimal (project only)',
-					project: sodiumProject,
-				},
-				{
-					label: 'With version info only',
-					project: modMenuProject,
-					version: modMenuVersion,
-				},
-				{
-					label: 'With owner only',
-					project: fabricApiProject,
-					owner: fabricApiOwner,
-				},
-				{
-					label: 'Disabled state',
-					project: sodiumProject,
-					version: sodiumVersion,
-					owner: sodiumOwner,
-					enabled: toggleOff,
-					disabled: true,
-				},
-				{
-					label: 'Delete button only',
-					project: modMenuProject,
-					version: modMenuVersion,
-					hasDelete: true,
-				},
-				{
-					label: 'Toggle off',
-					project: fabricApiProject,
-					version: fabricApiVersion,
-					owner: fabricApiOwner,
-					enabled: toggleOff,
-				},
-			]
-
-			return { cards }
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-4">
-				<template v-for="card in cards" :key="card.label">
-					<h3 class="text-sm font-medium text-secondary">{{ card.label }}</h3>
-					<ContentCardItem
-						:project="card.project"
-						:version="card.version"
-						:owner="card.owner"
-						:enabled="card.enabled?.value"
-						:disabled="card.disabled"
-						@update="card.hasUpdate ? () => {} : undefined"
-						@delete="card.hasDelete ? () => {} : undefined"
-						@update:enabled="card.enabled ? (v) => card.enabled.value = v : undefined"
-						:overflow-options="card.hasOverflow ? [
-							{ id: 'view', action: () => {} },
-							{ divider: true },
-							{ id: 'remove', action: () => {}, color: 'red' },
-						] : undefined"
-					>
-						<template #view>View on Modrinth</template>
-						<template #remove>Remove</template>
-					</ContentCardItem>
-				</template>
-			</div>
-		`,
-	}),
-}
-
-// ============================================
-// Basic Stories
-// ============================================
-
-export const Default: Story = {
-	args: {
-		project: sodiumProject,
-		version: sodiumVersion,
-		owner: sodiumOwner,
-		enabled: true,
-		overflowOptions: [
-			{ id: 'view', action: () => console.log('View clicked') },
-			{ id: 'edit', action: () => console.log('Edit clicked') },
-			{ divider: true },
-			{ id: 'remove', action: () => console.log('Remove clicked'), color: 'red' },
-		],
-		onDelete: fn(),
-		onUpdate: fn(),
-		'onUpdate:enabled': fn(),
-	},
-}
-
-export const MinimalProjectOnly: Story = {
-	args: {
-		project: sodiumProject,
-	},
-}
-
-export const WithVersion: Story = {
-	args: {
-		project: modMenuProject,
-		version: modMenuVersion,
-	},
-}
-
-export const WithUserOwner: Story = {
-	args: {
-		project: sodiumProject,
-		version: sodiumVersion,
-		owner: sodiumOwner,
-	},
-}
-
-export const WithOrganizationOwner: Story = {
-	args: {
-		project: fabricApiProject,
-		version: fabricApiVersion,
-		owner: fabricApiOwner,
-	},
-}
-
-export const WithToggle: Story = {
-	args: {
-		project: sodiumProject,
-		version: sodiumVersion,
-		enabled: true,
-		'onUpdate:enabled': fn(),
-	},
-}
-
-export const ToggleDisabled: Story = {
-	args: {
-		project: sodiumProject,
-		version: sodiumVersion,
-		enabled: false,
-		'onUpdate:enabled': fn(),
-	},
-}
-
-// ============================================
-// Action Button Stories
-// ============================================
-
-export const WithDeleteButton: Story = {
-	args: {
-		project: modMenuProject,
-		version: modMenuVersion,
-		owner: sodiumOwner,
-		onDelete: fn(),
-	},
-}
-
-export const WithUpdateButton: Story = {
-	args: {
-		project: fabricApiProject,
-		version: fabricApiVersion,
-		owner: fabricApiOwner,
-		onUpdate: fn(),
-	},
-}
-
-export const WithAllActions: Story = {
-	args: {
-		project: sodiumProject,
-		version: sodiumVersion,
-		owner: sodiumOwner,
-		enabled: true,
-		onDelete: fn(),
-		onUpdate: fn(),
-		'onUpdate:enabled': fn(),
-		overflowOptions: [
-			{ id: 'view', action: () => console.log('View') },
-			{ id: 'openFolder', action: () => console.log('Open folder') },
-			{ divider: true },
-			{ id: 'copyLink', action: () => console.log('Copy link') },
-		],
-	},
-}
-
-// ============================================
-// State Stories
-// ============================================
-
-export const Disabled: Story = {
-	args: {
-		project: sodiumProject,
-		version: sodiumVersion,
-		owner: sodiumOwner,
-		enabled: false,
-		disabled: true,
-		'onUpdate:enabled': fn(),
-	},
-}
-
-export const LongProjectName: Story = {
-	args: {
-		project: {
-			id: 'test123',
-			slug: 'very-long-project-name',
-			title: '[EMF] Entity Model Features - The Ultimate Entity Rendering Mod',
-			icon_url: sodiumProject.icon_url,
-		},
-		version: {
-			id: 'v1',
-			version_number: '2.4.1',
-			file_name: 'Entity_model_features_fabric_1.21.1-2.4.1.jar',
-		},
-		owner: {
-			id: 'u1',
-			name: 'Traben',
-			type: 'user',
-		},
-		enabled: true,
-		onDelete: fn(),
-		'onUpdate:enabled': fn(),
-	},
-}
-
-// ============================================
-// Overflow Menu Stories
-// ============================================
-
-export const WithOverflowMenu: Story = {
-	render: (args) => ({
-		components: { ContentCardItem, EditIcon, EyeIcon, FolderOpenIcon, LinkIcon },
-		setup() {
-			return { args }
-		},
-		template: /*html*/ `
-			<ContentCardItem v-bind="args">
-				<template #view>
-					<EyeIcon class="size-5" /> View on Modrinth
-				</template>
-				<template #edit>
-					<EditIcon class="size-5" /> Edit settings
-				</template>
-				<template #openFolder>
-					<FolderOpenIcon class="size-5" /> Open folder
-				</template>
-				<template #copyLink>
-					<LinkIcon class="size-5" /> Copy link
-				</template>
-			</ContentCardItem>
-		`,
-	}),
-	args: {
-		project: sodiumProject,
-		version: sodiumVersion,
-		owner: sodiumOwner,
-		overflowOptions: [
-			{ id: 'view', action: () => console.log('View') },
-			{ id: 'edit', action: () => console.log('Edit') },
-			{ id: 'openFolder', action: () => console.log('Open folder') },
-			{ divider: true },
-			{ id: 'copyLink', action: () => console.log('Copy link') },
-		],
-	},
-}
-
-// ============================================
-// Slot Stories
-// ============================================
-
-export const WithAdditionalButtons: Story = {
-	render: (args) => ({
-		components: { ContentCardItem, ButtonStyled, EyeIcon, FolderOpenIcon },
-		setup() {
-			return { args }
-		},
-		template: /*html*/ `
-			<ContentCardItem v-bind="args">
-				<template #additionalButtonsLeft>
-					<ButtonStyled v-tooltip="'View on Modrinth'" circular type="transparent">
-						<button>
-							<EyeIcon class="size-5 text-secondary" />
-						</button>
-					</ButtonStyled>
-				</template>
-				<template #additionalButtonsRight>
-					<ButtonStyled v-tooltip="'Open folder'" circular type="transparent">
-						<button>
-							<FolderOpenIcon class="size-5 text-secondary" />
-						</button>
-					</ButtonStyled>
-				</template>
-			</ContentCardItem>
-		`,
-	}),
-	args: {
-		project: modMenuProject,
-		version: modMenuVersion,
-		enabled: true,
-		onDelete: fn(),
-		'onUpdate:enabled': fn(),
-	},
-}
-
-// ============================================
-// Interactive Stories
-// ============================================
-
-export const InteractiveToggle: Story = {
-	args: {
-		project: sodiumProject,
-	},
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			const enabled = ref(true)
-			return {
-				enabled,
-				project: sodiumProject,
-				version: sodiumVersion,
-				owner: sodiumOwner,
-			}
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-4">
-				<ContentCardItem
-					:project="project"
-					:version="version"
-					:owner="owner"
-					v-model:enabled="enabled"
-				/>
-				<div class="text-sm text-secondary">
-					Mod is currently: <strong>{{ enabled ? 'Enabled' : 'Disabled' }}</strong>
-				</div>
-			</div>
-		`,
-	}),
-}
-
-// ============================================
-// List Stories
-// ============================================
-
-export const ModList: Story = {
-	args: {
-		project: sodiumProject,
-	},
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			const mods = ref([
-				{ project: sodiumProject, version: sodiumVersion, owner: sodiumOwner, enabled: true },
-				{
-					project: modMenuProject,
-					version: modMenuVersion,
-					owner: { id: 'u2', name: 'Prospector', type: 'user' as const },
-					enabled: true,
-				},
-				{
-					project: fabricApiProject,
-					version: fabricApiVersion,
-					owner: fabricApiOwner,
-					enabled: true,
-				},
-			])
-
-			const handleDelete = (index: number) => {
-				mods.value.splice(index, 1)
-			}
-
-			const handleToggle = (index: number, value: boolean) => {
-				mods.value[index].enabled = value
-			}
-
-			return { mods, handleDelete, handleToggle }
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-3">
-				<ContentCardItem
-					v-for="(mod, index) in mods"
-					:key="mod.project.id"
-					:project="mod.project"
-					:version="mod.version"
-					:owner="mod.owner"
-					:enabled="mod.enabled"
-					@update:enabled="(val) => handleToggle(index, val)"
-					@delete="() => handleDelete(index)"
-					:overflow-options="[
-						{ id: 'view', action: () => console.log('View', mod.project.slug) },
-						{ divider: true },
-						{ id: 'remove', action: () => handleDelete(index), color: 'red' },
-					]"
-				>
-					<template #view>View on Modrinth</template>
-					<template #remove>Remove from instance</template>
-				</ContentCardItem>
-			</div>
-		`,
-	}),
-}
-
-export const MixedStates: Story = {
-	args: {
-		project: sodiumProject,
-	},
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			return {
-				sodiumProject,
-				sodiumVersion,
-				sodiumOwner,
-				modMenuProject,
-				modMenuVersion,
-				fabricApiProject,
-				fabricApiVersion,
-				fabricApiOwner,
-			}
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-3">
-				<!-- Enabled with update available -->
-				<ContentCardItem
-					:project="sodiumProject"
-					:version="sodiumVersion"
-					:owner="sodiumOwner"
-					:enabled="true"
-					@update="() => console.log('Update sodium')"
-					@update:enabled="() => {}"
-					@delete="() => {}"
-				/>
-
-				<!-- Disabled mod -->
-				<ContentCardItem
-					:project="modMenuProject"
-					:version="modMenuVersion"
-					:enabled="false"
-					:disabled="true"
-					@update:enabled="() => {}"
-				/>
-
-				<!-- No toggle, just view -->
-				<ContentCardItem
-					:project="fabricApiProject"
-					:version="fabricApiVersion"
-					:owner="fabricApiOwner"
-				/>
-			</div>
-		`,
-	}),
-}
-
-// ============================================
-// Responsive Stories
-// ============================================
-
-export const ResponsiveView: Story = {
-	args: {
-		project: sodiumProject,
-	},
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			return {
-				project: sodiumProject,
-				version: sodiumVersion,
-				owner: sodiumOwner,
-			}
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-6">
-				<div>
-					<h3 class="text-sm font-medium text-secondary mb-2">Desktop (version info visible)</h3>
-					<div class="w-full">
-						<ContentCardItem
-							:project="project"
-							:version="version"
-							:owner="owner"
-							:enabled="true"
-							@update:enabled="() => {}"
-							@delete="() => {}"
-							@update="() => {}"
-						/>
-					</div>
-				</div>
-				<div>
-					<h3 class="text-sm font-medium text-secondary mb-2">Mobile (&lt;768px - version info hidden)</h3>
-					<div class="w-[360px]">
-						<ContentCardItem
-							:project="project"
-							:version="version"
-							:owner="owner"
-							:enabled="true"
-							@update:enabled="() => {}"
-							@delete="() => {}"
-						/>
-					</div>
-				</div>
-			</div>
-		`,
-	}),
-}
-
-// ============================================
-// Edge Cases
-// ============================================
-
-export const NoIcon: Story = {
-	args: {
-		project: {
-			id: 'test',
-			slug: 'no-icon-mod',
-			title: 'Mod Without Icon',
-			icon_url: undefined,
-		},
-		version: {
-			id: 'v1',
-			version_number: '1.0.0',
-			file_name: 'no-icon-mod-1.0.0.jar',
-		},
-		enabled: true,
-		'onUpdate:enabled': fn(),
-	},
-}
-
-export const NoOwnerAvatar: Story = {
-	args: {
-		project: sodiumProject,
-		version: sodiumVersion,
-		owner: {
-			id: 'u1',
-			name: 'Anonymous',
-			avatar_url: undefined,
-			type: 'user',
-		},
-		enabled: true,
-		'onUpdate:enabled': fn(),
-	},
-}
-
-// ============================================
-// Selection Stories
-// ============================================
-
-export const WithSelection: Story = {
-	args: {
-		project: sodiumProject,
-	},
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			const selected = ref(false)
-			return {
-				selected,
-				project: sodiumProject,
-				version: sodiumVersion,
-				owner: sodiumOwner,
-			}
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-4">
-				<ContentCardItem
-					:project="project"
-					:version="version"
-					:owner="owner"
-					:enabled="true"
-					v-model:selected="selected"
-					@update:enabled="() => {}"
-				/>
-				<div class="text-sm text-secondary">
-					Selected: <strong>{{ selected }}</strong>
-				</div>
-			</div>
-		`,
-	}),
-}
-
-export const SelectionSelected: Story = {
-	args: {
-		project: sodiumProject,
-	},
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			const selected = ref(true)
-			return {
-				selected,
-				project: sodiumProject,
-				version: sodiumVersion,
-				owner: sodiumOwner,
-			}
-		},
-		template: /*html*/ `
-			<ContentCardItem
-				:project="project"
-				:version="version"
-				:owner="owner"
-				v-model:selected="selected"
-			/>
-		`,
-	}),
-}
-
-export const SelectionWithAllActions: Story = {
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			const selected = ref(false)
-			const enabled = ref(true)
-			return {
-				selected,
-				enabled,
-				project: sodiumProject,
-				version: sodiumVersion,
-				owner: sodiumOwner,
-			}
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-4">
-				<ContentCardItem
-					:project="project"
-					:version="version"
-					:owner="owner"
-					v-model:selected="selected"
-					v-model:enabled="enabled"
-					@update="() => console.log('Update clicked')"
-					@delete="() => console.log('Delete clicked')"
-					:overflow-options="[
-						{ id: 'view', action: () => console.log('View') },
-						{ divider: true },
-						{ id: 'remove', action: () => console.log('Remove'), color: 'red' },
-					]"
-				>
-					<template #view>View on Modrinth</template>
-					<template #remove>Remove</template>
-				</ContentCardItem>
-				<div class="text-sm text-secondary">
-					Selected: <strong>{{ selected }}</strong> | Enabled: <strong>{{ enabled }}</strong>
-				</div>
-			</div>
-		`,
-	}),
-}
-
-export const SelectableModList: Story = {
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			const mods = ref([
-				{
-					project: sodiumProject,
-					version: sodiumVersion,
-					owner: sodiumOwner,
-					enabled: true,
-					selected: false,
-				},
-				{
-					project: modMenuProject,
-					version: modMenuVersion,
-					owner: { id: 'u2', name: 'Prospector', type: 'user' as const },
-					enabled: true,
-					selected: true,
-				},
-				{
-					project: fabricApiProject,
-					version: fabricApiVersion,
-					owner: fabricApiOwner,
-					enabled: false,
-					selected: false,
-				},
-			])
-
-			const selectedCount = computed(() => mods.value.filter((m) => m.selected).length)
-
-			const toggleAll = () => {
-				const allSelected = mods.value.every((m) => m.selected)
-				mods.value.forEach((m) => (m.selected = !allSelected))
-			}
-
-			return { mods, selectedCount, toggleAll }
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-4">
-				<div class="flex items-center justify-between">
-					<button
-						class="text-sm text-brand hover:underline"
-						@click="toggleAll"
-					>
-						Toggle all
-					</button>
-					<span class="text-sm text-secondary">{{ selectedCount }} selected</span>
-				</div>
-				<div class="flex flex-col gap-3">
-					<ContentCardItem
-						v-for="mod in mods"
-						:key="mod.project.id"
-						:project="mod.project"
-						:version="mod.version"
-						:owner="mod.owner"
-						:enabled="mod.enabled"
-						:disabled="!mod.enabled"
-						v-model:selected="mod.selected"
-						@update:enabled="(val) => mod.enabled = val"
-						@delete="() => console.log('Delete', mod.project.slug)"
-					/>
-				</div>
-			</div>
-		`,
-	}),
-}
-
-export const SelectionComparisonWithAndWithout: Story = {
-	render: () => ({
-		components: { ContentCardItem },
-		setup() {
-			const selected = ref(false)
-			return {
-				selected,
-				sodiumProject,
-				sodiumVersion,
-				sodiumOwner,
-				modMenuProject,
-				modMenuVersion,
-			}
-		},
-		template: /*html*/ `
-			<div class="flex flex-col gap-6">
-				<div>
-					<h3 class="text-sm font-medium text-secondary mb-2">With selection (checkbox visible)</h3>
-					<ContentCardItem
-						:project="sodiumProject"
-						:version="sodiumVersion"
-						:owner="sodiumOwner"
-						:enabled="true"
-						v-model:selected="selected"
-						@update:enabled="() => {}"
-						@delete="() => {}"
-					/>
-				</div>
-				<div>
-					<h3 class="text-sm font-medium text-secondary mb-2">Without selection (no checkbox)</h3>
-					<ContentCardItem
-						:project="modMenuProject"
-						:version="modMenuVersion"
-						:enabled="true"
-						@update:enabled="() => {}"
-						@delete="() => {}"
-					/>
-				</div>
-			</div>
-		`,
-	}),
-}
diff --git a/packages/ui/src/stories/instances/ContentCardTable.stories.ts b/packages/ui/src/stories/instances/ContentCardTable.stories.ts
index 08de10bcd9..ac18dea81b 100644
--- a/packages/ui/src/stories/instances/ContentCardTable.stories.ts
+++ b/packages/ui/src/stories/instances/ContentCardTable.stories.ts
@@ -133,10 +133,84 @@ const importedModItem: ContentCardTableItem = {
 	enabled: false,
 }
 
+// Edge case items
+const longNameItem: ContentCardTableItem = {
+	id: 'long-name',
+	project: {
+		id: 'long-name',
+		slug: 'very-long-project-name',
+		title: '[EMF] Entity Model Features - The Ultimate Entity Rendering Mod for Minecraft',
+		icon_url: sodiumItem.project.icon_url,
+	},
+	version: {
+		id: 'v1',
+		version_number: '2.4.1-beta.15+mc1.21.1-fabric-loader0.16.0',
+		file_name: 'Entity_model_features_fabric_1.21.1-2.4.1-beta.15+mc1.21.1-fabric-loader0.16.0.jar',
+	},
+	owner: {
+		id: 'u1',
+		name: 'Traben',
+		type: 'user',
+	},
+	enabled: true,
+}
+
+const noOwnerAvatarItem: ContentCardTableItem = {
+	id: 'no-avatar',
+	project: {
+		id: 'no-avatar',
+		slug: 'no-avatar-mod',
+		title: 'Mod Without Owner Avatar',
+		icon_url: modMenuItem.project.icon_url,
+	},
+	version: {
+		id: 'v1',
+		version_number: '1.0.0',
+		file_name: 'no-avatar-mod-1.0.0.jar',
+	},
+	owner: {
+		id: 'u1',
+		name: 'Anonymous User',
+		avatar_url: undefined,
+		type: 'user',
+	},
+	enabled: true,
+}
+
+const updateAvailableItem: ContentCardTableItem = {
+	id: 'update-available',
+	project: {
+		id: 'update-available',
+		slug: 'outdated-mod',
+		title: 'Outdated Mod',
+		icon_url: fabricApiItem.project.icon_url,
+	},
+	version: {
+		id: 'v1',
+		version_number: '1.0.0',
+		file_name: 'outdated-mod-1.0.0.jar',
+	},
+	owner: fabricApiItem.owner,
+	enabled: true,
+	hasUpdate: true,
+}
+
 const sampleItems: ContentCardTableItem[] = [sodiumItem, modMenuItem, fabricApiItem]
 
 const figmaDesignItems: ContentCardTableItem[] = [emfItem, etfItem, importedModItem]
 
+// Comprehensive items showing all possible states
+const allStatesItems: ContentCardTableItem[] = [
+	{ ...sodiumItem, enabled: true, hasUpdate: false },
+	{ ...modMenuItem, enabled: true, hasUpdate: true },
+	{ ...fabricApiItem, enabled: false },
+	longNameItem,
+	importedModItem,
+	noOwnerAvatarItem,
+	updateAvailableItem,
+	{ ...emfItem, disabled: true, enabled: false },
+]
+
 const meta = {
 	title: 'Instances/ContentCardTable',
 	component: ContentCardTable,
@@ -182,6 +256,97 @@ export const Default: Story = {
 	},
 }
 
+/**
+ * Comprehensive story showing all possible item states in one view:
+ * - Normal enabled item
+ * - Item with update available
+ * - Disabled toggle (enabled: false)
+ * - Long project name and version (truncation)
+ * - No project icon
+ * - No owner avatar
+ * - Item with hasUpdate flag
+ * - Fully disabled item (disabled: true)
+ */
+export const AllStates: Story = {
+	render: () => ({
+		components: { ContentCardTable },
+		setup() {
+			const items = ref<ContentCardTableItem[]>(allStatesItems)
+			return { items }
+		},
+		template: /*html*/ `
+			<div class="flex flex-col gap-4">
+				<div class="text-sm text-secondary space-y-1">
+					<p>This story demonstrates all possible item states:</p>
+					<ul class="list-disc list-inside ml-2">
+						<li>Sodium - Normal enabled item</li>
+						<li>Mod Menu - Has update available (green button)</li>
+						<li>Fabric API - Toggle off (enabled: false)</li>
+						<li>EMF - Long name/version (truncation)</li>
+						<li>Import mod - No project icon</li>
+						<li>No avatar - Owner without avatar</li>
+						<li>Outdated Mod - hasUpdate flag</li>
+						<li>ETF - Fully disabled (disabled: true, grayed out)</li>
+					</ul>
+				</div>
+				<ContentCardTable
+					:items="items"
+					show-selection
+					@update:enabled="(id, val) => console.log('Toggle', id, val)"
+					@delete="(id) => console.log('Delete', id)"
+					@update="(id) => console.log('Update', id)"
+				/>
+			</div>
+		`,
+	}),
+}
+
+/**
+ * Shows items with update available - displays green download button
+ */
+export const WithUpdatesAvailable: Story = {
+	render: () => ({
+		components: { ContentCardTable },
+		setup() {
+			const items: ContentCardTableItem[] = [
+				{ ...sodiumItem, hasUpdate: true },
+				{ ...modMenuItem, hasUpdate: true },
+				{ ...fabricApiItem, hasUpdate: false },
+			]
+			return { items }
+		},
+		template: /*html*/ `
+			<ContentCardTable
+				:items="items"
+				@update:enabled="(id, val) => console.log('Toggle', id, val)"
+				@delete="(id) => console.log('Delete', id)"
+				@update="(id) => console.log('Update clicked', id)"
+			/>
+		`,
+	}),
+}
+
+/**
+ * Shows difference between user and organization owners
+ */
+export const UserVsOrganizationOwners: Story = {
+	args: {
+		items: [
+			{ ...sodiumItem }, // User owner (circular avatar)
+			{ ...fabricApiItem }, // Organization owner (rounded + icon)
+		],
+	},
+}
+
+/**
+ * Edge cases: long names, missing icons, missing avatars
+ */
+export const EdgeCases: Story = {
+	args: {
+		items: [longNameItem, importedModItem, noOwnerAvatarItem],
+	},
+}
+
 export const FigmaDesign: Story = {
 	args: {
 		items: figmaDesignItems,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e3f7a90b61..b2a9a8cbd6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -149,7 +149,7 @@ importers:
     devDependencies:
       '@eslint/compat':
         specifier: ^1.1.1
-        version: 1.4.1(eslint@9.39.2(jiti@2.6.1))
+        version: 1.4.1(eslint@9.39.2(jiti@1.21.7))
       '@formatjs/cli':
         specifier: ^6.2.12
         version: 6.8.8(@vue/compiler-core@3.5.26)(vue@3.5.26(typescript@5.9.3))
@@ -158,22 +158,22 @@ importers:
         version: link:../../packages/tooling-config
       '@nuxt/eslint-config':
         specifier: ^0.5.6
-        version: 0.5.7(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        version: 0.5.7(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@taijased/vue-render-tracker':
         specifier: ^1.0.7
         version: 1.0.7(vue@3.5.26(typescript@5.9.3))
       '@vitejs/plugin-vue':
         specifier: ^6.0.3
-        version: 6.0.3(vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
+        version: 6.0.3(vite@6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
       autoprefixer:
         specifier: ^10.4.19
         version: 10.4.23(postcss@8.5.6)
       eslint:
         specifier: ^9.9.1
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.2(jiti@1.21.7)
       eslint-plugin-turbo:
         specifier: ^2.5.4
-        version: 2.7.2(eslint@9.39.2(jiti@2.6.1))(turbo@2.7.2)
+        version: 2.7.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.7.2)
       postcss:
         specifier: ^8.4.39
         version: 8.5.6
@@ -191,7 +191,7 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^6.0.0
-        version: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+        version: 6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vue-component-type-helpers:
         specifier: ^3.1.8
         version: 3.2.1
@@ -265,7 +265,7 @@ importers:
         version: 0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))
       '@sentry/nuxt':
         specifier: ^10.33.0
-        version: 10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(rollup@4.54.0)(vue@3.5.26(typescript@5.9.3))
+        version: 10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(rollup@4.54.0)(vue@3.5.26(typescript@5.9.3))
       '@tanstack/vue-query':
         specifier: ^5.90.7
         version: 5.92.5(vue@3.5.26(typescript@5.9.3))
@@ -392,7 +392,7 @@ importers:
         version: 10.5.0
       nuxt:
         specifier: ^3.20.2
-        version: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+        version: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
       postcss:
         specifier: ^8.4.39
         version: 8.5.6
@@ -689,18 +689,9 @@ importers:
       '@storybook/addon-a11y':
         specifier: ^10.1.10
         version: 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
-      '@storybook/addon-docs':
-        specifier: ^10.1.10
-        version: 10.1.11(@types/react@19.2.7)(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      '@storybook/addon-onboarding':
-        specifier: ^10.1.10
-        version: 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
       '@storybook/addon-themes':
         specifier: ^10.1.10
         version: 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
-      '@storybook/addon-vitest':
-        specifier: ^10.1.10
-        version: 10.1.11(@vitest/browser-playwright@4.0.16)(@vitest/browser@4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16))(@vitest/runner@4.0.16)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vitest@4.0.16)
       '@storybook/builder-vite':
         specifier: ^10.1.10
         version: 10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
@@ -716,18 +707,9 @@ importers:
       '@vitejs/plugin-vue':
         specifier: ^5.2.1
         version: 5.2.4(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))
-      '@vitest/browser-playwright':
-        specifier: ^4.0.16
-        version: 4.0.16(playwright@1.57.0)(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16)
-      '@vitest/coverage-v8':
-        specifier: ^4.0.16
-        version: 4.0.16(@vitest/browser@4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16))(vitest@4.0.16)
       eslint-plugin-storybook:
         specifier: ^10.1.10
         version: 10.1.11(eslint@9.39.2(jiti@2.6.1))(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@5.9.3)
-      playwright:
-        specifier: ^1.57.0
-        version: 1.57.0
       storybook:
         specifier: ^10.1.10
         version: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -746,9 +728,6 @@ importers:
       vite-svg-loader:
         specifier: ^5.1.0
         version: 5.1.0(vue@3.5.26(typescript@5.9.3))
-      vitest:
-        specifier: ^4.0.16
-        version: 4.0.16(@opentelemetry/api@1.9.0)(@types/node@20.19.27)(@vitest/browser-playwright@4.0.16)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vue:
         specifier: ^3.5.13
         version: 3.5.26(typescript@5.9.3)
@@ -1002,10 +981,6 @@ packages:
     resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
     engines: {node: '>=6.9.0'}
 
-  '@bcoe/v8-coverage@1.0.2':
-    resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
-    engines: {node: '>=18'}
-
   '@bomb.sh/tab@0.0.10':
     resolution: {integrity: sha512-6ALS2rh/4LKn0Yxwm35V6LcgQuSiECHbqQo7+9g4rkgGyXZ0siOc8K+IuWIq/4u0Zkv2mevP9QSqgKhGIvLJMw==}
     hasBin: true
@@ -2266,12 +2241,6 @@ packages:
   '@mdx-js/mdx@3.1.1':
     resolution: {integrity: sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ==}
 
-  '@mdx-js/react@3.1.1':
-    resolution: {integrity: sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==}
-    peerDependencies:
-      '@types/react': '>=16'
-      react: '>=16'
-
   '@napi-rs/wasm-runtime@0.2.12':
     resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
 
@@ -3432,47 +3401,16 @@ packages:
   '@speed-highlight/core@1.2.14':
     resolution: {integrity: sha512-G4ewlBNhUtlLvrJTb88d2mdy2KRijzs4UhnlrOSRT4bmjh/IqNElZa3zkrZ+TC47TwtlDWzVLFADljF1Ijp5hA==}
 
-  '@standard-schema/spec@1.1.0':
-    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
-
   '@storybook/addon-a11y@10.1.11':
     resolution: {integrity: sha512-3sr6HmcDgW1+TQAV9QtWBE3HlGyfFXVZY3RECTNLNH6fRC+rYQCItisvQIVxQpyftLSQ8EAMN9JQzs495MjWNg==}
     peerDependencies:
       storybook: ^10.1.11
 
-  '@storybook/addon-docs@10.1.11':
-    resolution: {integrity: sha512-Jwm291Fhim2eVcZIVlkG1B2skb0ZI9oru6nqMbJxceQZlvZmcIa4oxvS1oaMTKw2DJnCv97gLm57P/YvRZ8eUg==}
-    peerDependencies:
-      storybook: ^10.1.11
-
-  '@storybook/addon-onboarding@10.1.11':
-    resolution: {integrity: sha512-DNJv0IDl5XBrY+PPgwnMXLyp3omPkMOS6xe8ejG3csT71B6+3VueL6m7Qivh6739SnAV0QBU5SQlpMA0gQUcSA==}
-    peerDependencies:
-      storybook: ^10.1.11
-
   '@storybook/addon-themes@10.1.11':
     resolution: {integrity: sha512-tUX5C1ms+W4GFK8UBWd3Fq4irkLc3h092BqW90tZghcoOmGY/sfKR+PlcLhoaTs/kkHQSSHPrz8HSFR1AXVbHA==}
     peerDependencies:
       storybook: ^10.1.11
 
-  '@storybook/addon-vitest@10.1.11':
-    resolution: {integrity: sha512-YbZzeKO3v+Xr97/malT4DZIATkVZT5EHNYx3xzEfPVuk19dDETAVYXO+tzcqCQHsgdKQHkmd56vv8nN3J3/kvw==}
-    peerDependencies:
-      '@vitest/browser': ^3.0.0 || ^4.0.0
-      '@vitest/browser-playwright': ^4.0.0
-      '@vitest/runner': ^3.0.0 || ^4.0.0
-      storybook: ^10.1.11
-      vitest: ^3.0.0 || ^4.0.0
-    peerDependenciesMeta:
-      '@vitest/browser':
-        optional: true
-      '@vitest/browser-playwright':
-        optional: true
-      '@vitest/runner':
-        optional: true
-      vitest:
-        optional: true
-
   '@storybook/builder-vite@10.1.11':
     resolution: {integrity: sha512-MMD09Ap7FyzDfWG961pkIMv/w684XXe1bBEi+wCEpHxvrgAd3j3A9w/Rqp9Am2uRDPCEdi1QgSzS3SGW3aGThQ==}
     peerDependencies:
@@ -3506,13 +3444,6 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@storybook/react-dom-shim@10.1.11':
-    resolution: {integrity: sha512-o8WPhRlZbORUWG9lAgDgJP0pi905VHJUFJr1Kp8980gHqtlemtnzjPxKy5vFwj6glNhAlK8SS8OOYzWP7hloTQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      storybook: ^10.1.11
-
   '@storybook/vue3-vite@10.1.11':
     resolution: {integrity: sha512-Kq5co2xdBhShYRzDfLlt1xoYiHo8RHOjX7wtsFQTtSwTKIPsm34j45pmGov4xEUMhfSf1PIor//spTzd1HDR9Q==}
     peerDependencies:
@@ -3912,9 +3843,6 @@ packages:
   '@types/pg@8.15.6':
     resolution: {integrity: sha512-NoaMtzhxOrubeL/7UZuNTrejB4MPAJ0RpxZqXQf2qXuVlTPuG6Y8p4u9dKRaue4yjmC7ZhzVO2/Yyyn25znrPQ==}
 
-  '@types/react@19.2.7':
-    resolution: {integrity: sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==}
-
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
@@ -4153,32 +4081,9 @@ packages:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
       vue: ^3.2.25
 
-  '@vitest/browser-playwright@4.0.16':
-    resolution: {integrity: sha512-I2Fy/ANdphi1yI46d15o0M1M4M0UJrUiVKkH5oKeRZZCdPg0fw/cfTKZzv9Ge9eobtJYp4BGblMzXdXH0vcl5g==}
-    peerDependencies:
-      playwright: '*'
-      vitest: 4.0.16
-
-  '@vitest/browser@4.0.16':
-    resolution: {integrity: sha512-t4toy8X/YTnjYEPoY0pbDBg3EvDPg1elCDrfc+VupPHwoN/5/FNQ8Z+xBYIaEnOE2vVEyKwqYBzZ9h9rJtZVcg==}
-    peerDependencies:
-      vitest: 4.0.16
-
-  '@vitest/coverage-v8@4.0.16':
-    resolution: {integrity: sha512-2rNdjEIsPRzsdu6/9Eq0AYAzYdpP6Bx9cje9tL3FE5XzXRQF1fNU9pe/1yE8fCrS0HD+fBtt6gLPh6LI57tX7A==}
-    peerDependencies:
-      '@vitest/browser': 4.0.16
-      vitest: 4.0.16
-    peerDependenciesMeta:
-      '@vitest/browser':
-        optional: true
-
   '@vitest/expect@3.2.4':
     resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
 
-  '@vitest/expect@4.0.16':
-    resolution: {integrity: sha512-eshqULT2It7McaJkQGLkPjPjNph+uevROGuIMJdG3V+0BSR2w9u6J9Lwu+E8cK5TETlfou8GRijhafIMhXsimA==}
-
   '@vitest/mocker@3.2.4':
     resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
     peerDependencies:
@@ -4190,41 +4095,15 @@ packages:
       vite:
         optional: true
 
-  '@vitest/mocker@4.0.16':
-    resolution: {integrity: sha512-yb6k4AZxJTB+q9ycAvsoxGn+j/po0UaPgajllBgt1PzoMAAmJGYFdDk0uCcRcxb3BrME34I6u8gHZTQlkqSZpg==}
-    peerDependencies:
-      msw: ^2.4.9
-      vite: ^6.0.0 || ^7.0.0-0
-    peerDependenciesMeta:
-      msw:
-        optional: true
-      vite:
-        optional: true
-
   '@vitest/pretty-format@3.2.4':
     resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
 
-  '@vitest/pretty-format@4.0.16':
-    resolution: {integrity: sha512-eNCYNsSty9xJKi/UdVD8Ou16alu7AYiS2fCPRs0b1OdhJiV89buAXQLpTbe+X8V9L6qrs9CqyvU7OaAopJYPsA==}
-
-  '@vitest/runner@4.0.16':
-    resolution: {integrity: sha512-VWEDm5Wv9xEo80ctjORcTQRJ539EGPB3Pb9ApvVRAY1U/WkHXmmYISqU5E79uCwcW7xYUV38gwZD+RV755fu3Q==}
-
-  '@vitest/snapshot@4.0.16':
-    resolution: {integrity: sha512-sf6NcrYhYBsSYefxnry+DR8n3UV4xWZwWxYbCJUt2YdvtqzSPR7VfGrY0zsv090DAbjFZsi7ZaMi1KnSRyK1XA==}
-
   '@vitest/spy@3.2.4':
     resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
 
-  '@vitest/spy@4.0.16':
-    resolution: {integrity: sha512-4jIOWjKP0ZUaEmJm00E0cOBLU+5WE0BpeNr3XN6TEF05ltro6NJqHWxXD0kA8/Zc8Nh23AT8WQxwNG+WeROupw==}
-
   '@vitest/utils@3.2.4':
     resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
 
-  '@vitest/utils@4.0.16':
-    resolution: {integrity: sha512-h8z9yYhV3e1LEfaQ3zdypIrnAg/9hguReGZoS7Gl0aBG5xgA410zBqECqmaF/+RkTggRsfnzc1XaAHA6bmUufA==}
-
   '@volar/kit@2.4.27':
     resolution: {integrity: sha512-ilZoQDMLzqmSsImJRWx4YiZ4FcvvPrPnFVmL6hSsIWB6Bn3qc7k88J9yP32dagrs5Y8EXIlvvD/mAFaiuEOACQ==}
     peerDependencies:
@@ -4671,9 +4550,6 @@ packages:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
     engines: {node: '>=4'}
 
-  ast-v8-to-istanbul@0.3.10:
-    resolution: {integrity: sha512-p4K7vMz2ZSk3wN8l5o3y2bJAoZXT3VuJI5OLTATY/01CYWumWvwkUw0SqDBnNq6IiTO3qDa1eSQDibAV8g7XOQ==}
-
   ast-walker-scope@0.8.3:
     resolution: {integrity: sha512-cbdCP0PGOBq0ASG+sjnKIoYkWMKhhz+F/h9pRexUdX2Hd38+WOlBkRKlqkGOSm0YQpcFMQBJeK4WspUAkwsEdg==}
     engines: {node: '>=20.19.0'}
@@ -4867,10 +4743,6 @@ packages:
     resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
     engines: {node: '>=18'}
 
-  chai@6.2.2:
-    resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
-    engines: {node: '>=18'}
-
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -5695,10 +5567,6 @@ packages:
     resolution: {integrity: sha512-eNTPlAD67BmP31LDINZ3U7HSF8l57TxOY2PmBJ1shpCvpnxBF93mWCE8YHBnXs8qiUZJc9WDcWIeC3a2HIAMfw==}
     engines: {node: '>=6'}
 
-  expect-type@1.3.0:
-    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
-    engines: {node: '>=12.0.0'}
-
   expressive-code@0.40.2:
     resolution: {integrity: sha512-1zIda2rB0qiDZACawzw2rbdBQiWHBT56uBctS+ezFe5XMAaFaHLnnSYND/Kd+dVzO9HfCXRDpzH3d+3fvOWRcw==}
 
@@ -5824,11 +5692,6 @@ packages:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
     engines: {node: '>= 0.8'}
 
-  fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -6055,9 +5918,6 @@ packages:
   hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
 
-  html-escaper@2.0.2:
-    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
-
   html-escaper@3.0.3:
     resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
 
@@ -6328,22 +6188,6 @@ packages:
   iso-3166-2@1.0.0:
     resolution: {integrity: sha512-xLAazfKZzwlsg/Zz/GQGQk3jJez5/2ORrjD3TjSuqz/arMht/xTK49c0GOE3afO/gEd9tHtBVVlfBla01unUng==}
 
-  istanbul-lib-coverage@3.2.2:
-    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
-    engines: {node: '>=8'}
-
-  istanbul-lib-report@3.0.1:
-    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
-    engines: {node: '>=10'}
-
-  istanbul-lib-source-maps@5.0.6:
-    resolution: {integrity: sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==}
-    engines: {node: '>=10'}
-
-  istanbul-reports@3.2.0:
-    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
-    engines: {node: '>=8'}
-
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
@@ -6645,10 +6489,6 @@ packages:
   magicast@0.5.1:
     resolution: {integrity: sha512-xrHS24IxaLrvuo613F719wvOIv9xPHFWQHuvGUBmPnCA/3MQxKI3b+r7n1jAoDHmsbC5bRhTZYR77invLAxVnw==}
 
-  make-dir@4.0.0:
-    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
-    engines: {node: '>=10'}
-
   markdown-extensions@2.0.0:
     resolution: {integrity: sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==}
     engines: {node: '>=16'}
@@ -7361,34 +7201,16 @@ packages:
     resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
     engines: {node: '>= 6'}
 
-  pixelmatch@7.1.0:
-    resolution: {integrity: sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==}
-    hasBin: true
-
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
   pkg-types@2.3.0:
     resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
 
-  playwright-core@1.57.0:
-    resolution: {integrity: sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==}
-    engines: {node: '>=18'}
-    hasBin: true
-
-  playwright@1.57.0:
-    resolution: {integrity: sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==}
-    engines: {node: '>=18'}
-    hasBin: true
-
   pluralize@8.0.0:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
     engines: {node: '>=4'}
 
-  pngjs@7.0.0:
-    resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
-    engines: {node: '>=14.19.0'}
-
   postcss-calc@10.1.1:
     resolution: {integrity: sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==}
     engines: {node: ^18.12 || ^20.9 || >=22.0}
@@ -8202,9 +8024,6 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
-  siginfo@2.0.0:
-    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
-
   signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
@@ -8293,9 +8112,6 @@ packages:
     resolution: {integrity: sha512-o3yWv49B/o4QZk5ZcsALc6t0+eCelPc44zZsLtCQnZPDwFpDYSWcDnrv2TtMmMbQ7uKo3J0HTURCqckw23czNQ==}
     engines: {node: '>=12.0.0'}
 
-  stackback@0.0.2:
-    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
-
   standard-as-callback@2.1.0:
     resolution: {integrity: sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==}
 
@@ -8530,9 +8346,6 @@ packages:
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
-  tinybench@2.9.0:
-    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
-
   tinyexec@1.0.2:
     resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==}
     engines: {node: '>=18'}
@@ -8545,10 +8358,6 @@ packages:
     resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
     engines: {node: '>=14.0.0'}
 
-  tinyrainbow@3.0.3:
-    resolution: {integrity: sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==}
-    engines: {node: '>=14.0.0'}
-
   tinyspy@4.0.4:
     resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
     engines: {node: '>=14.0.0'}
@@ -9098,40 +8907,6 @@ packages:
       vite:
         optional: true
 
-  vitest@4.0.16:
-    resolution: {integrity: sha512-E4t7DJ9pESL6E3I8nFjPa4xGUd3PmiWDLsDztS2qXSJWfHtbQnwAWylaBvSNY48I3vr8PTqIZlyK8TE3V3CA4Q==}
-    engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@opentelemetry/api': ^1.9.0
-      '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
-      '@vitest/browser-playwright': 4.0.16
-      '@vitest/browser-preview': 4.0.16
-      '@vitest/browser-webdriverio': 4.0.16
-      '@vitest/ui': 4.0.16
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@opentelemetry/api':
-        optional: true
-      '@types/node':
-        optional: true
-      '@vitest/browser-playwright':
-        optional: true
-      '@vitest/browser-preview':
-        optional: true
-      '@vitest/browser-webdriverio':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-
   void-elements@3.1.0:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
@@ -9245,8 +9020,8 @@ packages:
   vue-component-type-helpers@3.2.1:
     resolution: {integrity: sha512-gKV7XOkQl4urSuLHNY1tnVQf7wVgtb/mKbRyxSLWGZUY9RK7aDPhBenTjm+i8ZFe0zC2PZeHMPtOZXZfyaFOzQ==}
 
-  vue-component-type-helpers@3.2.2:
-    resolution: {integrity: sha512-x8C2nx5XlUNM0WirgfTkHjJGO/ABBxlANZDtHw2HclHtQnn+RFPTnbjMJn8jHZW4TlUam0asHcA14lf1C6Jb+A==}
+  vue-component-type-helpers@3.2.3:
+    resolution: {integrity: sha512-lpJTa8a+12Cgy/n5OdlQTzQhSWOCu+6zQoNFbl3KYxwAoB95mYIgMLKEYMvQykPJ2ucBDjJJISdIBHc1d9Hd3w==}
 
   vue-confetti-explosion@1.0.2:
     resolution: {integrity: sha512-80OboM3/6BItIoZ6DpNcZFqGpF607kjIVc5af56oKgtFmt5yWehvJeoYhkzYlqxrqdBe0Ko4Ie3bWrmLau+dJw==}
@@ -9404,11 +9179,6 @@ packages:
     engines: {node: ^18.17.0 || >=20.5.0}
     hasBin: true
 
-  why-is-node-running@2.3.0:
-    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
-    engines: {node: '>=8'}
-    hasBin: true
-
   widest-line@5.0.0:
     resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
     engines: {node: '>=18'}
@@ -9916,8 +9686,6 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
-  '@bcoe/v8-coverage@1.0.2': {}
-
   '@bomb.sh/tab@0.0.10(cac@6.7.14)(citty@0.1.6)':
     optionalDependencies:
       cac: 6.7.14
@@ -10415,7 +10183,6 @@ snapshots:
     dependencies:
       eslint: 9.39.2(jiti@1.21.7)
       eslint-visitor-keys: 3.4.3
-    optional: true
 
   '@eslint-community/eslint-utils@4.9.1(eslint@9.39.2(jiti@2.6.1))':
     dependencies:
@@ -10424,11 +10191,11 @@ snapshots:
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint/compat@1.4.1(eslint@9.39.2(jiti@2.6.1))':
+  '@eslint/compat@1.4.1(eslint@9.39.2(jiti@1.21.7))':
     dependencies:
       '@eslint/core': 0.17.0
     optionalDependencies:
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
 
   '@eslint/config-array@0.21.1':
     dependencies:
@@ -10927,12 +10694,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@mdx-js/react@3.1.1(@types/react@19.2.7)(react@19.2.3)':
-    dependencies:
-      '@types/mdx': 2.0.13
-      '@types/react': 19.2.7
-      react: 19.2.3
-
   '@napi-rs/wasm-runtime@0.2.12':
     dependencies:
       '@emnapi/core': 1.7.1
@@ -11000,7 +10761,7 @@ snapshots:
     dependencies:
       '@nuxt/kit': 4.2.2(magicast@0.5.1)
       execa: 8.0.1
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
     transitivePeerDependencies:
       - magicast
 
@@ -11045,7 +10806,7 @@ snapshots:
       sirv: 3.0.2
       structured-clone-es: 1.0.0
       tinyglobby: 0.2.15
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vite-plugin-inspect: 11.3.3(@nuxt/kit@4.2.2(magicast@0.5.1))(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
       vite-plugin-vue-tracer: 1.2.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
       which: 5.0.0
@@ -11056,36 +10817,36 @@ snapshots:
       - utf-8-validate
       - vue
 
-  '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint/js': 9.39.2
-      '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/eslint-plugin': 8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
-      eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@2.6.1))
+      '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@1.21.7))
       eslint-flat-config-utils: 0.4.0
-      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-vue: 9.33.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-vue: 9.33.0(eslint@9.39.2(jiti@1.21.7))
       globals: 15.15.0
       local-pkg: 0.5.1
       pathe: 1.1.2
-      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@2.6.1))
+      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@1.21.7))
     transitivePeerDependencies:
       - '@typescript-eslint/utils'
       - eslint-import-resolver-node
       - supports-color
       - typescript
 
-  '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -11141,7 +10902,7 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/nitro-server@3.20.2(db0@0.3.4)(ioredis@5.8.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(typescript@5.9.3)(xml2js@0.6.2)':
+  '@nuxt/nitro-server@3.20.2(db0@0.3.4)(ioredis@5.8.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(typescript@5.9.3)(xml2js@0.6.2)':
     dependencies:
       '@nuxt/devalue': 2.0.2
       '@nuxt/kit': 3.20.2(magicast@0.5.1)
@@ -11159,7 +10920,7 @@ snapshots:
       klona: 2.0.6
       mocked-exports: 0.1.1
       nitropack: 2.12.9(xml2js@0.6.2)
-      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
       pathe: 2.0.3
       pkg-types: 2.3.0
       radix3: 1.1.2
@@ -11230,7 +10991,7 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/vite-builder@3.20.2(@types/node@20.19.27)(eslint@9.39.2(jiti@1.21.7))(lightningcss@1.30.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vue-tsc@2.2.12(typescript@5.9.3))(vue@3.5.26(typescript@5.9.3))(yaml@2.8.2)':
+  '@nuxt/vite-builder@3.20.2(@types/node@20.19.27)(eslint@9.39.2(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vue-tsc@2.2.12(typescript@5.9.3))(vue@3.5.26(typescript@5.9.3))(yaml@2.8.2)':
     dependencies:
       '@nuxt/kit': 3.20.2(magicast@0.5.1)
       '@rollup/plugin-replace': 6.0.3(rollup@4.54.0)
@@ -11251,7 +11012,7 @@ snapshots:
       magic-string: 0.30.21
       mlly: 1.8.0
       mocked-exports: 0.1.1
-      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
       ohash: 2.0.11
       pathe: 2.0.3
       perfect-debounce: 2.0.0
@@ -11262,9 +11023,9 @@ snapshots:
       std-env: 3.10.0
       ufo: 1.6.1
       unenv: 2.0.0-rc.24
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vite-node: 5.2.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vite-plugin-checker: 0.12.0(eslint@9.39.2(jiti@1.21.7))(optionator@0.9.4)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))
+      vite-plugin-checker: 0.12.0(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))
       vue: 3.5.26(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
     transitivePeerDependencies:
@@ -12148,7 +11909,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@sentry/nuxt@10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(rollup@4.54.0)(vue@3.5.26(typescript@5.9.3))':
+  '@sentry/nuxt@10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(rollup@4.54.0)(vue@3.5.26(typescript@5.9.3))':
     dependencies:
       '@nuxt/kit': 3.20.2(magicast@0.5.1)
       '@sentry/browser': 10.33.0
@@ -12159,7 +11920,7 @@ snapshots:
       '@sentry/rollup-plugin': 4.6.1(rollup@4.54.0)
       '@sentry/vite-plugin': 4.6.1
       '@sentry/vue': 10.33.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(vue@3.5.26(typescript@5.9.3))
-      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
     transitivePeerDependencies:
       - '@cloudflare/workers-types'
       - '@opentelemetry/api'
@@ -12293,54 +12054,17 @@ snapshots:
 
   '@speed-highlight/core@1.2.14': {}
 
-  '@standard-schema/spec@1.1.0': {}
-
   '@storybook/addon-a11y@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
     dependencies:
       '@storybook/global': 5.0.0
       axe-core: 4.11.0
       storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
 
-  '@storybook/addon-docs@10.1.11(@types/react@19.2.7)(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
-    dependencies:
-      '@mdx-js/react': 3.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@storybook/csf-plugin': 10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      '@storybook/icons': 2.0.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@storybook/react-dom-shim': 10.1.11(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      ts-dedent: 2.2.0
-    transitivePeerDependencies:
-      - '@types/react'
-      - esbuild
-      - rollup
-      - vite
-      - webpack
-
-  '@storybook/addon-onboarding@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
-    dependencies:
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-
   '@storybook/addon-themes@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
     dependencies:
       storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-vitest@10.1.11(@vitest/browser-playwright@4.0.16)(@vitest/browser@4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16))(@vitest/runner@4.0.16)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vitest@4.0.16)':
-    dependencies:
-      '@storybook/global': 5.0.0
-      '@storybook/icons': 2.0.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-    optionalDependencies:
-      '@vitest/browser': 4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16)
-      '@vitest/browser-playwright': 4.0.16(playwright@1.57.0)(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16)
-      '@vitest/runner': 4.0.16
-      vitest: 4.0.16(@opentelemetry/api@1.9.0)(@types/node@20.19.27)(@vitest/browser-playwright@4.0.16)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-    transitivePeerDependencies:
-      - react
-      - react-dom
-
   '@storybook/builder-vite@10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
     dependencies:
       '@storybook/csf-plugin': 10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
@@ -12370,12 +12094,6 @@ snapshots:
       react: 19.2.3
       react-dom: 19.2.3(react@19.2.3)
 
-  '@storybook/react-dom-shim@10.1.11(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
-    dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-
   '@storybook/vue3-vite@10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))':
     dependencies:
       '@storybook/builder-vite': 10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
@@ -12399,10 +12117,22 @@ snapshots:
       storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       type-fest: 2.19.0
       vue: 3.5.26(typescript@5.9.3)
-      vue-component-type-helpers: 3.2.2
+      vue-component-type-helpers: 3.2.3
 
   '@stripe/stripe-js@7.9.0': {}
 
+  '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      estraverse: 5.3.0
+      picomatch: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
@@ -12414,6 +12144,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    optional: true
 
   '@svgdotjs/svg.draggable.js@3.0.6(@svgdotjs/svg.js@3.2.5)':
     dependencies:
@@ -12771,10 +12502,6 @@ snapshots:
       pg-protocol: 1.10.3
       pg-types: 2.2.0
 
-  '@types/react@19.2.7':
-    dependencies:
-      csstype: 3.2.3
-
   '@types/resolve@1.20.2': {}
 
   '@types/rss@0.0.32': {}
@@ -12819,6 +12546,22 @@ snapshots:
     dependencies:
       '@types/node': 20.19.27
 
+  '@typescript-eslint/eslint-plugin@8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.51.0
+      '@typescript-eslint/type-utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.51.0
+      eslint: 9.39.2(jiti@1.21.7)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.3.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/eslint-plugin@8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
@@ -12835,6 +12578,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.51.0
+      '@typescript-eslint/types': 8.51.0
+      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.51.0
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.51.0
@@ -12865,6 +12620,18 @@ snapshots:
     dependencies:
       typescript: 5.9.3
 
+  '@typescript-eslint/type-utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.51.0
+      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
+      ts-api-utils: 2.3.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/type-utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/types': 8.51.0
@@ -12894,6 +12661,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+      '@typescript-eslint/scope-manager': 8.51.0
+      '@typescript-eslint/types': 8.51.0
+      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
@@ -13008,7 +12786,7 @@ snapshots:
       '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
       '@rolldown/pluginutils': 1.0.0-beta.58
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.28.5)
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vue: 3.5.26(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
@@ -13018,67 +12796,18 @@ snapshots:
       vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
       vue: 3.5.26(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@6.0.3(vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.3(vite@6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-beta.53
-      vite: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vue: 3.5.26(typescript@5.9.3)
 
   '@vitejs/plugin-vue@6.0.3(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-beta.53
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vue: 3.5.26(typescript@5.9.3)
 
-  '@vitest/browser-playwright@4.0.16(playwright@1.57.0)(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16)':
-    dependencies:
-      '@vitest/browser': 4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16)
-      '@vitest/mocker': 4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      playwright: 1.57.0
-      tinyrainbow: 3.0.3
-      vitest: 4.0.16(@opentelemetry/api@1.9.0)(@types/node@20.19.27)(@vitest/browser-playwright@4.0.16)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-    transitivePeerDependencies:
-      - bufferutil
-      - msw
-      - utf-8-validate
-      - vite
-
-  '@vitest/browser@4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16)':
-    dependencies:
-      '@vitest/mocker': 4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      '@vitest/utils': 4.0.16
-      magic-string: 0.30.21
-      pixelmatch: 7.1.0
-      pngjs: 7.0.0
-      sirv: 3.0.2
-      tinyrainbow: 3.0.3
-      vitest: 4.0.16(@opentelemetry/api@1.9.0)(@types/node@20.19.27)(@vitest/browser-playwright@4.0.16)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      ws: 8.18.3
-    transitivePeerDependencies:
-      - bufferutil
-      - msw
-      - utf-8-validate
-      - vite
-
-  '@vitest/coverage-v8@4.0.16(@vitest/browser@4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16))(vitest@4.0.16)':
-    dependencies:
-      '@bcoe/v8-coverage': 1.0.2
-      '@vitest/utils': 4.0.16
-      ast-v8-to-istanbul: 0.3.10
-      istanbul-lib-coverage: 3.2.2
-      istanbul-lib-report: 3.0.1
-      istanbul-lib-source-maps: 5.0.6
-      istanbul-reports: 3.2.0
-      magicast: 0.5.1
-      obug: 2.1.1
-      std-env: 3.10.0
-      tinyrainbow: 3.0.3
-      vitest: 4.0.16(@opentelemetry/api@1.9.0)(@types/node@20.19.27)(@vitest/browser-playwright@4.0.16)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-    optionalDependencies:
-      '@vitest/browser': 4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16)
-    transitivePeerDependencies:
-      - supports-color
-
   '@vitest/expect@3.2.4':
     dependencies:
       '@types/chai': 5.2.3
@@ -13087,15 +12816,6 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  '@vitest/expect@4.0.16':
-    dependencies:
-      '@standard-schema/spec': 1.1.0
-      '@types/chai': 5.2.3
-      '@vitest/spy': 4.0.16
-      '@vitest/utils': 4.0.16
-      chai: 6.2.2
-      tinyrainbow: 3.0.3
-
   '@vitest/mocker@3.2.4(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
     dependencies:
       '@vitest/spy': 3.2.4
@@ -13104,58 +12824,20 @@ snapshots:
     optionalDependencies:
       vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
 
-  '@vitest/mocker@4.0.16(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
-    dependencies:
-      '@vitest/spy': 4.0.16
-      estree-walker: 3.0.3
-      magic-string: 0.30.21
-    optionalDependencies:
-      vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
-
-  '@vitest/mocker@4.0.16(vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))':
-    dependencies:
-      '@vitest/spy': 4.0.16
-      estree-walker: 3.0.3
-      magic-string: 0.30.21
-    optionalDependencies:
-      vite: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-
   '@vitest/pretty-format@3.2.4':
     dependencies:
       tinyrainbow: 2.0.0
 
-  '@vitest/pretty-format@4.0.16':
-    dependencies:
-      tinyrainbow: 3.0.3
-
-  '@vitest/runner@4.0.16':
-    dependencies:
-      '@vitest/utils': 4.0.16
-      pathe: 2.0.3
-
-  '@vitest/snapshot@4.0.16':
-    dependencies:
-      '@vitest/pretty-format': 4.0.16
-      magic-string: 0.30.21
-      pathe: 2.0.3
-
   '@vitest/spy@3.2.4':
     dependencies:
       tinyspy: 4.0.4
 
-  '@vitest/spy@4.0.16': {}
-
   '@vitest/utils@3.2.4':
     dependencies:
       '@vitest/pretty-format': 3.2.4
       loupe: 3.2.1
       tinyrainbow: 2.0.0
 
-  '@vitest/utils@4.0.16':
-    dependencies:
-      '@vitest/pretty-format': 4.0.16
-      tinyrainbow: 3.0.3
-
   '@volar/kit@2.4.27(typescript@5.9.3)':
     dependencies:
       '@volar/language-service': 2.4.27
@@ -13720,12 +13402,6 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  ast-v8-to-istanbul@0.3.10:
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.31
-      estree-walker: 3.0.3
-      js-tokens: 9.0.1
-
   ast-walker-scope@0.8.3:
     dependencies:
       '@babel/parser': 7.28.5
@@ -14011,8 +13687,6 @@ snapshots:
       loupe: 3.2.1
       pathval: 2.0.1
 
-  chai@6.2.2: {}
-
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
@@ -14632,10 +14306,10 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-flat-gitignore@0.3.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-config-flat-gitignore@0.3.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@2.6.1))
-      eslint: 9.39.2(jiti@2.6.1)
+      '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
       find-up-simple: 1.0.1
 
   eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)):
@@ -14653,12 +14327,12 @@ snapshots:
     optionalDependencies:
       unrs-resolver: 1.11.1
 
-  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@typescript-eslint/types': 8.51.0
       comment-parser: 1.4.1
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
       is-glob: 4.0.3
       minimatch: 10.1.1
@@ -14666,18 +14340,18 @@ snapshots:
       stable-hash-x: 0.2.0
       unrs-resolver: 1.11.1
     optionalDependencies:
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-jsdoc@50.8.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-jsdoc@50.8.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@es-joy/jsdoccomment': 0.50.2
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
       debug: 4.4.3
       escape-string-regexp: 4.0.0
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       espree: 10.4.0
       esquery: 1.7.0
       parse-imports-exports: 0.2.4
@@ -14695,12 +14369,12 @@ snapshots:
     optionalDependencies:
       eslint-config-prettier: 10.1.8(eslint@9.39.2(jiti@2.6.1))
 
-  eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
       '@eslint-community/regexpp': 4.12.2
       comment-parser: 1.4.1
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       jsdoc-type-pratt-parser: 4.8.0
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
@@ -14719,20 +14393,20 @@ snapshots:
       - supports-color
       - typescript
 
-  eslint-plugin-turbo@2.7.2(eslint@9.39.2(jiti@2.6.1))(turbo@2.7.2):
+  eslint-plugin-turbo@2.7.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.7.2):
     dependencies:
       dotenv: 16.0.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       turbo: 2.7.2
 
-  eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
       ci-info: 4.3.1
       clean-regexp: 1.0.0
       core-js-compat: 3.47.0
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       esquery: 1.7.0
       globals: 15.15.0
       indent-string: 4.0.0
@@ -14759,16 +14433,16 @@ snapshots:
       '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
 
-  eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      eslint: 9.39.2(jiti@2.6.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.1.2
       semver: 7.7.3
-      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@2.6.1))
+      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@1.21.7))
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -14827,7 +14501,6 @@ snapshots:
       jiti: 1.21.7
     transitivePeerDependencies:
       - supports-color
-    optional: true
 
   eslint@9.39.2(jiti@2.6.1):
     dependencies:
@@ -14971,8 +14644,6 @@ snapshots:
 
   exit-hook@2.2.1: {}
 
-  expect-type@1.3.0: {}
-
   expressive-code@0.40.2:
     dependencies:
       '@expressive-code/core': 0.40.2
@@ -15098,9 +14769,6 @@ snapshots:
 
   fresh@2.0.0: {}
 
-  fsevents@2.3.2:
-    optional: true
-
   fsevents@2.3.3:
     optional: true
 
@@ -15456,8 +15124,6 @@ snapshots:
 
   hosted-git-info@2.8.9: {}
 
-  html-escaper@2.0.2: {}
-
   html-escaper@3.0.3: {}
 
   html-minifier-terser@7.2.0:
@@ -15722,27 +15388,6 @@ snapshots:
 
   iso-3166-2@1.0.0: {}
 
-  istanbul-lib-coverage@3.2.2: {}
-
-  istanbul-lib-report@3.0.1:
-    dependencies:
-      istanbul-lib-coverage: 3.2.2
-      make-dir: 4.0.0
-      supports-color: 7.2.0
-
-  istanbul-lib-source-maps@5.0.6:
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.31
-      debug: 4.4.3
-      istanbul-lib-coverage: 3.2.2
-    transitivePeerDependencies:
-      - supports-color
-
-  istanbul-reports@3.2.0:
-    dependencies:
-      html-escaper: 2.0.2
-      istanbul-lib-report: 3.0.1
-
   jackspeak@3.4.3:
     dependencies:
       '@isaacs/cliui': 8.0.2
@@ -16015,10 +15660,6 @@ snapshots:
       '@babel/types': 7.28.5
       source-map-js: 1.2.1
 
-  make-dir@4.0.0:
-    dependencies:
-      semver: 7.7.3
-
   markdown-extensions@2.0.0: {}
 
   markdown-it@13.0.2:
@@ -16790,16 +16431,16 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2):
+  nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2):
     dependencies:
       '@dxup/nuxt': 0.2.2(magicast@0.5.1)
       '@nuxt/cli': 3.31.3(cac@6.7.14)(magicast@0.5.1)
       '@nuxt/devtools': 3.1.1(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
       '@nuxt/kit': 3.20.2(magicast@0.5.1)
-      '@nuxt/nitro-server': 3.20.2(db0@0.3.4)(ioredis@5.8.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(typescript@5.9.3)(xml2js@0.6.2)
+      '@nuxt/nitro-server': 3.20.2(db0@0.3.4)(ioredis@5.8.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(typescript@5.9.3)(xml2js@0.6.2)
       '@nuxt/schema': 3.20.2
       '@nuxt/telemetry': 2.6.6(magicast@0.5.1)
-      '@nuxt/vite-builder': 3.20.2(@types/node@20.19.27)(eslint@9.39.2(jiti@1.21.7))(lightningcss@1.30.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@1.21.7))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vue-tsc@2.2.12(typescript@5.9.3))(vue@3.5.26(typescript@5.9.3))(yaml@2.8.2)
+      '@nuxt/vite-builder': 3.20.2(@types/node@20.19.27)(eslint@9.39.2(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vue-tsc@2.2.12(typescript@5.9.3))(vue@3.5.26(typescript@5.9.3))(yaml@2.8.2)
       '@unhead/vue': 2.1.1(vue@3.5.26(typescript@5.9.3))
       '@vue/shared': 3.5.26
       c12: 3.3.3(magicast@0.5.1)
@@ -17236,10 +16877,6 @@ snapshots:
 
   pirates@4.0.7: {}
 
-  pixelmatch@7.1.0:
-    dependencies:
-      pngjs: 7.0.0
-
   pkg-types@1.3.1:
     dependencies:
       confbox: 0.1.8
@@ -17252,18 +16889,8 @@ snapshots:
       exsolve: 1.0.8
       pathe: 2.0.3
 
-  playwright-core@1.57.0: {}
-
-  playwright@1.57.0:
-    dependencies:
-      playwright-core: 1.57.0
-    optionalDependencies:
-      fsevents: 2.3.2
-
   pluralize@8.0.0: {}
 
-  pngjs@7.0.0: {}
-
   postcss-calc@10.1.1(postcss@8.5.6):
     dependencies:
       postcss: 8.5.6
@@ -18198,8 +17825,6 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
-  siginfo@2.0.0: {}
-
   signal-exit@3.0.7: {}
 
   signal-exit@4.1.0: {}
@@ -18279,8 +17904,6 @@ snapshots:
 
   stable-hash-x@0.2.0: {}
 
-  stackback@0.0.2: {}
-
   standard-as-callback@2.1.0: {}
 
   starlight-openapi@0.14.4(@astrojs/markdown-remark@6.3.10)(@astrojs/starlight@0.32.6(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)))(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))(openapi-types@12.1.3):
@@ -18573,8 +18196,6 @@ snapshots:
 
   tiny-invariant@1.3.3: {}
 
-  tinybench@2.9.0: {}
-
   tinyexec@1.0.2: {}
 
   tinyglobby@0.2.15:
@@ -18584,8 +18205,6 @@ snapshots:
 
   tinyrainbow@2.0.0: {}
 
-  tinyrainbow@3.0.3: {}
-
   tinyspy@4.0.4: {}
 
   to-regex-range@5.0.1:
@@ -18959,12 +18578,12 @@ snapshots:
   vite-dev-rpc@1.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)):
     dependencies:
       birpc: 2.9.0
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vite-hot-client: 2.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
 
   vite-hot-client@2.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)):
     dependencies:
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
 
   vite-node@5.2.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
     dependencies:
@@ -18986,7 +18605,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-checker@0.12.0(eslint@9.39.2(jiti@1.21.7))(optionator@0.9.4)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3)):
+  vite-plugin-checker@0.12.0(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3)):
     dependencies:
       '@babel/code-frame': 7.27.1
       chokidar: 4.0.3
@@ -18995,10 +18614,10 @@ snapshots:
       picomatch: 4.0.3
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.15
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vscode-uri: 3.1.0
     optionalDependencies:
-      eslint: 9.39.2(jiti@1.21.7)
+      eslint: 9.39.2(jiti@2.6.1)
       optionator: 0.9.4
       typescript: 5.9.3
       vue-tsc: 2.2.12(typescript@5.9.3)
@@ -19013,7 +18632,7 @@ snapshots:
       perfect-debounce: 2.0.0
       sirv: 3.0.2
       unplugin-utils: 0.3.1
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vite-dev-rpc: 1.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
     optionalDependencies:
       '@nuxt/kit': 4.2.2(magicast@0.5.1)
@@ -19027,7 +18646,7 @@ snapshots:
       magic-string: 0.30.21
       pathe: 2.0.3
       source-map-js: 1.2.1
-      vite: 7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
       vue: 3.5.26(typescript@5.9.3)
 
   vite-svg-loader@5.1.0(vue@3.5.26(typescript@5.9.3)):
@@ -19047,7 +18666,7 @@ snapshots:
       sass: 1.97.1
       terser: 5.44.1
 
-  vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
+  vite@6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
     dependencies:
       esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.3)
@@ -19058,15 +18677,15 @@ snapshots:
     optionalDependencies:
       '@types/node': 20.19.27
       fsevents: 2.3.3
-      jiti: 2.6.1
+      jiti: 1.21.7
       lightningcss: 1.30.2
       sass: 1.97.1
       terser: 5.44.1
       yaml: 2.8.2
 
-  vite@7.3.0(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
+  vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
     dependencies:
-      esbuild: 0.27.2
+      esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
       postcss: 8.5.6
@@ -19075,7 +18694,7 @@ snapshots:
     optionalDependencies:
       '@types/node': 20.19.27
       fsevents: 2.3.3
-      jiti: 1.21.7
+      jiti: 2.6.1
       lightningcss: 1.30.2
       sass: 1.97.1
       terser: 5.44.1
@@ -19102,45 +18721,6 @@ snapshots:
     optionalDependencies:
       vite: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
 
-  vitest@4.0.16(@opentelemetry/api@1.9.0)(@types/node@20.19.27)(@vitest/browser-playwright@4.0.16)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
-    dependencies:
-      '@vitest/expect': 4.0.16
-      '@vitest/mocker': 4.0.16(vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
-      '@vitest/pretty-format': 4.0.16
-      '@vitest/runner': 4.0.16
-      '@vitest/snapshot': 4.0.16
-      '@vitest/spy': 4.0.16
-      '@vitest/utils': 4.0.16
-      es-module-lexer: 1.7.0
-      expect-type: 1.3.0
-      magic-string: 0.30.21
-      obug: 2.1.1
-      pathe: 2.0.3
-      picomatch: 4.0.3
-      std-env: 3.10.0
-      tinybench: 2.9.0
-      tinyexec: 1.0.2
-      tinyglobby: 0.2.15
-      tinyrainbow: 3.0.3
-      vite: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      why-is-node-running: 2.3.0
-    optionalDependencies:
-      '@opentelemetry/api': 1.9.0
-      '@types/node': 20.19.27
-      '@vitest/browser-playwright': 4.0.16(playwright@1.57.0)(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vitest@4.0.16)
-    transitivePeerDependencies:
-      - jiti
-      - less
-      - lightningcss
-      - msw
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - terser
-      - tsx
-      - yaml
-
   void-elements@3.1.0: {}
 
   volar-service-css@0.0.67(@volar/language-service@2.4.27):
@@ -19257,7 +18837,7 @@ snapshots:
 
   vue-component-type-helpers@3.2.1: {}
 
-  vue-component-type-helpers@3.2.2: {}
+  vue-component-type-helpers@3.2.3: {}
 
   vue-confetti-explosion@1.0.2(vue@3.5.26(typescript@5.9.3)):
     dependencies:
@@ -19297,10 +18877,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-eslint-parser@9.4.3(eslint@9.39.2(jiti@2.6.1)):
+  vue-eslint-parser@9.4.3(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
@@ -19417,11 +18997,6 @@ snapshots:
     dependencies:
       isexe: 3.1.1
 
-  why-is-node-running@2.3.0:
-    dependencies:
-      siginfo: 2.0.0
-      stackback: 0.0.2
-
   widest-line@5.0.0:
     dependencies:
       string-width: 7.2.0

From 16f46a464eadc411d326fadb91d4deef2ee43326 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Sat, 24 Jan 2026 22:08:24 +0000
Subject: [PATCH 037/178] feat: start on updater modal

---
 packages/ui/src/components/base/Avatar.vue    |   2 +-
 .../billing/AddPaymentMethodModal.vue         |   2 +-
 .../components/instances/ContentCardItem.vue  |   2 +-
 packages/ui/src/components/instances/index.ts |   1 +
 .../instances/modals/ContentUpdaterModal.vue  | 376 ++++++++++++++++
 packages/ui/src/components/modal/NewModal.vue |  19 +-
 .../instances/ContentUpdaterModal.stories.ts  | 411 ++++++++++++++++++
 7 files changed, 805 insertions(+), 8 deletions(-)
 create mode 100644 packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
 create mode 100644 packages/ui/src/stories/instances/ContentUpdaterModal.stories.ts

diff --git a/packages/ui/src/components/base/Avatar.vue b/packages/ui/src/components/base/Avatar.vue
index 90a2bd40e6..d744b28903 100644
--- a/packages/ui/src/components/base/Avatar.vue
+++ b/packages/ui/src/components/base/Avatar.vue
@@ -101,7 +101,7 @@ watch(
 	() => props.src,
 	() => {
 		failed.value = false
-	}
+	},
 )
 
 function onError(e) {
diff --git a/packages/ui/src/components/billing/AddPaymentMethodModal.vue b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
index 3ed48543f0..8e1361adb6 100644
--- a/packages/ui/src/components/billing/AddPaymentMethodModal.vue
+++ b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
+import type Stripe from 'stripe'
 import { nextTick, ref, useTemplateRef } from 'vue'
 
-import type Stripe from 'stripe'
 import { defineMessages, useVIntl } from '../../composables/i18n'
 import { commonMessages } from '../../utils'
 import { ButtonStyled, NewModal } from '../index'
diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index eb928b4a26..8bfb2d0b43 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -7,7 +7,7 @@ import AutoLink from '../base/AutoLink.vue'
 import Avatar from '../base/Avatar.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import Checkbox from '../base/Checkbox.vue'
-import { type Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
+import type { Option as OverflowMenuOption } from '../base/OverflowMenu.vue'
 import Toggle from '../base/Toggle.vue'
 import TeleportOverflowMenu from '../servers/files/explorer/TeleportOverflowMenu.vue'
 import type { ContentCardProject, ContentCardVersion, ContentOwner } from './types'
diff --git a/packages/ui/src/components/instances/index.ts b/packages/ui/src/components/instances/index.ts
index b6bf41cd10..267ac22a77 100644
--- a/packages/ui/src/components/instances/index.ts
+++ b/packages/ui/src/components/instances/index.ts
@@ -6,6 +6,7 @@ export { default as ContentCardTable } from './ContentCardTable.vue'
  */
 export { default as ContentCard } from './ContentCardItem.vue'
 export { default as ContentModpackCard } from './ContentModpackCard.vue'
+// export { default as ContentUpdaterModal } from './modals/ContentUpdaterModal.vue'
 export type {
 	ContentCardProject,
 	ContentCardTableItem,
diff --git a/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue b/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
new file mode 100644
index 0000000000..c53eb092cc
--- /dev/null
+++ b/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
@@ -0,0 +1,376 @@
+<template>
+	<NewModal ref="modal" :header="header" :max-width="'90vw'" :width="'90vw'" no-padding>
+		<div class="flex h-[643px] border-solid border-transparent border-[1px] border-b-surface-4">
+			<div class="w-[272px] flex flex-col relative">
+				<!-- Search input -->
+				<div class="p-4 pb-2">
+					<div class="iconified-input w-full border-solid border-[1px] border-surface-4 rounded-xl">
+						<SearchIcon class="transition-colors" />
+						<input
+							v-model="searchQuery"
+							type="text"
+							placeholder="Search version..."
+							class="!bg-transparent rounded-xl transition-colors"
+						/>
+					</div>
+				</div>
+
+				<!-- Version list (scrollable) -->
+				<div class="flex-1 overflow-y-auto px-4 pb-16">
+					<div class="flex flex-col gap-1.5">
+						<button
+							v-for="version in filteredVersions"
+							:key="version.id"
+							class="flex items-center h-10 px-4 py-2.5 rounded-xl border-none cursor-pointer transition-colors"
+							:class="[
+								selectedVersion?.id === version.id
+									? 'bg-brand-highlight'
+									: 'bg-transparent hover:bg-button-bg',
+							]"
+							@click="selectedVersion = version"
+						>
+							<div class="flex items-center justify-between w-full">
+								<span
+									v-tooltip="'v' + version.version_number"
+									class="font-semibold text-contrast truncate"
+								>
+									v{{ version.version_number }}
+								</span>
+								<span
+									class="px-2.5 py-0.5 rounded-full text-sm font-medium flex items-center flex-shrink-0 border border-solid"
+									:class="getBadgeClasses(version)"
+								>
+									{{ getBadgeLabel(version) }}
+								</span>
+							</div>
+						</button>
+					</div>
+					<div v-if="filteredVersions.length === 0" class="p-4 text-center text-secondary text-sm">
+						No versions found
+					</div>
+				</div>
+
+				<!-- Bottom gradient + hide incompatible toggle (overlay) -->
+				<div class="absolute bottom-0 left-0 right-0 pointer-events-none">
+					<div class="h-14 bg-gradient-to-t from-bg-raised to-transparent" />
+					<div class="bg-bg-raised pb-5 flex justify-center pointer-events-auto">
+						<ButtonStyled type="transparent" :circular="true">
+							<button
+								class="flex items-center gap-1.5"
+								@click="hideIncompatible = !hideIncompatible"
+							>
+								<EyeIcon v-if="hideIncompatible" class="h-6 w-6" />
+								<EyeOffIcon v-else class="h-6 w-6" />
+								<span class="font-medium"
+									>{{ hideIncompatible ? 'Show' : 'Hide' }} incompatible</span
+								>
+							</button>
+						</ButtonStyled>
+					</div>
+				</div>
+			</div>
+
+			<div class="w-px bg-divider" />
+
+			<div class="flex-1 flex flex-col min-w-0 relative">
+				<template v-if="selectedVersion">
+					<div class="bg-bg p-4">
+						<div class="flex flex-col gap-1.5">
+							<div class="flex items-center justify-between">
+								<div class="flex items-center gap-1.5">
+									<span class="font-semibold text-xl text-contrast">
+										v{{ selectedVersion.version_number }}
+									</span>
+									<span
+										class="px-2.5 py-0.5 rounded-full text-sm font-medium flex items-center flex-shrink-0 border border-solid"
+										:class="getBadgeClasses(selectedVersion)"
+									>
+										{{ getBadgeLabel(selectedVersion) }}
+									</span>
+								</div>
+								<span class="font-medium text-primary">
+									{{ formatLongDate(selectedVersion.date_published) }}
+								</span>
+							</div>
+							<div class="flex items-center gap-2">
+								<div class="flex items-center gap-2 rounded-xl">
+									<FileTextIcon class="h-6 w-6 text-primary" />
+									<span class="font-medium text-primary">Changelog</span>
+								</div>
+								<span class="w-1.5 h-1.5 rounded-full bg-divider" />
+								<span class="font-medium text-primary">
+									{{ formatLoaderGameVersion(selectedVersion) }}
+								</span>
+							</div>
+						</div>
+					</div>
+
+					<!-- Divider -->
+					<div class="h-px bg-divider" />
+
+					<!-- Changelog content -->
+					<div class="flex-1 bg-bg p-4 overflow-y-auto">
+						<div
+							v-if="selectedVersion.changelog"
+							class="changelog-body"
+							v-html="renderHighlightedString(selectedVersion.changelog)"
+						/>
+						<div v-else class="text-secondary italic">No changelog provided for this version.</div>
+					</div>
+
+					<!-- Bottom gradient -->
+					<div
+						class="absolute bottom-0 left-0 right-0 h-14 bg-gradient-to-t from-bg to-transparent pointer-events-none"
+					/>
+				</template>
+				<div v-else class="flex-1 flex items-center justify-center text-secondary bg-bg">
+					Select a version to view its changelog
+				</div>
+			</div>
+		</div>
+
+		<template #actions>
+			<div class="w-full flex flex-row gap-2 justify-end">
+				<ButtonStyled type="outlined">
+					<button class="!border-[1px] !border-surface-4" @click="handleCancel">
+						<XIcon />
+						Cancel
+					</button>
+				</ButtonStyled>
+				<ButtonStyled color="brand">
+					<button
+						:disabled="!selectedVersion || selectedVersion.id === currentVersionId"
+						@click="handleUpdate"
+					>
+						<DownloadIcon />
+						Update to v{{ selectedVersion?.version_number ?? '...' }}
+					</button>
+				</ButtonStyled>
+			</div>
+		</template>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import {
+	DownloadIcon,
+	EyeIcon,
+	EyeOffIcon,
+	FileTextIcon,
+	SearchIcon,
+	XIcon,
+} from '@modrinth/assets'
+import { capitalizeString, renderHighlightedString } from '@modrinth/utils'
+import { computed, ref } from 'vue'
+
+import ButtonStyled from '../../base/ButtonStyled.vue'
+import NewModal from '../../modal/NewModal.vue'
+
+const props = withDefaults(
+	defineProps<{
+		versions: Labrinth.Versions.v2.Version[]
+		currentGameVersion: string
+		currentLoader: string
+		currentVersionId: string
+		header?: string
+	}>(),
+	{
+		header: 'Update version',
+	},
+)
+
+const emit = defineEmits<{
+	update: [version: Labrinth.Versions.v2.Version]
+	cancel: []
+}>()
+
+const modal = ref<InstanceType<typeof NewModal>>()
+const searchQuery = ref('')
+const hideIncompatible = ref(true)
+const selectedVersion = ref<Labrinth.Versions.v2.Version | null>(null)
+
+function isVersionCompatible(version: Labrinth.Versions.v2.Version): boolean {
+	const hasGameVersion = version.game_versions.includes(props.currentGameVersion)
+	const hasLoader = version.loaders.some(
+		(loader) => loader.toLowerCase() === props.currentLoader.toLowerCase(),
+	)
+	return hasGameVersion && hasLoader
+}
+
+const filteredVersions = computed(() => {
+	let versions = [...props.versions]
+
+	// Filter by search query
+	if (searchQuery.value) {
+		const query = searchQuery.value.toLowerCase()
+		versions = versions.filter(
+			(v) => v.name.toLowerCase().includes(query) || v.version_number.toLowerCase().includes(query),
+		)
+	}
+
+	// Filter by compatibility
+	if (hideIncompatible.value) {
+		versions = versions.filter(isVersionCompatible)
+	}
+
+	return versions
+})
+
+function getBadgeLabel(version: Labrinth.Versions.v2.Version): string {
+	if (version.id === props.currentVersionId) return 'Current'
+	if (!isVersionCompatible(version)) return 'Incompatible'
+	return capitalizeString(version.version_type)
+}
+
+function getBadgeClasses(version: Labrinth.Versions.v2.Version): string {
+	// Current badge
+	if (version.id === props.currentVersionId) {
+		return 'bg-surface-4 border-surface-5 text-primary'
+	}
+
+	// Incompatible badge (takes precedence over version type)
+	if (!isVersionCompatible(version)) {
+		return 'bg-highlight-orange border-brand-orange text-brand-orange'
+	}
+
+	// Version type badges
+	switch (version.version_type) {
+		case 'release':
+			return 'bg-highlight-green border-brand text-brand'
+		case 'beta':
+			return 'bg-highlight-blue border-brand-blue text-brand-blue'
+		case 'alpha':
+			return 'bg-highlight-purple border-brand-purple text-brand-purple'
+		default:
+			return 'bg-surface-4 border-surface-5 text-primary'
+	}
+}
+
+function formatLongDate(dateString: string): string {
+	return new Date(dateString).toLocaleDateString('en-US', {
+		year: 'numeric',
+		month: 'long',
+		day: 'numeric',
+	})
+}
+
+function formatLoaderGameVersion(version: Labrinth.Versions.v2.Version): string {
+	const loader = capitalizeString(version.loaders[0] || '')
+	const gameVersion = version.game_versions[0] || ''
+	return `${loader} ${gameVersion}`
+}
+
+function handleUpdate() {
+	if (selectedVersion.value) {
+		emit('update', selectedVersion.value)
+		hide()
+	}
+}
+
+function handleCancel() {
+	emit('cancel')
+	hide()
+}
+
+function show(initialVersionId?: string) {
+	searchQuery.value = ''
+	hideIncompatible.value = true
+
+	// Pre-select a version
+	if (initialVersionId) {
+		selectedVersion.value = props.versions.find((v) => v.id === initialVersionId) ?? null
+	} else if (props.versions.length > 0) {
+		// Default to first version if none specified
+		selectedVersion.value = props.versions[0]
+	} else {
+		selectedVersion.value = null
+	}
+
+	modal.value?.show()
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+defineExpose({ show, hide })
+</script>
+
+<style lang="scss" scoped>
+:deep(.changelog-body) {
+	line-height: 1.5;
+	word-break: break-word;
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		margin: 0;
+		font-weight: 600;
+		color: var(--color-text-primary);
+	}
+
+	h3 {
+		font-size: 1.125rem;
+	}
+
+	ul {
+		padding-left: 1.5rem;
+		margin: 0;
+	}
+
+	a {
+		color: var(--color-link);
+
+		&:hover,
+		&:focus-visible {
+			filter: brightness(1.2);
+			text-decoration: underline;
+		}
+	}
+
+	code {
+		background-color: var(--color-bg);
+		font-size: var(--font-size-sm);
+		padding: 0.125rem 0.25rem;
+		border-radius: 4px;
+	}
+
+	p {
+		margin: 0;
+		color: var(--color-text-default);
+	}
+
+	li {
+		color: var(--color-text-default);
+	}
+
+	* + p {
+		margin-top: 0.5rem;
+	}
+
+	h3 + * {
+		margin-top: 0.25rem;
+	}
+
+	* + h3 {
+		margin-top: 1.5rem;
+	}
+
+	* + li {
+		margin-top: 0.25rem;
+	}
+
+	li ul li {
+		margin-top: 0.25rem;
+	}
+
+	img {
+		max-width: 100%;
+		border-radius: var(--radius-md);
+	}
+}
+</style>
diff --git a/packages/ui/src/components/modal/NewModal.vue b/packages/ui/src/components/modal/NewModal.vue
index aaaa274d90..a9e0088d09 100644
--- a/packages/ui/src/components/modal/NewModal.vue
+++ b/packages/ui/src/components/modal/NewModal.vue
@@ -76,10 +76,10 @@
 					<div
 						ref="scrollContainer"
 						:class="[
-							'overflow-y-auto p-6 !pb-1 sm:pb-6',
-							{ 'pt-12': props.mergeHeader && closable },
+							props.noPadding ? '' : 'overflow-y-auto p-6 !pb-1 sm:pb-6',
+							{ 'pt-12': props.mergeHeader && closable && !props.noPadding },
 						]"
-						:style="{ maxHeight: maxContentHeight }"
+						:style="props.noPadding ? {} : { maxHeight: maxContentHeight }"
 						@scroll="checkScrollState"
 					>
 						<slot> You just lost the game.</slot>
@@ -100,11 +100,17 @@
 					</Transition>
 				</div>
 
-				<div v-else :class="['overflow-y-auto p-6', { 'pt-12': props.mergeHeader && closable }]">
+				<div
+					v-else
+					:class="[
+						props.noPadding ? '' : 'overflow-y-auto p-6',
+						{ 'pt-12': props.mergeHeader && closable && !props.noPadding },
+					]"
+				>
 					<slot> You just lost the game.</slot>
 				</div>
 
-				<div v-if="$slots.actions" class="p-6 pt-0">
+				<div v-if="$slots.actions" class="p-4">
 					<slot name="actions" />
 				</div>
 			</div>
@@ -137,6 +143,8 @@ const props = withDefaults(
 		mergeHeader?: boolean
 		scrollable?: boolean
 		maxContentHeight?: string
+		/** Removes padding from the content area. Useful for edge-to-edge layouts. */
+		noPadding?: boolean
 		/** Max width for the modal (e.g., '460px', '600px'). Defaults to '60rem'. */
 		maxWidth?: string
 		/** Width for the modal body (e.g., '460px', '600px'). */
@@ -160,6 +168,7 @@ const props = withDefaults(
 		// TODO: migrate all modals to use scrollable and remove this prop
 		scrollable: false,
 		maxContentHeight: '70vh',
+		noPadding: false,
 		maxWidth: undefined,
 		width: undefined,
 		disableClose: false,
diff --git a/packages/ui/src/stories/instances/ContentUpdaterModal.stories.ts b/packages/ui/src/stories/instances/ContentUpdaterModal.stories.ts
new file mode 100644
index 0000000000..5949d974a0
--- /dev/null
+++ b/packages/ui/src/stories/instances/ContentUpdaterModal.stories.ts
@@ -0,0 +1,411 @@
+import type { Labrinth } from '@modrinth/api-client'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import { fn } from 'storybook/test'
+import { ref } from 'vue'
+
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import ContentUpdaterModal from '../../components/instances/modals/ContentUpdaterModal.vue'
+
+// Real version data from Modrinth API - Sodium (mod)
+const sodiumVersions: Labrinth.Versions.v2.Version[] = [
+	{
+		id: '59wygFUQ',
+		project_id: 'AANobbMI',
+		author_id: 'TEZXhE2U',
+		featured: true,
+		name: 'Sodium 0.8.2 for Fabric 1.21.11',
+		version_number: 'mc1.21.11-0.8.2-fabric',
+		version_type: 'release',
+		changelog:
+			'This release fixes a critical bug with FRAPI, as well as allowing mods to set non-monochrome icons.\n\n## Changes\n- Fixed FRAPI compatibility issues\n- Added support for non-monochrome mod icons\n- Various performance improvements',
+		date_published: '2025-12-22T20:35:06.214284Z',
+		downloads: 150000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.11'],
+		loaders: ['fabric', 'quilt'],
+	},
+	{
+		id: '8jueyeK2',
+		project_id: 'AANobbMI',
+		author_id: 'TEZXhE2U',
+		featured: false,
+		name: 'Sodium 0.8.2 for NeoForge 1.21.11',
+		version_number: 'mc1.21.11-0.8.2-neoforge',
+		version_type: 'release',
+		changelog:
+			'This release fixes a critical bug with FRAPI, as well as allowing mods to set non-monochrome icons.',
+		date_published: '2025-12-22T20:34:32.101126Z',
+		downloads: 80000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.11'],
+		loaders: ['neoforge'],
+	},
+	{
+		id: '2IxKzI1o',
+		project_id: 'AANobbMI',
+		author_id: 'TEZXhE2U',
+		featured: false,
+		name: 'Sodium 0.8.1 for Fabric 1.21.11',
+		version_number: 'mc1.21.11-0.8.1-fabric',
+		version_type: 'release',
+		changelog:
+			'This release adds support for the Fabric Rendering API on 1.21.11, works around AMD driver bugs, and fixes configuration screen issues.\n\n## Bug Fixes\n- Fixed AMD driver compatibility\n- Fixed configuration screen crashes\n- Improved FRAPI support',
+		date_published: '2025-12-18T03:16:30.884738Z',
+		downloads: 250000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.11'],
+		loaders: ['fabric', 'quilt'],
+	},
+	{
+		id: 'MLXdfyIk',
+		project_id: 'AANobbMI',
+		author_id: 'TEZXhE2U',
+		featured: false,
+		name: 'Sodium 0.8.0 for Fabric 1.21.11',
+		version_number: 'mc1.21.11-0.8.0-fabric',
+		version_type: 'beta',
+		changelog:
+			'This release brings many bug fixes, a brand new configuration screen, and support for Minecraft 1.21.11.\n\n## New Features\n- Completely redesigned configuration screen\n- Support for Minecraft 1.21.11\n\n## Bug Fixes\n- Fixed various rendering issues\n- Improved memory usage',
+		date_published: '2025-12-09T17:11:11.360476Z',
+		downloads: 180000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.11'],
+		loaders: ['fabric', 'quilt'],
+	},
+	{
+		id: 'sFfidWgd',
+		project_id: 'AANobbMI',
+		author_id: 'TEZXhE2U',
+		featured: false,
+		name: 'Sodium 0.7.3 for Fabric 1.21.10',
+		version_number: 'mc1.21.10-0.7.3-fabric',
+		version_type: 'release',
+		changelog: 'This release fixes a stuttering issue affecting Intel cards.',
+		date_published: '2025-11-10T18:51:15.477709Z',
+		downloads: 320000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.9', '1.21.10'],
+		loaders: ['fabric', 'quilt'],
+	},
+	{
+		id: '24jH02Sf',
+		project_id: 'AANobbMI',
+		author_id: 'TEZXhE2U',
+		featured: false,
+		name: 'Sodium 0.7.0 for Fabric 1.21.8',
+		version_number: 'mc1.21.8-0.7.0-fabric',
+		version_type: 'alpha',
+		changelog:
+			'Major performance optimizations with quad splitting translucency sorting, improved chunk meshing, terrain rendering enhancements, and entity/particle performance improvements.\n\n## Performance\n- 30% faster chunk rendering\n- Reduced memory allocations\n- Better CPU utilization',
+		date_published: '2025-09-30T15:07:01.867787Z',
+		downloads: 450000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.6', '1.21.7', '1.21.8'],
+		loaders: ['fabric', 'quilt'],
+	},
+]
+
+// Real version data from Modrinth API - Cobblemon modpack
+const cobblemonVersions: Labrinth.Versions.v2.Version[] = [
+	{
+		id: 'DbQNxSJ0',
+		project_id: '5FFgwNNP',
+		author_id: 'AEFONbAM',
+		featured: true,
+		name: 'Cobblemon Official Modpack [Fabric] 1.7.1',
+		version_number: '1.7.1',
+		version_type: 'release',
+		changelog:
+			'Updated to Cobblemon 1.7.1.\n\n## Modified Mods\n- EMF\n- ETF\n- Balm\n- FancyMenu\n- JEED\n- JEI',
+		date_published: '2025-11-29T02:27:41.839520Z',
+		downloads: 85000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.1'],
+		loaders: ['fabric'],
+	},
+	{
+		id: 'jMz7A3RO',
+		project_id: '5FFgwNNP',
+		author_id: 'AEFONbAM',
+		featured: false,
+		name: 'Cobblemon Official Modpack [Fabric] 1.7',
+		version_number: '1.7',
+		version_type: 'release',
+		changelog:
+			'Updated to Cobblemon 1.7.\n\n## Changes\n- Removed Medal\n- Updated Fabric API\n- Updated JEI\n- Updated rendering mods',
+		date_published: '2025-11-22T00:48:57.491974Z',
+		downloads: 120000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.1'],
+		loaders: ['fabric'],
+	},
+	{
+		id: '98odLiu9',
+		project_id: '5FFgwNNP',
+		author_id: 'AEFONbAM',
+		featured: false,
+		name: 'Cobblemon Official Modpack [Fabric] 1.6.1.4',
+		version_number: '1.6.1.4',
+		version_type: 'release',
+		changelog: 'Updated Medal to 1.0.3 to resolve a crash issue.',
+		date_published: '2025-07-01T04:32:02.692075Z',
+		downloads: 95000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.1'],
+		loaders: ['fabric'],
+	},
+	{
+		id: 'ZGcN3At3',
+		project_id: '5FFgwNNP',
+		author_id: 'AEFONbAM',
+		featured: false,
+		name: 'Cobblemon Official Modpack [Fabric] 1.6.1.1',
+		version_number: '1.6.1.1',
+		version_type: 'beta',
+		changelog:
+			'## Added Mods\n- Advanced Loot Info\n- CIT Resewn\n- EMI variants\n- Medal\n- Tips\n\n## Removed Mods\n- Architectury\n- REI',
+		date_published: '2025-06-11T01:10:12.921145Z',
+		downloads: 78000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.1'],
+		loaders: ['fabric'],
+	},
+	{
+		id: 'cqaC80tF',
+		project_id: '5FFgwNNP',
+		author_id: 'AEFONbAM',
+		featured: false,
+		name: 'Cobblemon Official Modpack [Fabric] 1.6.1',
+		version_number: '1.6.1',
+		version_type: 'release',
+		changelog: 'Updated to Cobblemon 1.6.1 release.',
+		date_published: '2025-01-26T06:37:28.977532Z',
+		downloads: 210000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.21.1'],
+		loaders: ['fabric'],
+	},
+	{
+		id: 'bpaivauC',
+		project_id: '5FFgwNNP',
+		author_id: 'AEFONbAM',
+		featured: false,
+		name: 'Cobblemon Official Modpack [Fabric] 1.5.2',
+		version_number: '1.5.2',
+		version_type: 'release',
+		changelog: 'Updated to Cobblemon 1.5.2. Adjusted InvMove defaults to prevent REI conflicts.',
+		date_published: '2024-05-27T07:12:36.043005Z',
+		downloads: 350000,
+		status: 'listed',
+		files: [],
+		dependencies: [],
+		game_versions: ['1.20.1'],
+		loaders: ['fabric'],
+	},
+]
+
+const meta = {
+	title: 'Instances/ContentUpdaterModal',
+	component: ContentUpdaterModal,
+	parameters: {
+		layout: 'centered',
+	},
+	argTypes: {
+		versions: {
+			control: 'object',
+			description: 'Array of versions to display',
+		},
+		currentGameVersion: {
+			control: 'text',
+			description: 'Current game version for compatibility checking',
+		},
+		currentLoader: {
+			control: 'text',
+			description: 'Current loader for compatibility checking',
+		},
+		currentVersionId: {
+			control: 'text',
+			description: 'ID of the currently installed version',
+		},
+		header: {
+			control: 'text',
+			description: 'Modal header text',
+		},
+	},
+} satisfies Meta<typeof ContentUpdaterModal>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+// ============================================
+// Mod Example (Sodium)
+// ============================================
+
+export const ModExample: Story = {
+	render: (args) => ({
+		components: { ContentUpdaterModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof ContentUpdaterModal> | null>(null)
+			const openModal = () => modalRef.value?.show()
+			const handleUpdate = (version: Labrinth.Versions.v2.Version) => {
+				console.log('Update to version:', version)
+				alert(`Updating to ${version.name}`)
+			}
+			return { args, modalRef, openModal, handleUpdate }
+		},
+		template: /*html*/ `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="openModal">Update Sodium</button>
+				</ButtonStyled>
+				<ContentUpdaterModal
+					ref="modalRef"
+					v-bind="args"
+					@update="handleUpdate"
+					@cancel="() => console.log('Cancelled')"
+				/>
+			</div>
+		`,
+	}),
+	args: {
+		versions: sodiumVersions,
+		currentGameVersion: '1.21.11',
+		currentLoader: 'fabric',
+		currentVersionId: '2IxKzI1o', // 0.8.1 is current
+		header: 'Update mod',
+		onUpdate: fn(),
+		onCancel: fn(),
+	},
+}
+
+// ============================================
+// Modpack Example (Cobblemon)
+// ============================================
+
+export const ModpackExample: Story = {
+	render: (args) => ({
+		components: { ContentUpdaterModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof ContentUpdaterModal> | null>(null)
+			const openModal = () => modalRef.value?.show()
+			const handleUpdate = (version: Labrinth.Versions.v2.Version) => {
+				console.log('Update to version:', version)
+				alert(`Updating to ${version.name}`)
+			}
+			return { args, modalRef, openModal, handleUpdate }
+		},
+		template: /*html*/ `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="openModal">Update Cobblemon Modpack</button>
+				</ButtonStyled>
+				<ContentUpdaterModal
+					ref="modalRef"
+					v-bind="args"
+					@update="handleUpdate"
+					@cancel="() => console.log('Cancelled')"
+				/>
+			</div>
+		`,
+	}),
+	args: {
+		versions: cobblemonVersions,
+		currentGameVersion: '1.21.1',
+		currentLoader: 'fabric',
+		currentVersionId: 'jMz7A3RO', // 1.7 is current
+		header: 'Update modpack',
+		onUpdate: fn(),
+		onCancel: fn(),
+	},
+}
+
+// ============================================
+// With Incompatible Versions
+// ============================================
+
+export const WithIncompatibleVersions: Story = {
+	render: (args) => ({
+		components: { ContentUpdaterModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof ContentUpdaterModal> | null>(null)
+			const openModal = () => modalRef.value?.show()
+			return { args, modalRef, openModal }
+		},
+		template: /*html*/ `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="openModal">Update (Shows Incompatible)</button>
+				</ButtonStyled>
+				<ContentUpdaterModal
+					ref="modalRef"
+					v-bind="args"
+					@update="(v) => console.log('Update:', v)"
+				/>
+			</div>
+		`,
+	}),
+	args: {
+		versions: sodiumVersions,
+		currentGameVersion: '1.21.10', // Older version - some versions won't be compatible
+		currentLoader: 'fabric',
+		currentVersionId: 'sFfidWgd',
+		header: 'Update mod',
+	},
+}
+
+// ============================================
+// All Version Types (Release, Beta, Alpha)
+// ============================================
+
+export const AllVersionTypes: Story = {
+	render: (args) => ({
+		components: { ContentUpdaterModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof ContentUpdaterModal> | null>(null)
+			const openModal = () => modalRef.value?.show()
+			return { args, modalRef, openModal }
+		},
+		template: /*html*/ `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="openModal">View All Version Types</button>
+				</ButtonStyled>
+				<ContentUpdaterModal
+					ref="modalRef"
+					v-bind="args"
+					@update="(v) => console.log('Update:', v)"
+				/>
+			</div>
+		`,
+	}),
+	args: {
+		// Sodium has release, beta, and alpha versions
+		versions: sodiumVersions,
+		currentGameVersion: '1.21.11',
+		currentLoader: 'fabric',
+		currentVersionId: '24jH02Sf', // Alpha version is current
+		header: 'Update mod',
+	},
+}

From 1e7047357458bfb1216e062b79986284807804f3 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Mon, 26 Jan 2026 08:21:10 +0000
Subject: [PATCH 038/178] feat: finish content updater modal

---
 .../instances/modals/ContentUpdaterModal.vue  | 160 ++++++------------
 1 file changed, 53 insertions(+), 107 deletions(-)

diff --git a/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue b/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
index c53eb092cc..dbafee3a66 100644
--- a/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
+++ b/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
@@ -1,8 +1,11 @@
 <template>
-	<NewModal ref="modal" :header="header" :max-width="'90vw'" :width="'90vw'" no-padding>
-		<div class="flex h-[643px] border-solid border-transparent border-[1px] border-b-surface-4">
-			<div class="w-[272px] flex flex-col relative">
-				<!-- Search input -->
+	<NewModal ref="modal" :max-width="'90vw'" :width="'90vw'" no-padding>
+		<template #title>
+			<Avatar v-if="projectIconUrl" :src="projectIconUrl" size="3rem" :tint-by="projectName" />
+			<span class="text-lg font-extrabold text-contrast">{{ header }}</span>
+		</template>
+		<div class="flex h-[550px] border-solid border-transparent border-[1px] border-b-surface-4">
+			<div class="w-[300px] flex flex-col relative">
 				<div class="p-4 pb-2">
 					<div class="iconified-input w-full border-solid border-[1px] border-surface-4 rounded-xl">
 						<SearchIcon class="transition-colors" />
@@ -15,7 +18,6 @@
 					</div>
 				</div>
 
-				<!-- Version list (scrollable) -->
 				<div class="flex-1 overflow-y-auto px-4 pb-16">
 					<div class="flex flex-col gap-1.5">
 						<button
@@ -50,7 +52,6 @@
 					</div>
 				</div>
 
-				<!-- Bottom gradient + hide incompatible toggle (overlay) -->
 				<div class="absolute bottom-0 left-0 right-0 pointer-events-none">
 					<div class="h-14 bg-gradient-to-t from-bg-raised to-transparent" />
 					<div class="bg-bg-raised pb-5 flex justify-center pointer-events-auto">
@@ -105,20 +106,17 @@
 						</div>
 					</div>
 
-					<!-- Divider -->
 					<div class="h-px bg-divider" />
 
-					<!-- Changelog content -->
 					<div class="flex-1 bg-bg p-4 overflow-y-auto">
 						<div
 							v-if="selectedVersion.changelog"
-							class="changelog-body"
+							class="markdown"
 							v-html="renderHighlightedString(selectedVersion.changelog)"
 						/>
 						<div v-else class="text-secondary italic">No changelog provided for this version.</div>
 					</div>
 
-					<!-- Bottom gradient -->
 					<div
 						class="absolute bottom-0 left-0 right-0 h-14 bg-gradient-to-t from-bg to-transparent pointer-events-none"
 					/>
@@ -129,25 +127,35 @@
 			</div>
 		</div>
 
-		<template #actions>
-			<div class="w-full flex flex-row gap-2 justify-end">
-				<ButtonStyled type="outlined">
-					<button class="!border-[1px] !border-surface-4" @click="handleCancel">
-						<XIcon />
-						Cancel
-					</button>
-				</ButtonStyled>
-				<ButtonStyled color="brand">
-					<button
-						:disabled="!selectedVersion || selectedVersion.id === currentVersionId"
-						@click="handleUpdate"
-					>
-						<DownloadIcon />
-						Update to v{{ selectedVersion?.version_number ?? '...' }}
-					</button>
-				</ButtonStyled>
-			</div>
-		</template>
+		<div
+			class="bg-highlight-orange h-9 text-orange p-2 border-solid border-x-0 border-[1px] flex flex-row gap-2"
+		>
+			<TriangleAlertIcon class="size-4" />
+			<span
+				>We can't guarantee updates are safe for {{ isApp ? 'your instance' : 'your worlds' }}.
+				Review the changelog for all intermediate versions and consider a backup.</span
+			>
+		</div>
+
+		<div class="w-full flex flex-row gap-2 justify-end p-4">
+			<ButtonStyled type="outlined">
+				<button class="!border-[1px] !border-surface-4" @click="handleCancel">
+					<XIcon />
+					Cancel
+				</button>
+			</ButtonStyled>
+			<ButtonStyled color="brand">
+				<button
+					:disabled="!selectedVersion || selectedVersion.id === currentVersionId"
+					@click="handleUpdate"
+				>
+					<DownloadIcon />
+					{{ isDowngrade ? 'Downgrade' : 'Update' }} to v{{
+						selectedVersion?.version_number ?? '...'
+					}}
+				</button>
+			</ButtonStyled>
+		</div>
 	</NewModal>
 </template>
 
@@ -159,11 +167,13 @@ import {
 	EyeOffIcon,
 	FileTextIcon,
 	SearchIcon,
+	TriangleAlertIcon,
 	XIcon,
 } from '@modrinth/assets'
 import { capitalizeString, renderHighlightedString } from '@modrinth/utils'
 import { computed, ref } from 'vue'
 
+import Avatar from '../../base/Avatar.vue'
 import ButtonStyled from '../../base/ButtonStyled.vue'
 import NewModal from '../../modal/NewModal.vue'
 
@@ -173,9 +183,14 @@ const props = withDefaults(
 		currentGameVersion: string
 		currentLoader: string
 		currentVersionId: string
+		isApp: boolean
+		projectIconUrl?: string
+		projectName?: string
 		header?: string
 	}>(),
 	{
+		projectIconUrl: undefined,
+		projectName: undefined,
 		header: 'Update version',
 	},
 )
@@ -198,6 +213,15 @@ function isVersionCompatible(version: Labrinth.Versions.v2.Version): boolean {
 	return hasGameVersion && hasLoader
 }
 
+const currentVersion = computed(() => props.versions.find((v) => v.id === props.currentVersionId))
+
+const isDowngrade = computed(() => {
+	if (!selectedVersion.value || !currentVersion.value) return false
+	return (
+		new Date(selectedVersion.value.date_published) < new Date(currentVersion.value.date_published)
+	)
+})
+
 const filteredVersions = computed(() => {
 	let versions = [...props.versions]
 
@@ -296,81 +320,3 @@ function hide() {
 
 defineExpose({ show, hide })
 </script>
-
-<style lang="scss" scoped>
-:deep(.changelog-body) {
-	line-height: 1.5;
-	word-break: break-word;
-
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin: 0;
-		font-weight: 600;
-		color: var(--color-text-primary);
-	}
-
-	h3 {
-		font-size: 1.125rem;
-	}
-
-	ul {
-		padding-left: 1.5rem;
-		margin: 0;
-	}
-
-	a {
-		color: var(--color-link);
-
-		&:hover,
-		&:focus-visible {
-			filter: brightness(1.2);
-			text-decoration: underline;
-		}
-	}
-
-	code {
-		background-color: var(--color-bg);
-		font-size: var(--font-size-sm);
-		padding: 0.125rem 0.25rem;
-		border-radius: 4px;
-	}
-
-	p {
-		margin: 0;
-		color: var(--color-text-default);
-	}
-
-	li {
-		color: var(--color-text-default);
-	}
-
-	* + p {
-		margin-top: 0.5rem;
-	}
-
-	h3 + * {
-		margin-top: 0.25rem;
-	}
-
-	* + h3 {
-		margin-top: 1.5rem;
-	}
-
-	* + li {
-		margin-top: 0.25rem;
-	}
-
-	li ul li {
-		margin-top: 0.25rem;
-	}
-
-	img {
-		max-width: 100%;
-		border-radius: var(--radius-md);
-	}
-}
-</style>

From 0c12fbed2f07a8159eb9d4c1c6fc5e3d1547c8f7 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Mon, 26 Jan 2026 08:30:14 +0000
Subject: [PATCH 039/178] feat: i18n pass

---
 .../components/instances/ContentCardItem.vue  |  16 ++-
 .../components/instances/ContentCardTable.vue |  22 +++-
 .../instances/ContentModpackCard.vue          |  19 ++-
 .../instances/modals/ContentUpdaterModal.vue  | 118 ++++++++++++++----
 packages/ui/src/locales/en-US/index.json      |  66 ++++++++++
 packages/ui/src/utils/common-messages.ts      |  32 +++++
 6 files changed, 238 insertions(+), 35 deletions(-)

diff --git a/packages/ui/src/components/instances/ContentCardItem.vue b/packages/ui/src/components/instances/ContentCardItem.vue
index 8bfb2d0b43..7e7d4216c0 100644
--- a/packages/ui/src/components/instances/ContentCardItem.vue
+++ b/packages/ui/src/components/instances/ContentCardItem.vue
@@ -3,6 +3,8 @@ import { DownloadIcon, MoreVerticalIcon, OrganizationIcon, TrashIcon } from '@mo
 import { computed, getCurrentInstance } from 'vue'
 import type { RouteLocationRaw } from 'vue-router'
 
+import { useVIntl } from '../../composables/i18n'
+import { commonMessages } from '../../utils/common-messages'
 import AutoLink from '../base/AutoLink.vue'
 import Avatar from '../base/Avatar.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
@@ -12,6 +14,8 @@ import Toggle from '../base/Toggle.vue'
 import TeleportOverflowMenu from '../servers/files/explorer/TeleportOverflowMenu.vue'
 import type { ContentCardProject, ContentCardVersion, ContentOwner } from './types'
 
+const { formatMessage } = useVIntl()
+
 interface Props {
 	project: ContentCardProject
 	projectLink?: string | RouteLocationRaw
@@ -144,7 +148,11 @@ function truncateMiddle(str: string, maxLength: number): string {
 					color-fill="text"
 					hover-color-fill="background"
 				>
-					<button v-tooltip="'Update available'" :disabled="disabled" @click="emit('update')">
+					<button
+						v-tooltip="formatMessage(commonMessages.updateAvailableLabel)"
+						:disabled="disabled"
+						@click="emit('update')"
+					>
 						<DownloadIcon class="size-5" />
 					</button>
 				</ButtonStyled>
@@ -159,7 +167,11 @@ function truncateMiddle(str: string, maxLength: number): string {
 			/>
 
 			<ButtonStyled v-if="hasDeleteListener" circular type="transparent">
-				<button v-tooltip="'Delete'" :disabled="disabled" @click="emit('delete')">
+				<button
+					v-tooltip="formatMessage(commonMessages.deleteLabel)"
+					:disabled="disabled"
+					@click="emit('delete')"
+				>
 					<TrashIcon class="size-5 text-secondary" />
 				</button>
 			</ButtonStyled>
diff --git a/packages/ui/src/components/instances/ContentCardTable.vue b/packages/ui/src/components/instances/ContentCardTable.vue
index 7c69394ac6..8828449ab7 100644
--- a/packages/ui/src/components/instances/ContentCardTable.vue
+++ b/packages/ui/src/components/instances/ContentCardTable.vue
@@ -2,6 +2,8 @@
 import { ChevronDownIcon, ChevronUpIcon } from '@modrinth/assets'
 import { computed, onMounted, onUnmounted, ref } from 'vue'
 
+import { useVIntl } from '../../composables/i18n'
+import { commonMessages } from '../../utils/common-messages'
 import Checkbox from '../base/Checkbox.vue'
 import ContentCardItem from './ContentCardItem.vue'
 import type {
@@ -10,6 +12,8 @@ import type {
 	ContentCardTableSortDirection,
 } from './types'
 
+const { formatMessage } = useVIntl()
+
 const BUFFER_SIZE = 5
 
 interface Props {
@@ -212,14 +216,16 @@ function handleSort(column: ContentCardTableSortColumn) {
 					class="flex items-center gap-1.5 font-semibold text-contrast"
 					@click="handleSort('project')"
 				>
-					Project
+					{{ formatMessage(commonMessages.projectLabel) }}
 					<ChevronUpIcon v-if="sortBy === 'project' && sortDirection === 'asc'" class="size-4" />
 					<ChevronDownIcon
 						v-else-if="sortBy === 'project' && sortDirection === 'desc'"
 						class="size-4"
 					/>
 				</button>
-				<span v-else class="font-semibold text-contrast">Project</span>
+				<span v-else class="font-semibold text-contrast">{{
+					formatMessage(commonMessages.projectLabel)
+				}}</span>
 			</div>
 
 			<div class="hidden w-[335px] shrink-0 md:block">
@@ -228,18 +234,22 @@ function handleSort(column: ContentCardTableSortColumn) {
 					class="flex items-center gap-1.5 font-semibold text-secondary"
 					@click="handleSort('version')"
 				>
-					Version
+					{{ formatMessage(commonMessages.versionLabel) }}
 					<ChevronUpIcon v-if="sortBy === 'version' && sortDirection === 'asc'" class="size-4" />
 					<ChevronDownIcon
 						v-else-if="sortBy === 'version' && sortDirection === 'desc'"
 						class="size-4"
 					/>
 				</button>
-				<span v-else class="font-semibold text-secondary">Version</span>
+				<span v-else class="font-semibold text-secondary">{{
+					formatMessage(commonMessages.versionLabel)
+				}}</span>
 			</div>
 
 			<div class="min-w-[160px] shrink-0 text-right">
-				<span class="font-semibold text-secondary">Actions</span>
+				<span class="font-semibold text-secondary">{{
+					formatMessage(commonMessages.actionsLabel)
+				}}</span>
 			</div>
 		</div>
 
@@ -320,7 +330,7 @@ function handleSort(column: ContentCardTableSortColumn) {
 
 		<div v-else class="flex items-center justify-center rounded-b-[20px] py-12">
 			<slot name="empty">
-				<span class="text-secondary">No items</span>
+				<span class="text-secondary">{{ formatMessage(commonMessages.noItemsLabel) }}</span>
 			</slot>
 		</div>
 	</div>
diff --git a/packages/ui/src/components/instances/ContentModpackCard.vue b/packages/ui/src/components/instances/ContentModpackCard.vue
index 40369e7a3b..36373f6202 100644
--- a/packages/ui/src/components/instances/ContentModpackCard.vue
+++ b/packages/ui/src/components/instances/ContentModpackCard.vue
@@ -11,6 +11,8 @@ import { computed, getCurrentInstance } from 'vue'
 import type { RouteLocationRaw } from 'vue-router'
 
 import { useRelativeTime } from '../../composables/how-ago'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { commonMessages } from '../../utils/common-messages'
 import AutoLink from '../base/AutoLink.vue'
 import Avatar from '../base/Avatar.vue'
 import BulletDivider from '../base/BulletDivider.vue'
@@ -24,6 +26,15 @@ import type {
 	ContentOwner,
 } from './types'
 
+const { formatMessage } = useVIntl()
+
+const messages = defineMessages({
+	unlinkModpack: {
+		id: 'instances.modpack-card.unlink',
+		defaultMessage: 'Unlink modpack',
+	},
+})
+
 interface Props {
 	project: ContentModpackCardProject
 	projectLink?: string | RouteLocationRaw
@@ -119,17 +130,19 @@ const formatCompact = (n: number | undefined) => {
 				<ButtonStyled v-if="hasUpdateListener" type="transparent" color="green" color-fill="text">
 					<button class="flex items-center gap-2" @click="emit('update')">
 						<DownloadIcon class="!text-green size-5" />
-						<span class="font-semibold">Update</span>
+						<span class="font-semibold">{{ formatMessage(commonMessages.updateButton) }}</span>
 					</button>
 				</ButtonStyled>
 
 				<ButtonStyled v-if="hasContentListener">
-					<button class="!shadow-none" @click="emit('content')">Content</button>
+					<button class="!shadow-none" @click="emit('content')">
+						{{ formatMessage(commonMessages.contentLabel) }}
+					</button>
 				</ButtonStyled>
 
 				<ButtonStyled v-if="hasUnlinkListener" circular type="outlined">
 					<button
-						v-tooltip="'Unlink modpack'"
+						v-tooltip="formatMessage(messages.unlinkModpack)"
 						class="!border-surface-4 !border-[1px]"
 						@click="emit('unlink')"
 					>
diff --git a/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue b/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
index dbafee3a66..a2cc4bd79c 100644
--- a/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
+++ b/packages/ui/src/components/instances/modals/ContentUpdaterModal.vue
@@ -2,7 +2,9 @@
 	<NewModal ref="modal" :max-width="'90vw'" :width="'90vw'" no-padding>
 		<template #title>
 			<Avatar v-if="projectIconUrl" :src="projectIconUrl" size="3rem" :tint-by="projectName" />
-			<span class="text-lg font-extrabold text-contrast">{{ header }}</span>
+			<span class="text-lg font-extrabold text-contrast">{{
+				header ?? formatMessage(messages.updateVersionHeader)
+			}}</span>
 		</template>
 		<div class="flex h-[550px] border-solid border-transparent border-[1px] border-b-surface-4">
 			<div class="w-[300px] flex flex-col relative">
@@ -12,7 +14,7 @@
 						<input
 							v-model="searchQuery"
 							type="text"
-							placeholder="Search version..."
+							:placeholder="formatMessage(messages.searchVersionPlaceholder)"
 							class="!bg-transparent rounded-xl transition-colors"
 						/>
 					</div>
@@ -48,7 +50,7 @@
 						</button>
 					</div>
 					<div v-if="filteredVersions.length === 0" class="p-4 text-center text-secondary text-sm">
-						No versions found
+						{{ formatMessage(messages.noVersionsFound) }}
 					</div>
 				</div>
 
@@ -58,13 +60,15 @@
 						<ButtonStyled type="transparent" :circular="true">
 							<button
 								class="flex items-center gap-1.5"
-								@click="hideIncompatible = !hideIncompatible"
+								@click="hideIncompatibleState = !hideIncompatibleState"
 							>
-								<EyeIcon v-if="hideIncompatible" class="h-6 w-6" />
+								<EyeIcon v-if="hideIncompatibleState" class="h-6 w-6" />
 								<EyeOffIcon v-else class="h-6 w-6" />
-								<span class="font-medium"
-									>{{ hideIncompatible ? 'Show' : 'Hide' }} incompatible</span
-								>
+								<span class="font-medium">{{
+									hideIncompatibleState
+										? formatMessage(messages.showIncompatible)
+										: formatMessage(messages.hideIncompatible)
+								}}</span>
 							</button>
 						</ButtonStyled>
 					</div>
@@ -96,7 +100,9 @@
 							<div class="flex items-center gap-2">
 								<div class="flex items-center gap-2 rounded-xl">
 									<FileTextIcon class="h-6 w-6 text-primary" />
-									<span class="font-medium text-primary">Changelog</span>
+									<span class="font-medium text-primary">{{
+										formatMessage(commonMessages.changelogLabel)
+									}}</span>
 								</div>
 								<span class="w-1.5 h-1.5 rounded-full bg-divider" />
 								<span class="font-medium text-primary">
@@ -114,7 +120,9 @@
 							class="markdown"
 							v-html="renderHighlightedString(selectedVersion.changelog)"
 						/>
-						<div v-else class="text-secondary italic">No changelog provided for this version.</div>
+						<div v-else class="text-secondary italic">
+							{{ formatMessage(messages.noChangelog) }}
+						</div>
 					</div>
 
 					<div
@@ -122,7 +130,7 @@
 					/>
 				</template>
 				<div v-else class="flex-1 flex items-center justify-center text-secondary bg-bg">
-					Select a version to view its changelog
+					{{ formatMessage(messages.selectVersionPrompt) }}
 				</div>
 			</div>
 		</div>
@@ -131,17 +139,16 @@
 			class="bg-highlight-orange h-9 text-orange p-2 border-solid border-x-0 border-[1px] flex flex-row gap-2"
 		>
 			<TriangleAlertIcon class="size-4" />
-			<span
-				>We can't guarantee updates are safe for {{ isApp ? 'your instance' : 'your worlds' }}.
-				Review the changelog for all intermediate versions and consider a backup.</span
-			>
+			<span>{{
+				formatMessage(isApp ? messages.updateWarningApp : messages.updateWarningWeb)
+			}}</span>
 		</div>
 
 		<div class="w-full flex flex-row gap-2 justify-end p-4">
 			<ButtonStyled type="outlined">
 				<button class="!border-[1px] !border-surface-4" @click="handleCancel">
 					<XIcon />
-					Cancel
+					{{ formatMessage(commonMessages.cancelButton) }}
 				</button>
 			</ButtonStyled>
 			<ButtonStyled color="brand">
@@ -150,8 +157,10 @@
 					@click="handleUpdate"
 				>
 					<DownloadIcon />
-					{{ isDowngrade ? 'Downgrade' : 'Update' }} to v{{
-						selectedVersion?.version_number ?? '...'
+					{{
+						formatMessage(isDowngrade ? messages.downgradeToVersion : messages.updateToVersion, {
+							version: selectedVersion?.version_number ?? '...',
+						})
 					}}
 				</button>
 			</ButtonStyled>
@@ -173,10 +182,71 @@ import {
 import { capitalizeString, renderHighlightedString } from '@modrinth/utils'
 import { computed, ref } from 'vue'
 
+import { defineMessages, useVIntl } from '../../../composables/i18n'
+import { commonMessages } from '../../../utils/common-messages'
 import Avatar from '../../base/Avatar.vue'
 import ButtonStyled from '../../base/ButtonStyled.vue'
 import NewModal from '../../modal/NewModal.vue'
 
+const { formatMessage } = useVIntl()
+
+const messages = defineMessages({
+	updateVersionHeader: {
+		id: 'instances.updater-modal.header',
+		defaultMessage: 'Update version',
+	},
+	searchVersionPlaceholder: {
+		id: 'instances.updater-modal.search-placeholder',
+		defaultMessage: 'Search version...',
+	},
+	noVersionsFound: {
+		id: 'instances.updater-modal.no-versions',
+		defaultMessage: 'No versions found',
+	},
+	showIncompatible: {
+		id: 'instances.updater-modal.show-incompatible',
+		defaultMessage: 'Show incompatible',
+	},
+	hideIncompatible: {
+		id: 'instances.updater-modal.hide-incompatible',
+		defaultMessage: 'Hide incompatible',
+	},
+	noChangelog: {
+		id: 'instances.updater-modal.no-changelog',
+		defaultMessage: 'No changelog provided for this version.',
+	},
+	selectVersionPrompt: {
+		id: 'instances.updater-modal.select-version',
+		defaultMessage: 'Select a version to view its changelog',
+	},
+	updateWarningApp: {
+		id: 'instances.updater-modal.warning.app',
+		defaultMessage:
+			"We can't guarantee updates are safe for your instance. Review the changelog for all intermediate versions and consider a backup.",
+	},
+	updateWarningWeb: {
+		id: 'instances.updater-modal.warning.web',
+		defaultMessage:
+			"We can't guarantee updates are safe for your worlds. Review the changelog for all intermediate versions and consider a backup.",
+	},
+	downgradeToVersion: {
+		id: 'instances.updater-modal.downgrade-to',
+		defaultMessage: 'Downgrade to v{version}',
+	},
+	updateToVersion: {
+		id: 'instances.updater-modal.update-to',
+		defaultMessage: 'Update to v{version}',
+	},
+	currentBadge: {
+		id: 'instances.updater-modal.badge.current',
+		defaultMessage: 'Current',
+	},
+	incompatibleBadge: {
+		id: 'instances.updater-modal.badge.incompatible',
+		defaultMessage: 'Incompatible',
+	},
+})
+
 const props = withDefaults(
 	defineProps<{
 		versions: Labrinth.Versions.v2.Version[]
@@ -191,7 +261,7 @@ const props = withDefaults(
 	{
 		projectIconUrl: undefined,
 		projectName: undefined,
-		header: 'Update version',
+		header: undefined,
 	},
 )
 
@@ -202,7 +272,7 @@ const emit = defineEmits<{
 
 const modal = ref<InstanceType<typeof NewModal>>()
 const searchQuery = ref('')
-const hideIncompatible = ref(true)
+const hideIncompatibleState = ref(true)
 const selectedVersion = ref<Labrinth.Versions.v2.Version | null>(null)
 
 function isVersionCompatible(version: Labrinth.Versions.v2.Version): boolean {
@@ -234,7 +304,7 @@ const filteredVersions = computed(() => {
 	}
 
 	// Filter by compatibility
-	if (hideIncompatible.value) {
+	if (hideIncompatibleState.value) {
 		versions = versions.filter(isVersionCompatible)
 	}
 
@@ -242,8 +312,8 @@ const filteredVersions = computed(() => {
 })
 
 function getBadgeLabel(version: Labrinth.Versions.v2.Version): string {
-	if (version.id === props.currentVersionId) return 'Current'
-	if (!isVersionCompatible(version)) return 'Incompatible'
+	if (version.id === props.currentVersionId) return formatMessage(messages.currentBadge)
+	if (!isVersionCompatible(version)) return formatMessage(messages.incompatibleBadge)
 	return capitalizeString(version.version_type)
 }
 
@@ -299,7 +369,7 @@ function handleCancel() {
 
 function show(initialVersionId?: string) {
 	searchQuery.value = ''
-	hideIncompatible.value = true
+	hideIncompatibleState.value = true
 
 	// Pre-select a version
 	if (initialVersionId) {
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index 32c96a931f..eea8d186cd 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -140,6 +140,9 @@
   "button.unfollow": {
     "defaultMessage": "Unfollow"
   },
+  "button.update": {
+    "defaultMessage": "Update"
+  },
   "button.upload-image": {
     "defaultMessage": "Upload image"
   },
@@ -278,15 +281,66 @@
   "instance.worlds.game_mode.unknown": {
     "defaultMessage": "Unknown game mode"
   },
+  "instances.modpack-card.unlink": {
+    "defaultMessage": "Unlink modpack"
+  },
+  "instances.updater-modal.badge.current": {
+    "defaultMessage": "Current"
+  },
+  "instances.updater-modal.badge.incompatible": {
+    "defaultMessage": "Incompatible"
+  },
+  "instances.updater-modal.downgrade-to": {
+    "defaultMessage": "Downgrade to v{version}"
+  },
+  "instances.updater-modal.header": {
+    "defaultMessage": "Update version"
+  },
+  "instances.updater-modal.hide-incompatible": {
+    "defaultMessage": "Hide incompatible"
+  },
+  "instances.updater-modal.no-changelog": {
+    "defaultMessage": "No changelog provided for this version."
+  },
+  "instances.updater-modal.no-versions": {
+    "defaultMessage": "No versions found"
+  },
+  "instances.updater-modal.search-placeholder": {
+    "defaultMessage": "Search version..."
+  },
+  "instances.updater-modal.select-version": {
+    "defaultMessage": "Select a version to view its changelog"
+  },
+  "instances.updater-modal.show-incompatible": {
+    "defaultMessage": "Show incompatible"
+  },
+  "instances.updater-modal.update-to": {
+    "defaultMessage": "Update to v{version}"
+  },
+  "instances.updater-modal.warning.app": {
+    "defaultMessage": "We can't guarantee updates are safe for your instance. Review the changelog for all intermediate versions and consider a backup."
+  },
+  "instances.updater-modal.warning.web": {
+    "defaultMessage": "We can't guarantee updates are safe for your worlds. Review the changelog for all intermediate versions and consider a backup."
+  },
+  "label.actions": {
+    "defaultMessage": "Actions"
+  },
   "label.available": {
     "defaultMessage": "{amount} available."
   },
+  "label.changelog": {
+    "defaultMessage": "Changelog"
+  },
   "label.changes-saved": {
     "defaultMessage": "Changes saved"
   },
   "label.collections": {
     "defaultMessage": "Collections"
   },
+  "label.content": {
+    "defaultMessage": "Content"
+  },
   "label.created-ago": {
     "defaultMessage": "Created {ago}"
   },
@@ -311,6 +365,9 @@
   "label.moderation": {
     "defaultMessage": "Moderation"
   },
+  "label.no-items": {
+    "defaultMessage": "No items"
+  },
   "label.notifications": {
     "defaultMessage": "Notifications"
   },
@@ -323,6 +380,9 @@
   "label.played": {
     "defaultMessage": "Played {time}"
   },
+  "label.project": {
+    "defaultMessage": "Project"
+  },
   "label.public": {
     "defaultMessage": "Public"
   },
@@ -356,6 +416,12 @@
   "label.unlisted": {
     "defaultMessage": "Unlisted"
   },
+  "label.update-available": {
+    "defaultMessage": "Update available"
+  },
+  "label.version": {
+    "defaultMessage": "Version"
+  },
   "label.visibility": {
     "defaultMessage": "Visibility"
   },
diff --git a/packages/ui/src/utils/common-messages.ts b/packages/ui/src/utils/common-messages.ts
index 4f9c0d2b54..ec78986dcf 100644
--- a/packages/ui/src/utils/common-messages.ts
+++ b/packages/ui/src/utils/common-messages.ts
@@ -285,6 +285,38 @@ export const commonMessages = defineMessages({
 		id: 'button.max',
 		defaultMessage: 'Max',
 	},
+	updateAvailableLabel: {
+		id: 'label.update-available',
+		defaultMessage: 'Update available',
+	},
+	changelogLabel: {
+		id: 'label.changelog',
+		defaultMessage: 'Changelog',
+	},
+	updateButton: {
+		id: 'button.update',
+		defaultMessage: 'Update',
+	},
+	contentLabel: {
+		id: 'label.content',
+		defaultMessage: 'Content',
+	},
+	versionLabel: {
+		id: 'label.version',
+		defaultMessage: 'Version',
+	},
+	projectLabel: {
+		id: 'label.project',
+		defaultMessage: 'Project',
+	},
+	actionsLabel: {
+		id: 'label.actions',
+		defaultMessage: 'Actions',
+	},
+	noItemsLabel: {
+		id: 'label.no-items',
+		defaultMessage: 'No items',
+	},
 })
 
 export const formFieldLabels = defineMessages({

From e165180a8d1ee835b065503cdafd353aa367e1f5 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 10:37:07 -0700
Subject: [PATCH 040/178] remove install to play modal from ui package

---
 .../components/modal/InstallToPlayModal.vue   | 109 ------------------
 packages/ui/src/components/modal/index.ts     |   3 +-
 2 files changed, 1 insertion(+), 111 deletions(-)
 delete mode 100644 packages/ui/src/components/modal/InstallToPlayModal.vue

diff --git a/packages/ui/src/components/modal/InstallToPlayModal.vue b/packages/ui/src/components/modal/InstallToPlayModal.vue
deleted file mode 100644
index e96512ade8..0000000000
--- a/packages/ui/src/components/modal/InstallToPlayModal.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-	<NewModal ref="modal" header="Install to play" :closable="true">
-		<div class="flex flex-col gap-4 max-w-[500px]">
-			<Admonition type="info" header="Shared server instance">
-				This server requires modded content to play. Accept to install the needed files from
-				Modrinth.
-			</Admonition>
-
-			<div v-if="sharedBy?.name" class="flex items-center gap-2 text-sm text-secondary">
-				<Avatar
-					v-if="sharedBy?.icon_url"
-					:src="sharedBy.icon_url"
-					:alt="sharedBy.name"
-					size="24px"
-				/>
-				<span>
-					<span class="font-semibold text-contrast">{{ sharedBy.name }}</span>
-					shared this instance with you today.
-				</span>
-			</div>
-
-			<div class="flex flex-col gap-2">
-				<span class="text-sm font-semibold text-secondary">Shared instance</span>
-				<div class="flex items-center gap-3 rounded-xl bg-surface-4 p-3">
-					<Avatar :src="project.icon_url" :alt="project.title" size="48px" />
-					<div class="flex flex-col gap-0.5">
-						<span class="font-semibold text-contrast">{{ project.title }}</span>
-						<span class="text-sm text-secondary">
-							{{ loaderDisplay }} {{ project.game_versions?.[0] }}
-							<template v-if="modCount"> · {{ modCount }} mods </template>
-						</span>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<template #actions>
-			<div class="flex justify-end gap-2">
-				<ButtonStyled>
-					<button @click="handleDecline">
-						<XIcon />
-						Decline
-					</button>
-				</ButtonStyled>
-				<ButtonStyled color="brand">
-					<button @click="handleAccept">
-						<CheckIcon />
-						Accept
-					</button>
-				</ButtonStyled>
-			</div>
-		</template>
-	</NewModal>
-</template>
-
-<script setup lang="ts">
-import { CheckIcon, XIcon } from '@modrinth/assets'
-import type { Project } from '@modrinth/utils'
-import { formatCategory } from '@modrinth/utils'
-import { computed, ref } from 'vue'
-
-import Admonition from '../base/Admonition.vue'
-import Avatar from '../base/Avatar.vue'
-import ButtonStyled from '../base/ButtonStyled.vue'
-import NewModal from './NewModal.vue'
-
-const props = defineProps<{
-	project: Project
-	sharedBy?: {
-		name: string
-		icon_url?: string
-	}
-	modCount?: number
-}>()
-
-const emit = defineEmits<{
-	accept: []
-	decline: []
-}>()
-
-const modal = ref<InstanceType<typeof NewModal>>()
-
-const loaderDisplay = computed(() => {
-	const loader = props.project.loaders?.[0]
-	if (!loader) return ''
-	return formatCategory(loader)
-})
-
-function handleAccept() {
-	// TODO: Implement accept logic
-	emit('accept')
-	modal.value?.hide()
-}
-
-function handleDecline() {
-	emit('decline')
-	modal.value?.hide()
-}
-
-function show(e?: MouseEvent) {
-	modal.value?.show(e)
-}
-
-function hide() {
-	modal.value?.hide()
-}
-
-defineExpose({ show, hide })
-</script>
diff --git a/packages/ui/src/components/modal/index.ts b/packages/ui/src/components/modal/index.ts
index eb28a6569b..8b6a9a9743 100644
--- a/packages/ui/src/components/modal/index.ts
+++ b/packages/ui/src/components/modal/index.ts
@@ -1,7 +1,6 @@
 export { default as ConfirmModal } from './ConfirmModal.vue'
-export { default as InstallToPlayModal } from './InstallToPlayModal.vue'
 export { default as Modal } from './Modal.vue'
 export { default as NewModal } from './NewModal.vue'
 export { default as ShareModal } from './ShareModal.vue'
-export type { Tab as TabbedModalTab } from './TabbedModal.vue'
 export { default as TabbedModal } from './TabbedModal.vue'
+export type { Tab as TabbedModalTab } from './TabbedModal.vue'

From 71074d849900b76b1188b8ac37f2c3e888694d27 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 10:47:15 -0700
Subject: [PATCH 041/178] pnpm prepr

---
 .../ui/modal/InstallToPlayModal.vue           |  5 +-
 .../ui/create/ProjectCreateModal.vue          |  5 +-
 apps/frontend/src/locales/en-US/index.json    | 29 +++++-
 .../pages/[type]/[id]/settings/content.vue    |  2 +-
 .../pages/[type]/[id]/settings/members.vue    |  2 +-
 .../src/components/modal/OpenInAppModal.vue   |  3 +-
 packages/ui/src/components/modal/index.ts     |  4 +-
 .../project/CreateServerVersionModal.vue      |  2 +-
 packages/ui/src/components/project/index.ts   |  2 +-
 packages/ui/src/locales/en-US/index.json      | 96 +++++++++++++++++++
 10 files changed, 138 insertions(+), 12 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index 7aad8c4997..3a888d912e 100644
--- a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -6,7 +6,7 @@
 				Modrinth.
 			</Admonition>
 
-			<div class="flex items-center gap-2 text-sm text-secondary" v-if="sharedBy?.name">
+			<div v-if="sharedBy?.name" class="flex items-center gap-2 text-sm text-secondary">
 				<Avatar
 					v-if="sharedBy?.icon_url"
 					:src="sharedBy.icon_url"
@@ -54,13 +54,14 @@
 </template>
 
 <script setup lang="ts">
-import { install } from '@/store/install.js'
 import { CheckIcon, XIcon } from '@modrinth/assets'
 import { Admonition, Avatar, ButtonStyled, NewModal } from '@modrinth/ui'
 import type { Project } from '@modrinth/utils'
 import { formatCategory } from '@modrinth/utils'
 import { computed, ref } from 'vue'
 
+import { install } from '@/store/install.js'
+
 const props = defineProps<{
 	project: Project
 	sharedBy?: {
diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index a941045af3..1b243ae79d 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -36,9 +36,9 @@
 				<div class="text-input-wrapper">
 					<div class="text-input-wrapper__before">https://modrinth.com/project/</div>
 					<input
-						class="w-full"
 						id="slug"
 						v-model="slug"
+						class="w-full"
 						type="text"
 						maxlength="64"
 						autocomplete="off"
@@ -124,13 +124,14 @@ import {
 	ButtonStyled,
 	Chips,
 	Combobox,
+	type ComboboxOption,
 	defineMessages,
 	injectNotificationManager,
 	NewModal,
 	useVIntl,
-	type ComboboxOption,
 } from '@modrinth/ui'
 import { defineAsyncComponent, h } from 'vue'
+
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
 type ProjectTypes = 'server' | 'project'
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 571162ff49..9e50bf83e3 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -551,6 +551,9 @@
   "create.project.create-project": {
     "message": "Create project"
   },
+  "create.project.create-server-project": {
+    "message": "Create server"
+  },
   "create.project.error-title": {
     "message": "An error occurred"
   },
@@ -560,6 +563,15 @@
   "create.project.name-placeholder": {
     "message": "Enter project name..."
   },
+  "create.project.owner-description": {
+    "message": "Set the project owner as yourself, an individual, or an organization."
+  },
+  "create.project.owner-label": {
+    "message": "Owner"
+  },
+  "create.project.server-project-title": {
+    "message": "Creating a server project"
+  },
   "create.project.summary-description": {
     "message": "A sentence or two that describes your project."
   },
@@ -567,11 +579,20 @@
     "message": "Summary"
   },
   "create.project.summary-placeholder": {
-    "message": "This project adds..."
+    "message": "Enter tagline..."
   },
   "create.project.title": {
     "message": "Creating a project"
   },
+  "create.project.type-label": {
+    "message": "Type"
+  },
+  "create.project.type-project": {
+    "message": "Project"
+  },
+  "create.project.type-server": {
+    "message": "Server"
+  },
   "create.project.url-label": {
     "message": "URL"
   },
@@ -1526,6 +1547,12 @@
   "layout.action.new-project": {
     "message": "New project"
   },
+  "layout.action.new-server-project": {
+    "message": "New server"
+  },
+  "layout.action.publish": {
+    "message": "Publish"
+  },
   "layout.action.reports": {
     "message": "Review reports"
   },
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index e124687406..5a38cee946 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -303,13 +303,13 @@ import {
 import {
 	ButtonStyled,
 	ConfirmModal,
+	type CreateServerVersionData,
 	CreateServerVersionModal,
 	injectModrinthClient,
 	injectNotificationManager,
 	injectProjectPageContext,
 	OverflowMenu,
 	ProjectPageVersions,
-	type CreateServerVersionData,
 } from '@modrinth/ui'
 import { useTemplateRef } from 'vue'
 
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/members.vue b/apps/frontend/src/pages/[type]/[id]/settings/members.vue
index 2b11e530dc..a80e2d9b06 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/members.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/members.vue
@@ -532,8 +532,8 @@ import {
 	Checkbox,
 	ConfirmModal,
 	injectNotificationManager,
-	Toggle,
 	injectProjectPageContext,
+	Toggle,
 } from '@modrinth/ui'
 import { Multiselect } from 'vue-multiselect'
 
diff --git a/packages/ui/src/components/modal/OpenInAppModal.vue b/packages/ui/src/components/modal/OpenInAppModal.vue
index 02414b658f..8966c6b207 100644
--- a/packages/ui/src/components/modal/OpenInAppModal.vue
+++ b/packages/ui/src/components/modal/OpenInAppModal.vue
@@ -4,7 +4,7 @@
 		<div class="modal-content" :class="{ shown: visible }">
 			<div class="flex flex-col items-center gap-6">
 				<div class="flex flex-col gap-6">
-					<div class="countdown-container" v-if="countdown > 0">
+					<div v-if="countdown > 0" class="countdown-container">
 						<svg class="countdown-svg" viewBox="0 0 100 100">
 							<circle
 								class="stroke-surface-4"
@@ -114,6 +114,7 @@
 <script setup lang="ts">
 import { CheckIcon, DownloadIcon, SignalIcon, UsersIcon, XIcon } from '@modrinth/assets'
 import { computed, onUnmounted, ref } from 'vue'
+
 import { defineMessages, useVIntl } from '../../composables/i18n'
 import { Avatar, ButtonStyled } from '../base'
 
diff --git a/packages/ui/src/components/modal/index.ts b/packages/ui/src/components/modal/index.ts
index 5049daa1e6..a01378c1d5 100644
--- a/packages/ui/src/components/modal/index.ts
+++ b/packages/ui/src/components/modal/index.ts
@@ -1,8 +1,8 @@
 export { default as ConfirmModal } from './ConfirmModal.vue'
 export { default as Modal } from './Modal.vue'
 export { default as NewModal } from './NewModal.vue'
-export { default as OpenInAppModal } from './OpenInAppModal.vue'
 export type { ServerProject as OpenInAppModalServerProject } from './OpenInAppModal.vue'
+export { default as OpenInAppModal } from './OpenInAppModal.vue'
 export { default as ShareModal } from './ShareModal.vue'
-export { default as TabbedModal } from './TabbedModal.vue'
 export type { Tab as TabbedModalTab } from './TabbedModal.vue'
+export { default as TabbedModal } from './TabbedModal.vue'
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 3af36ad088..348682b259 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -76,8 +76,8 @@
 						:primary-prompt="formatMessage(messages.dropzonePrimary)"
 						:secondary-prompt="formatMessage(messages.dropzoneSecondary)"
 						accept=".zip,.mrpack"
-						@change="handleFileUpload"
 						size="medium"
+						@change="handleFileUpload"
 					/>
 
 					<div v-if="uploadedFile" class="flex items-center gap-2 text-primary">
diff --git a/packages/ui/src/components/project/index.ts b/packages/ui/src/components/project/index.ts
index 5460fe4e31..3a5acaaf09 100644
--- a/packages/ui/src/components/project/index.ts
+++ b/packages/ui/src/components/project/index.ts
@@ -2,8 +2,8 @@
 export * from './settings'
 
 // Other
-export { default as CreateServerVersionModal } from './CreateServerVersionModal.vue'
 export type { CreateServerVersionData } from './CreateServerVersionModal.vue'
+export { default as CreateServerVersionModal } from './CreateServerVersionModal.vue'
 export { default as NewProjectCard } from './NewProjectCard.vue'
 export { default as ProjectBackgroundGradient } from './ProjectBackgroundGradient.vue'
 export { default as ProjectCombobox } from './ProjectCombobox.vue'
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index 766e3a6717..82c72772db 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -164,6 +164,75 @@
   "collection.label.private": {
     "defaultMessage": "Private"
   },
+  "create-version-modal.active-version-tooltip": {
+    "defaultMessage": "This version will be used when players join the server."
+  },
+  "create-version-modal.cancel": {
+    "defaultMessage": "Cancel"
+  },
+  "create-version-modal.custom-modpack": {
+    "defaultMessage": "Custom modpack"
+  },
+  "create-version-modal.dropzone-primary": {
+    "defaultMessage": "Drag and drop files or click to browse"
+  },
+  "create-version-modal.dropzone-secondary": {
+    "defaultMessage": "You can try to drag files or folder or click this area to select it"
+  },
+  "create-version-modal.learn-more": {
+    "defaultMessage": "Learn more"
+  },
+  "create-version-modal.license-checkbox": {
+    "defaultMessage": "Do you have the appropriate licenses to redistribute all content in this Modpack?"
+  },
+  "create-version-modal.loading": {
+    "defaultMessage": "Loading..."
+  },
+  "create-version-modal.modded-content-label": {
+    "defaultMessage": "Modded content"
+  },
+  "create-version-modal.no-results": {
+    "defaultMessage": "No results found"
+  },
+  "create-version-modal.project-label": {
+    "defaultMessage": "Project"
+  },
+  "create-version-modal.project-placeholder": {
+    "defaultMessage": "Select modpack"
+  },
+  "create-version-modal.project-search-placeholder": {
+    "defaultMessage": "Search by name or paste ID..."
+  },
+  "create-version-modal.published-modpack": {
+    "defaultMessage": "Published modpack"
+  },
+  "create-version-modal.select-modpack": {
+    "defaultMessage": "Select modpack"
+  },
+  "create-version-modal.set-active-version": {
+    "defaultMessage": "Set as the active version."
+  },
+  "create-version-modal.set-primary-version": {
+    "defaultMessage": "Set as the primary version."
+  },
+  "create-version-modal.title": {
+    "defaultMessage": "Create new version"
+  },
+  "create-version-modal.version-label": {
+    "defaultMessage": "Version"
+  },
+  "create-version-modal.version-name-label": {
+    "defaultMessage": "Name"
+  },
+  "create-version-modal.version-number-placeholder": {
+    "defaultMessage": "Enter version number"
+  },
+  "create-version-modal.version-placeholder": {
+    "defaultMessage": "Select version"
+  },
+  "create-version-modal.version-search-placeholder": {
+    "defaultMessage": "Search versions..."
+  },
   "form.label.address-line": {
     "defaultMessage": "Address line"
   },
@@ -449,6 +518,30 @@
   "modal.add-payment-method.title": {
     "defaultMessage": "Adding a payment method"
   },
+  "modal.open-in-app.benefit.install": {
+    "defaultMessage": "Automatically install required content"
+  },
+  "modal.open-in-app.benefit.launch": {
+    "defaultMessage": "Launch the game straight into the server"
+  },
+  "modal.open-in-app.benefit.update": {
+    "defaultMessage": "Keep files updated when the server changes"
+  },
+  "modal.open-in-app.close": {
+    "defaultMessage": "Close"
+  },
+  "modal.open-in-app.get-app": {
+    "defaultMessage": "Get Modrinth App"
+  },
+  "modal.open-in-app.opening-automatically": {
+    "defaultMessage": "The Modrinth App will open automatically..."
+  },
+  "modal.open-in-app.title": {
+    "defaultMessage": "Opening Modrinth App"
+  },
+  "modal.open-in-app.why-use": {
+    "defaultMessage": "Why use the Modrinth App"
+  },
   "notification.error.title": {
     "defaultMessage": "An error occurred"
   },
@@ -827,6 +920,9 @@
   "project.settings.analytics.title": {
     "defaultMessage": "Analytics"
   },
+  "project.settings.content.title": {
+    "defaultMessage": "Content"
+  },
   "project.settings.description.title": {
     "defaultMessage": "Description"
   },

From 50f738101ec1faed1770a56d5b7d63846b2c8188 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 10:50:22 -0700
Subject: [PATCH 042/178] pnpm prepr

---
 apps/frontend/src/pages/[type]/[id]/settings/members.vue | 2 +-
 packages/ui/src/components/modal/index.ts                | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/members.vue b/apps/frontend/src/pages/[type]/[id]/settings/members.vue
index 2b11e530dc..a80e2d9b06 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/members.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/members.vue
@@ -532,8 +532,8 @@ import {
 	Checkbox,
 	ConfirmModal,
 	injectNotificationManager,
-	Toggle,
 	injectProjectPageContext,
+	Toggle,
 } from '@modrinth/ui'
 import { Multiselect } from 'vue-multiselect'
 
diff --git a/packages/ui/src/components/modal/index.ts b/packages/ui/src/components/modal/index.ts
index 8b6a9a9743..89c4cf0266 100644
--- a/packages/ui/src/components/modal/index.ts
+++ b/packages/ui/src/components/modal/index.ts
@@ -2,5 +2,5 @@ export { default as ConfirmModal } from './ConfirmModal.vue'
 export { default as Modal } from './Modal.vue'
 export { default as NewModal } from './NewModal.vue'
 export { default as ShareModal } from './ShareModal.vue'
-export { default as TabbedModal } from './TabbedModal.vue'
 export type { Tab as TabbedModalTab } from './TabbedModal.vue'
+export { default as TabbedModal } from './TabbedModal.vue'

From f281a804ea8101752fbe51b6fa9cf21892294108 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 12:14:42 -0700
Subject: [PATCH 043/178] add api routes for server projects

---
 .../src/modules/labrinth/projects/v3.ts       | 11 +++++
 .../api-client/src/modules/labrinth/types.ts  | 41 +++++++++++++++++++
 2 files changed, 52 insertions(+)

diff --git a/packages/api-client/src/modules/labrinth/projects/v3.ts b/packages/api-client/src/modules/labrinth/projects/v3.ts
index c2c3a0445e..3906a2da5c 100644
--- a/packages/api-client/src/modules/labrinth/projects/v3.ts
+++ b/packages/api-client/src/modules/labrinth/projects/v3.ts
@@ -103,4 +103,15 @@ export class LabrinthProjectsV3Module extends AbstractModule {
 			method: 'GET',
 		})
 	}
+
+	public async create(
+		data: Labrinth.Projects.v3.CreateProjectRequest,
+	): Promise<Labrinth.Projects.v3.Project> {
+		return this.client.request<Labrinth.Projects.v3.Project>(`/project`, {
+			api: 'labrinth',
+			version: 3,
+			method: 'PUT',
+			body: data,
+		})
+	}
 }
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 4c391ef553..1a53ae15e0 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -350,6 +350,32 @@ export namespace Labrinth {
 				[key: string]: unknown
 			}
 
+			export interface ProjectBase {
+				name: string
+				slug: string
+				summary: string
+				description: string
+			}
+
+			export interface MinecraftServer {
+				max_players: number
+			}
+
+			export interface MinecraftJavaServer {
+				address: string
+			}
+
+			export interface MinecraftBedrockServer {
+				address: string
+			}
+
+			export interface CreateProjectRequest {
+				base: ProjectBase
+				minecraft_server?: MinecraftServer
+				minecraft_java_server?: MinecraftJavaServer
+				minecraft_bedrock_server?: MinecraftBedrockServer
+			}
+
 			export type EditProjectRequest = {
 				name?: string
 				summary?: string
@@ -367,6 +393,10 @@ export namespace Labrinth {
 				monetization_status?: v2.MonetizationStatus
 				side_types_migration_review_status?: 'reviewed' | 'pending'
 				environment?: Environment
+
+				minecraft_server?: MinecraftServer
+				minecraft_java_server?: MinecraftJavaServer
+				minecraft_bedrock_server?: MinecraftBedrockServer
 				[key: string]: unknown
 			}
 
@@ -530,6 +560,17 @@ export namespace Labrinth {
 				files: VersionFile[]
 				environment?: Labrinth.Projects.v3.Environment
 				mrpack_loaders?: string[]
+
+				// NOTE: API MAY CHANGE WHEN BACKEND IS READY
+				minecraft_server?: {
+					// if published modpack exists, then use published modpack for version
+					// otherwise, it's a custom modpack, and use .mrpack from files field
+					publishedModpack?: {
+						projectId: string
+						versionId: string
+					}
+					activeVersion?: boolean
+				}
 			}
 
 			export interface DraftVersionFile {

From bfaed9a9a504ad38dcad33f736099273a0030c9f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 12:16:49 -0700
Subject: [PATCH 044/178] update get project route

---
 packages/api-client/src/modules/labrinth/types.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 1a53ae15e0..4d82347955 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -344,6 +344,10 @@ export namespace Labrinth {
 				side_types_migration_review_status: 'reviewed' | 'pending'
 				environment?: Environment[]
 
+				minecraft_server?: MinecraftServer
+				minecraft_java_server?: MinecraftJavaServer
+				minecraft_bedrock_server?: MinecraftBedrockServer
+
 				/**
 				 * @deprecated Not recommended to use.
 				 **/

From 5232929c5a1d34416d276918e1c99df41e80a2a1 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 12:32:03 -0700
Subject: [PATCH 045/178] fixes from merge with main

---
 .../src/pages/[type]/[id]/settings/content.vue  | 17 +++++------------
 .../src/pages/[type]/[id]/settings/index.vue    | 12 ++++++------
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 5a38cee946..b757df0d8c 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -17,9 +17,9 @@
 		/>
 
 		<ProjectPageVersions
-			v-if="versions.length > 0"
+			v-if="versions && versions.length > 0"
 			:project="project"
-			:versions="versionsWithDisplayUrl"
+			:versions="versionsWithDisplayUrl ?? []"
 			:show-files="flags.showVersionFilesInTable"
 			:current-member="!!currentMember"
 			:loaders="tags.loaders"
@@ -208,7 +208,7 @@
 			</template>
 		</ProjectPageVersions>
 
-		<template v-if="!versions.length">
+		<template v-if="!versions?.length">
 			<div class="grid place-items-center py-10">
 				<svg
 					width="250"
@@ -315,14 +315,7 @@ import { useTemplateRef } from 'vue'
 
 import { reportVersion } from '~/utils/report-helpers.ts'
 
-interface Props {
-	project: Labrinth.Projects.v2.Project
-	currentMember?: object
-}
-
-const { project, currentMember } = defineProps<Props>()
-
-const versions = defineModel<Labrinth.Versions.v3.Version[]>('versions', { required: true })
+const { projectV2: project, currentMember, versions } = injectProjectPageContext()
 
 const client = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
@@ -352,7 +345,7 @@ const handleOpenEditVersionModal = (
 }
 
 const versionsWithDisplayUrl = computed(() =>
-	versions.value.map((v) => ({
+	versions.value?.map((v) => ({
 		...v,
 		displayUrlEnding: v.id,
 	})),
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index a5ce8032c1..5e2fd6b0cd 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -464,12 +464,12 @@ const visibility = ref(
 const bannerPreview = ref(null)
 const deletedBanner = ref(false)
 const bannerFile = ref(null)
-const javaAddress = ref(props.project.java_address ?? '')
-const javaPort = ref(props.project.java_port ?? 25565)
-const bedrockAddress = ref(props.project.bedrock_address ?? '')
-const bedrockPort = ref(props.project.bedrock_port ?? 19132)
-const serverVersion = ref(props.project.server_version ?? '')
-const serverCountry = ref(props.project.country ?? null)
+const javaAddress = ref(project.java_address ?? '')
+const javaPort = ref(project.java_port ?? 25565)
+const bedrockAddress = ref(project.bedrock_address ?? '')
+const bedrockPort = ref(project.bedrock_port ?? 19132)
+const serverVersion = ref(project.server_version ?? '')
+const serverCountry = ref(project.country ?? null)
 
 const countries = useFormattedCountries()
 

From e63787c5ddbb1de939497549fcf031b64d3763d5 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 13:49:23 -0700
Subject: [PATCH 046/178] feat: reusable table component

---
 packages/ui/src/components/base/Table.vue     | 152 ++++++++
 packages/ui/src/stories/base/Table.stories.ts | 363 ++++++++++++++++++
 2 files changed, 515 insertions(+)
 create mode 100644 packages/ui/src/components/base/Table.vue
 create mode 100644 packages/ui/src/stories/base/Table.stories.ts

diff --git a/packages/ui/src/components/base/Table.vue b/packages/ui/src/components/base/Table.vue
new file mode 100644
index 0000000000..2b77695ce6
--- /dev/null
+++ b/packages/ui/src/components/base/Table.vue
@@ -0,0 +1,152 @@
+<template>
+	<div class="overflow-hidden rounded-2xl border border-solid border-surface-3">
+		<table class="w-full border-separate border-spacing-0">
+			<thead>
+				<tr class="bg-surface-3">
+					<th v-if="showSelection" class="w-10 pl-4">
+						<Checkbox
+							:model-value="allSelected"
+							:indeterminate="someSelected"
+							class="shrink-0 py-4"
+							@update:model-value="toggleSelectAll"
+						/>
+					</th>
+					<th
+						v-for="column in columns"
+						:key="column.key"
+						class="font-semibold text-contrast h-14 first:pl-4 last:pr-4"
+						:class="[
+							`text-${column.align ?? 'left'}`,
+							column.enableSorting ? 'cursor-pointer select-none' : '',
+						]"
+						@click="column.enableSorting ? handleSort(column.key) : undefined"
+					>
+						<slot :name="`header-${column.key}`" :column="column">
+							<span class="inline-flex items-center gap-1">
+								{{ column.label }}
+								<template v-if="column.enableSorting">
+									<ChevronUpIcon
+										v-if="sortColumn === column.key && sortDirection === 'asc'"
+										class="size-4"
+									/>
+									<ChevronDownIcon
+										v-else-if="sortColumn === column.key && sortDirection === 'desc'"
+										class="size-4"
+									/>
+								</template>
+							</span>
+						</slot>
+					</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr
+					v-for="(row, rowIndex) in data"
+					:key="rowIndex"
+					:class="rowIndex % 2 === 0 ? 'bg-surface-2' : 'bg-surface-1'"
+				>
+					<td v-if="showSelection" class="w-10">
+						<Checkbox
+							:model-value="isSelected(row)"
+							class="shrink-0 p-4"
+							@update:model-value="toggleSelection(row)"
+						/>
+					</td>
+					<td
+						v-for="column in columns"
+						:key="column.key"
+						class="text-secondary h-14 first:pl-4 last:pr-4"
+						:class="`text-${column.align ?? 'left'}`"
+					>
+						<slot
+							:name="`cell-${column.key}`"
+							:row="row"
+							:value="row[column.key]"
+							:column="column"
+							:index="rowIndex"
+						>
+							{{ row[column.key] }}
+						</slot>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+</template>
+
+<script setup lang="ts" generic="T extends Record<string, unknown>">
+import { ChevronDownIcon, ChevronUpIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+import Checkbox from './Checkbox.vue'
+
+export type TableColumnAlign = 'left' | 'center' | 'right'
+export type SortDirection = 'asc' | 'desc'
+
+export interface TableColumn<K extends string = string> {
+	key: K
+	label: string
+	align?: TableColumnAlign
+	enableSorting?: boolean
+}
+
+const props = withDefaults(
+	defineProps<{
+		columns: TableColumn<Extract<keyof T, string>>[]
+		data: T[]
+		showSelection?: boolean
+		rowKey?: keyof T
+	}>(),
+	{
+		showSelection: false,
+		rowKey: 'id' as keyof T,
+	},
+)
+
+const selectedIds = defineModel<unknown[]>('selectedIds', { default: () => [] })
+const sortColumn = defineModel<string | undefined>('sortColumn')
+const sortDirection = defineModel<SortDirection>('sortDirection', { default: 'asc' })
+
+const emit = defineEmits<{
+	sort: [column: string, direction: SortDirection]
+}>()
+
+const allSelected = computed(
+	() => props.data.length > 0 && selectedIds.value.length === props.data.length,
+)
+const someSelected = computed(
+	() => selectedIds.value.length > 0 && selectedIds.value.length < props.data.length,
+)
+
+function getRowId(row: T): unknown {
+	return row[props.rowKey as keyof T]
+}
+
+function isSelected(row: T): boolean {
+	return selectedIds.value.includes(getRowId(row))
+}
+
+function toggleSelection(row: T) {
+	const id = getRowId(row)
+	if (isSelected(row)) {
+		selectedIds.value = selectedIds.value.filter((selectedId) => selectedId !== id)
+	} else {
+		selectedIds.value = [...selectedIds.value, id]
+	}
+}
+
+function toggleSelectAll(selectAll: boolean) {
+	if (selectAll) {
+		selectedIds.value = props.data.map((row) => getRowId(row))
+	} else {
+		selectedIds.value = []
+	}
+}
+
+function handleSort(columnKey: string) {
+	const newDirection: SortDirection =
+		sortColumn.value === columnKey && sortDirection.value === 'asc' ? 'desc' : 'asc'
+	sortColumn.value = columnKey
+	sortDirection.value = newDirection
+	emit('sort', columnKey, newDirection)
+}
+</script>
diff --git a/packages/ui/src/stories/base/Table.stories.ts b/packages/ui/src/stories/base/Table.stories.ts
new file mode 100644
index 0000000000..94d048ab9d
--- /dev/null
+++ b/packages/ui/src/stories/base/Table.stories.ts
@@ -0,0 +1,363 @@
+import { EditIcon, TrashIcon } from '@modrinth/assets'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import { ref } from 'vue'
+import Badge from '../../components/base/Badge.vue'
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import Table from '../../components/base/Table.vue'
+
+interface User {
+	id: string
+	name: string
+	email: string
+	status: 'active' | 'inactive' | 'pending'
+	role: string
+}
+
+const sampleUsers: User[] = [
+	{ id: '1', name: 'John Doe', email: 'john@example.com', status: 'active', role: 'Admin' },
+	{ id: '2', name: 'Jane Smith', email: 'jane@example.com', status: 'inactive', role: 'User' },
+	{ id: '3', name: 'Bob Johnson', email: 'bob@example.com', status: 'pending', role: 'Editor' },
+	{ id: '4', name: 'Alice Brown', email: 'alice@example.com', status: 'active', role: 'User' },
+	{
+		id: '5',
+		name: 'Charlie Wilson',
+		email: 'charlie@example.com',
+		status: 'active',
+		role: 'Admin',
+	},
+]
+
+const meta = {
+	title: 'Base/Table',
+	// @ts-ignore - Generic component
+	component: Table,
+} satisfies Meta<typeof Table>
+
+export default meta
+
+export const Default: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name' },
+				{ key: 'email', label: 'Email' },
+				{ key: 'status', label: 'Status' },
+				{ key: 'role', label: 'Role' },
+			]
+			const data = sampleUsers
+			return { columns, data }
+		},
+		template: /* html */ `
+			<Table :columns="columns" :data="data" />
+		`,
+	}),
+}
+
+export const WithSelection: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name' },
+				{ key: 'email', label: 'Email' },
+				{ key: 'status', label: 'Status' },
+				{ key: 'role', label: 'Role' },
+			]
+			const data = sampleUsers
+			const selectedIds = ref<string[]>([])
+			return { columns, data, selectedIds }
+		},
+		template: /* html */ `
+			<div class="space-y-4">
+				<Table
+					:columns="columns"
+					:data="data"
+					show-selection
+					row-key="id"
+					v-model:selected-ids="selectedIds"
+				/>
+				<p class="text-secondary">Selected IDs: {{ selectedIds.join(', ') || 'None' }}</p>
+			</div>
+		`,
+	}),
+}
+
+export const WithSorting: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name', enableSorting: true },
+				{ key: 'email', label: 'Email', enableSorting: true },
+				{ key: 'status', label: 'Status' },
+				{ key: 'role', label: 'Role', enableSorting: true },
+			]
+			const data = sampleUsers
+			const sortColumn = ref<string | undefined>('name')
+			const sortDirection = ref<'asc' | 'desc'>('asc')
+
+			function handleSort(column: string, direction: 'asc' | 'desc') {
+				console.log(`Sorting by ${column} ${direction}`)
+			}
+
+			return { columns, data, sortColumn, sortDirection, handleSort }
+		},
+		template: /* html */ `
+			<div class="space-y-4">
+				<Table
+					:columns="columns"
+					:data="data"
+					v-model:sort-column="sortColumn"
+					v-model:sort-direction="sortDirection"
+					@sort="handleSort"
+				/>
+				<p class="text-secondary">Sort: {{ sortColumn }} ({{ sortDirection }})</p>
+			</div>
+		`,
+	}),
+}
+
+export const WithColumnAlignment: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name', align: 'left' as const },
+				{ key: 'email', label: 'Email', align: 'center' as const },
+				{ key: 'status', label: 'Status', align: 'center' as const },
+				{ key: 'role', label: 'Role', align: 'right' as const },
+			]
+			const data = sampleUsers
+			return { columns, data }
+		},
+		template: /* html */ `
+			<Table :columns="columns" :data="data" />
+		`,
+	}),
+}
+
+export const WithCustomCellSlots: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table, Badge },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name' },
+				{ key: 'email', label: 'Email' },
+				{ key: 'status', label: 'Status', align: 'center' as const },
+				{ key: 'role', label: 'Role' },
+			]
+			const data = sampleUsers
+
+			const statusColor = (status: string) => {
+				switch (status) {
+					case 'active':
+						return 'green'
+					case 'inactive':
+						return 'red'
+					case 'pending':
+						return 'orange'
+					default:
+						return 'gray'
+				}
+			}
+
+			return { columns, data, statusColor }
+		},
+		template: /* html */ `
+			<Table :columns="columns" :data="data">
+				<template #cell-name="{ value, row }">
+					<div class="font-semibold">{{ value }}</div>
+				</template>
+				<template #cell-email="{ value }">
+					<a :href="'mailto:' + value" class="text-brand hover:underline">{{ value }}</a>
+				</template>
+				<template #cell-status="{ value }">
+					<Badge :color="statusColor(value)">{{ value }}</Badge>
+				</template>
+			</Table>
+		`,
+	}),
+}
+
+export const WithCustomHeaderSlots: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name' },
+				{ key: 'email', label: 'Email' },
+				{ key: 'status', label: 'Status' },
+				{ key: 'role', label: 'Role' },
+			]
+			const data = sampleUsers
+			return { columns, data }
+		},
+		template: /* html */ `
+			<Table :columns="columns" :data="data">
+				<template #header-name="{ column }">
+					<span class="text-brand font-bold uppercase">{{ column.label }} ✨</span>
+				</template>
+				<template #header-status="{ column }">
+					<span class="flex items-center gap-1">
+						<span class="w-2 h-2 rounded-full bg-green"></span>
+						{{ column.label }}
+					</span>
+				</template>
+			</Table>
+		`,
+	}),
+}
+
+export const WithActionsColumn: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table, ButtonStyled, EditIcon, TrashIcon },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name' },
+				{ key: 'email', label: 'Email' },
+				{ key: 'role', label: 'Role' },
+				{ key: 'actions', label: 'Actions', align: 'right' as const },
+			]
+			const data = sampleUsers
+
+			function handleEdit(row: User) {
+				alert(`Edit user: ${row.name}`)
+			}
+
+			function handleDelete(row: User) {
+				alert(`Delete user: ${row.name}`)
+			}
+
+			return { columns, data, handleEdit, handleDelete }
+		},
+		template: /* html */ `
+			<Table :columns="columns" :data="data">
+				<template #cell-actions="{ row }">
+					<div class="flex items-center justify-end gap-2">
+						<ButtonStyled color="brand" type="transparent" @click="handleEdit(row)">
+							<button class="flex items-center gap-1">
+								<EditIcon class="size-4" />
+								Edit
+							</button>
+						</ButtonStyled>
+						<ButtonStyled color="red" type="transparent" @click="handleDelete(row)">
+							<button class="flex items-center gap-1">
+								<TrashIcon class="size-4" />
+								Delete
+							</button>
+						</ButtonStyled>
+					</div>
+				</template>
+			</Table>
+		`,
+	}),
+}
+
+export const FullFeatured: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table, Badge, ButtonStyled, EditIcon, TrashIcon },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name', enableSorting: true },
+				{ key: 'email', label: 'Email', enableSorting: true },
+				{ key: 'status', label: 'Status', align: 'center' as const },
+				{ key: 'role', label: 'Role', enableSorting: true },
+				{ key: 'actions', label: 'Actions', align: 'right' as const },
+			]
+			const data = sampleUsers
+			const selectedIds = ref<string[]>([])
+			const sortColumn = ref<string | undefined>('name')
+			const sortDirection = ref<'asc' | 'desc'>('asc')
+
+			const statusColor = (status: string) => {
+				switch (status) {
+					case 'active':
+						return 'green'
+					case 'inactive':
+						return 'red'
+					case 'pending':
+						return 'orange'
+					default:
+						return 'gray'
+				}
+			}
+
+			function handleSort(column: string, direction: 'asc' | 'desc') {
+				console.log(`Sorting by ${column} ${direction}`)
+			}
+
+			function handleEdit(row: User) {
+				alert(`Edit user: ${row.name}`)
+			}
+
+			function handleDelete(row: User) {
+				alert(`Delete user: ${row.name}`)
+			}
+
+			return {
+				columns,
+				data,
+				selectedIds,
+				sortColumn,
+				sortDirection,
+				statusColor,
+				handleSort,
+				handleEdit,
+				handleDelete,
+			}
+		},
+		template: /* html */ `
+			<div class="space-y-4">
+				<Table
+					:columns="columns"
+					:data="data"
+					show-selection
+					row-key="id"
+					v-model:selected-ids="selectedIds"
+					v-model:sort-column="sortColumn"
+					v-model:sort-direction="sortDirection"
+					@sort="handleSort"
+				>
+					<template #cell-name="{ value }">
+						<span class="font-semibold">{{ value }}</span>
+					</template>
+					<template #cell-email="{ value }">
+						<a :href="'mailto:' + value" class="text-brand hover:underline">{{ value }}</a>
+					</template>
+					<template #cell-status="{ value }">
+						<Badge :color="statusColor(value)">{{ value }}</Badge>
+					</template>
+					<template #cell-actions="{ row }">
+						<div class="flex items-center justify-end gap-2">
+							<ButtonStyled color="brand" type="transparent" @click="handleEdit(row)">
+								<button class="flex items-center gap-1">
+									<EditIcon class="size-4" />
+									Edit
+								</button>
+							</ButtonStyled>
+							<ButtonStyled color="red" type="transparent" @click="handleDelete(row)">
+								<button class="flex items-center gap-1">
+									<TrashIcon class="size-4" />
+									Delete
+								</button>
+							</ButtonStyled>
+						</div>
+					</template>
+				</Table>
+				<div class="flex gap-4 text-secondary text-sm">
+					<span>Selected: {{ selectedIds.length }} items</span>
+					<span>Sort: {{ sortColumn }} ({{ sortDirection }})</span>
+				</div>
+			</div>
+		`,
+	}),
+}

From 292b3f8e8c181281bcbafea081fa2ff927eae316 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 13:59:45 -0700
Subject: [PATCH 047/178] feat: add column width prop for table and fix stories

---
 packages/ui/src/components/base/Table.vue     |  7 +++++++
 packages/ui/src/stories/base/Table.stories.ts | 16 ++++++++++------
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/base/Table.vue b/packages/ui/src/components/base/Table.vue
index 2b77695ce6..91c90c8555 100644
--- a/packages/ui/src/components/base/Table.vue
+++ b/packages/ui/src/components/base/Table.vue
@@ -19,6 +19,7 @@
 							`text-${column.align ?? 'left'}`,
 							column.enableSorting ? 'cursor-pointer select-none' : '',
 						]"
+						:style="column.width ? { width: column.width } : undefined"
 						@click="column.enableSorting ? handleSort(column.key) : undefined"
 					>
 						<slot :name="`header-${column.key}`" :column="column">
@@ -57,6 +58,7 @@
 						:key="column.key"
 						class="text-secondary h-14 first:pl-4 last:pr-4"
 						:class="`text-${column.align ?? 'left'}`"
+						:style="column.width ? { width: column.width } : undefined"
 					>
 						<slot
 							:name="`cell-${column.key}`"
@@ -87,6 +89,11 @@ export interface TableColumn<K extends string = string> {
 	label: string
 	align?: TableColumnAlign
 	enableSorting?: boolean
+	/**
+	 * CSS width value for the column.
+	 * Accepts any valid CSS width (e.g., '200px', '20%', '10rem', 'auto', 'fit-content').
+	 */
+	width?: string
 }
 
 const props = withDefaults(
diff --git a/packages/ui/src/stories/base/Table.stories.ts b/packages/ui/src/stories/base/Table.stories.ts
index 94d048ab9d..32820ea44b 100644
--- a/packages/ui/src/stories/base/Table.stories.ts
+++ b/packages/ui/src/stories/base/Table.stories.ts
@@ -149,8 +149,8 @@ export const WithCustomCellSlots: StoryObj = {
 			const columns = [
 				{ key: 'name', label: 'Name' },
 				{ key: 'email', label: 'Email' },
-				{ key: 'status', label: 'Status', align: 'center' as const },
-				{ key: 'role', label: 'Role' },
+				{ key: 'status', label: 'Status', align: 'center' as const, width: '20%' },
+				{ key: 'role', label: 'Role', width: '10%' },
 			]
 			const data = sampleUsers
 
@@ -178,7 +178,9 @@ export const WithCustomCellSlots: StoryObj = {
 					<a :href="'mailto:' + value" class="text-brand hover:underline">{{ value }}</a>
 				</template>
 				<template #cell-status="{ value }">
-					<Badge :color="statusColor(value)">{{ value }}</Badge>
+					<div class="flex justify-center">
+						<Badge :color="statusColor(value)">{{ value }}</Badge>
+					</div>
 				</template>
 			</Table>
 		`,
@@ -269,9 +271,9 @@ export const FullFeatured: StoryObj = {
 			const columns = [
 				{ key: 'name', label: 'Name', enableSorting: true },
 				{ key: 'email', label: 'Email', enableSorting: true },
-				{ key: 'status', label: 'Status', align: 'center' as const },
+				{ key: 'status', label: 'Status', align: 'center' as const, width: '100px' },
 				{ key: 'role', label: 'Role', enableSorting: true },
-				{ key: 'actions', label: 'Actions', align: 'right' as const },
+				{ key: 'actions', label: 'Actions', align: 'right' as const, width: '200px' },
 			]
 			const data = sampleUsers
 			const selectedIds = ref<string[]>([])
@@ -334,7 +336,9 @@ export const FullFeatured: StoryObj = {
 						<a :href="'mailto:' + value" class="text-brand hover:underline">{{ value }}</a>
 					</template>
 					<template #cell-status="{ value }">
-						<Badge :color="statusColor(value)">{{ value }}</Badge>
+						<div class="flex justify-center">
+							<Badge :color="statusColor(value)">{{ value }}</Badge>
+						</div>
 					</template>
 					<template #cell-actions="{ row }">
 						<div class="flex items-center justify-end gap-2">

From b1972afb16437b21ddcb8a3f3151370eecc758f1 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 14:11:57 -0700
Subject: [PATCH 048/178] feat: add table overflow menu story example

---
 packages/ui/src/stories/base/Table.stories.ts | 89 ++++++++++++++++++-
 1 file changed, 88 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/stories/base/Table.stories.ts b/packages/ui/src/stories/base/Table.stories.ts
index 32820ea44b..e607603731 100644
--- a/packages/ui/src/stories/base/Table.stories.ts
+++ b/packages/ui/src/stories/base/Table.stories.ts
@@ -1,8 +1,9 @@
-import { EditIcon, TrashIcon } from '@modrinth/assets'
+import { EditIcon, MoreVerticalIcon, TrashIcon } from '@modrinth/assets'
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import { ref } from 'vue'
 import Badge from '../../components/base/Badge.vue'
 import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import OverflowMenu from '../../components/base/OverflowMenu.vue'
 import Table from '../../components/base/Table.vue'
 
 interface User {
@@ -365,3 +366,89 @@ export const FullFeatured: StoryObj = {
 		`,
 	}),
 }
+
+export const WithOverflowMenu: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table, Badge, ButtonStyled, OverflowMenu, MoreVerticalIcon, EditIcon, TrashIcon },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name' },
+				{ key: 'email', label: 'Email' },
+				{ key: 'status', label: 'Status', align: 'center' as const, width: '20%' },
+				{ key: 'role', label: 'Role' },
+				{ key: 'actions', label: '', width: '48px' },
+			]
+			const data = sampleUsers
+
+			const statusColor = (status: string) => {
+				switch (status) {
+					case 'active':
+						return 'green'
+					case 'inactive':
+						return 'red'
+					case 'pending':
+						return 'orange'
+					default:
+						return 'gray'
+				}
+			}
+
+			const getMenuOptions = (row: User) => [
+				{
+					id: 'edit',
+					action: () => alert(`Edit user: ${row.name}`),
+				},
+				{
+					id: 'duplicate',
+					action: () => alert(`Duplicate user: ${row.name}`),
+				},
+				{ divider: true },
+				{
+					id: 'delete',
+					color: 'red' as const,
+					hoverFilled: true,
+					action: () => alert(`Delete user: ${row.name}`),
+				},
+			]
+
+			return { columns, data, statusColor, getMenuOptions }
+		},
+		template: /* html */ `
+			<Table :columns="columns" :data="data">
+				<template #cell-name="{ value }">
+					<span class="font-semibold">{{ value }}</span>
+				</template>
+				<template #cell-status="{ value }">
+					<div class="flex justify-center">
+						<Badge :color="statusColor(value)">{{ value }}</Badge>
+					</div>
+				</template>
+				<template #cell-actions="{ row }">
+					<div class="flex justify-end">
+						<ButtonStyled circular type="transparent">
+							<OverflowMenu
+								:options="getMenuOptions(row)"
+								aria-label="More options"
+							>
+								<MoreVerticalIcon aria-hidden="true" />
+								<template #edit>
+									<EditIcon class="size-4" aria-hidden="true" />
+									Edit
+								</template>
+								<template #duplicate>
+									<EditIcon class="size-4" aria-hidden="true" />
+									Duplicate
+								</template>
+								<template #delete>
+									<TrashIcon class="size-4" aria-hidden="true" />
+									Delete
+								</template>
+							</OverflowMenu>
+						</ButtonStyled>
+					</div>
+				</template>
+			</Table>
+		`,
+	}),
+}

From 8392ae3513ca914a0db72ef5761c70a6167cd2ce Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 14:48:06 -0700
Subject: [PATCH 049/178] feat: add surface-1.5 and use in table

---
 packages/assets/styles/variables.scss               | 2 ++
 packages/tooling-config/tailwind/tailwind-preset.ts | 1 +
 packages/ui/src/components/base/Table.vue           | 2 +-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/assets/styles/variables.scss b/packages/assets/styles/variables.scss
index 69b4cd781a..ba784cea99 100644
--- a/packages/assets/styles/variables.scss
+++ b/packages/assets/styles/variables.scss
@@ -1,5 +1,6 @@
 .light-properties {
 	--surface-1: #ebebeb;
+	--surface-1-5: #ededed;
 	--surface-2: #f5f5f5;
 	--surface-3: #f8f8f8;
 	--surface-4: #ffffff;
@@ -222,6 +223,7 @@ html {
 .dark,
 :root[data-theme='dark'] {
 	--surface-1: #16181c;
+	--surface-1-5: #1a1c20;
 	--surface-2: #1d1f23;
 	--surface-3: #27292e;
 	--surface-4: #34363c;
diff --git a/packages/tooling-config/tailwind/tailwind-preset.ts b/packages/tooling-config/tailwind/tailwind-preset.ts
index e566b3f8ac..3ff6f79732 100644
--- a/packages/tooling-config/tailwind/tailwind-preset.ts
+++ b/packages/tooling-config/tailwind/tailwind-preset.ts
@@ -6,6 +6,7 @@ const config: Config = {
 			colors: {
 				surface: {
 					1: 'var(--surface-1)',
+					1.5: 'var(--surface-1-5)',
 					2: 'var(--surface-2)',
 					3: 'var(--surface-3)',
 					4: 'var(--surface-4)',
diff --git a/packages/ui/src/components/base/Table.vue b/packages/ui/src/components/base/Table.vue
index 91c90c8555..7eb996442d 100644
--- a/packages/ui/src/components/base/Table.vue
+++ b/packages/ui/src/components/base/Table.vue
@@ -44,7 +44,7 @@
 				<tr
 					v-for="(row, rowIndex) in data"
 					:key="rowIndex"
-					:class="rowIndex % 2 === 0 ? 'bg-surface-2' : 'bg-surface-1'"
+					:class="rowIndex % 2 === 0 ? 'bg-surface-2' : 'bg-surface-1.5'"
 				>
 					<td v-if="showSelection" class="w-10">
 						<Checkbox

From 9783cbf52b48108dfca370dadb6564eba4105554 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 15:10:31 -0700
Subject: [PATCH 050/178] chore: export table in index

---
 packages/ui/src/components/base/Table.vue     | 1 +
 packages/ui/src/components/base/index.ts      | 5 +++--
 packages/ui/src/stories/base/Table.stories.ts | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/base/Table.vue b/packages/ui/src/components/base/Table.vue
index 7eb996442d..2fc2c0116f 100644
--- a/packages/ui/src/components/base/Table.vue
+++ b/packages/ui/src/components/base/Table.vue
@@ -79,6 +79,7 @@
 <script setup lang="ts" generic="T extends Record<string, unknown>">
 import { ChevronDownIcon, ChevronUpIcon } from '@modrinth/assets'
 import { computed } from 'vue'
+
 import Checkbox from './Checkbox.vue'
 
 export type TableColumnAlign = 'left' | 'center' | 'right'
diff --git a/packages/ui/src/components/base/index.ts b/packages/ui/src/components/base/index.ts
index ebe2c79014..041cd6d3c6 100644
--- a/packages/ui/src/components/base/index.ts
+++ b/packages/ui/src/components/base/index.ts
@@ -38,8 +38,7 @@ export { default as LoadingIndicator } from './LoadingIndicator.vue'
 export { default as ManySelect } from './ManySelect.vue'
 export { default as MarkdownEditor } from './MarkdownEditor.vue'
 export type { MaybeCtxFn, StageButtonConfig, StageConfigInput } from './MultiStageModal.vue'
-export { default as MultiStageModal } from './MultiStageModal.vue'
-export { resolveCtxFn } from './MultiStageModal.vue'
+export { default as MultiStageModal, resolveCtxFn } from './MultiStageModal.vue'
 export { default as OptionGroup } from './OptionGroup.vue'
 export type { Option as OverflowMenuOption } from './OverflowMenu.vue'
 export { default as OverflowMenu } from './OverflowMenu.vue'
@@ -58,6 +57,8 @@ export { default as SettingsLabel } from './SettingsLabel.vue'
 export { default as SimpleBadge } from './SimpleBadge.vue'
 export { default as Slider } from './Slider.vue'
 export { default as SmartClickable } from './SmartClickable.vue'
+export type { TableColumn } from './Table.vue'
+export { default as Table } from './Table.vue'
 export { default as TagItem } from './TagItem.vue'
 export { default as Timeline } from './Timeline.vue'
 export { default as Toggle } from './Toggle.vue'
diff --git a/packages/ui/src/stories/base/Table.stories.ts b/packages/ui/src/stories/base/Table.stories.ts
index e607603731..43edafd068 100644
--- a/packages/ui/src/stories/base/Table.stories.ts
+++ b/packages/ui/src/stories/base/Table.stories.ts
@@ -1,6 +1,7 @@
 import { EditIcon, MoreVerticalIcon, TrashIcon } from '@modrinth/assets'
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import { ref } from 'vue'
+
 import Badge from '../../components/base/Badge.vue'
 import ButtonStyled from '../../components/base/ButtonStyled.vue'
 import OverflowMenu from '../../components/base/OverflowMenu.vue'

From 11769df7b77419446cbb8d23b34d76b50e25ad82 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 16:09:03 -0700
Subject: [PATCH 051/178] add mocked server proj versions table

---
 .../pages/[type]/[id]/settings/content.vue    | 367 +++++++-----------
 packages/ui/src/components/base/Table.vue     |   6 +-
 .../project/ProjectPageVersions.vue           |   2 +-
 3 files changed, 143 insertions(+), 232 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index b757df0d8c..821b862255 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -16,199 +16,62 @@
 			@proceed="deleteVersion()"
 		/>
 
-		<ProjectPageVersions
-			v-if="versions && versions.length > 0"
-			:project="project"
-			:versions="versionsWithDisplayUrl ?? []"
-			:show-files="flags.showVersionFilesInTable"
-			:current-member="!!currentMember"
-			:loaders="tags.loaders"
-			:game-versions="tags.gameVersions"
-			:base-id="baseDropdownId"
-			:version-link="
-				(version: any) =>
-					`/${project.project_type}/${
-						project.slug ? project.slug : project.id
-					}/version/${encodeURI(version.displayUrlEnding)}`
-			"
-			:open-modal="currentMember ? () => handleOpenCreateVersionModal() : undefined"
+		<Table
+			v-if="mockVersions.length > 0"
+			:columns="columns"
+			:data="mockVersions"
+			v-model:sort-column="sortColumn"
+			v-model:sort-direction="sortDirection"
 		>
-			<template #actions="{ version }">
-				<ButtonStyled circular type="transparent">
-					<OverflowMenu
-						v-tooltip="'Edit version'"
-						class="hover:!bg-button-bg [&>svg]:!text-green"
-						:dropdown-id="`${baseDropdownId}-edit-${version.id}`"
-						:options="[
-							{
-								id: 'edit-metadata',
-								action: () => handleOpenEditVersionModal(version.id, project.id, 'metadata'),
-							},
-							{
-								id: 'edit-details',
-								action: () => handleOpenEditVersionModal(version.id, project.id, 'add-details'),
-							},
-							{
-								id: 'edit-files',
-								action: () => handleOpenEditVersionModal(version.id, project.id, 'add-files'),
-							},
-						]"
-						aria-label="Edit version"
-					>
-						<EditIcon aria-hidden="true" />
-						<template #edit-files>
-							<FileIcon aria-hidden="true" />
-							Edit files
-						</template>
-						<template #edit-details>
-							<InfoIcon aria-hidden="true" />
-							Edit details
-						</template>
-						<template #edit-metadata>
-							<BoxIcon aria-hidden="true" />
-							Edit metadata
-						</template>
-					</OverflowMenu>
-				</ButtonStyled>
-				<ButtonStyled circular type="transparent">
-					<OverflowMenu
-						v-tooltip="'More options'"
-						class="hover:!bg-button-bg"
-						:dropdown-id="`${baseDropdownId}-${version.id}`"
-						:options="[
-							{
-								id: 'download',
-								color: 'primary',
-								hoverFilled: true,
-								link: getPrimaryFile(version).url,
-								action: () => {
-									emit('onDownload')
-								},
-							},
-							{
-								id: 'new-tab',
-								action: () => {},
-								link: `/${project.project_type}/${
-									project.slug ? project.slug : project.id
-								}/version/${encodeURI(version.displayUrlEnding)}`,
-								external: true,
-							},
-							{
-								id: 'copy-link',
-								action: () =>
-									copyToClipboard(
-										`https://modrinth.com/${project.project_type}/${
-											project.slug ? project.slug : project.id
-										}/version/${encodeURI(version.displayUrlEnding)}`,
-									),
-							},
-							{
-								id: 'share',
-								action: () => {},
-								shown: false,
-							},
-							{
-								id: 'report',
-								color: 'red',
-								hoverFilled: true,
-								action: () => (auth.user ? reportVersion(version.id) : navigateTo('/auth/sign-in')),
-								shown: !currentMember,
-							},
-							{ divider: true, shown: !!currentMember || flags.developerMode },
-							{
-								id: 'copy-id',
-								action: () => {
-									copyToClipboard(version.id)
-								},
-								shown: !!currentMember || flags.developerMode,
-							},
-							{
-								id: 'copy-maven',
-								action: () => {
-									copyToClipboard(`maven.modrinth:${project.slug}:${version.id}`)
-								},
-								shown: flags.developerMode,
-							},
-							{ divider: true, shown: !!currentMember },
-							{
-								id: 'edit-details',
-								action: () => handleOpenEditVersionModal(version.id, project.id, 'add-details'),
-								shown: !!currentMember,
-							},
-							{
-								id: 'edit-metadata',
-								action: () => handleOpenEditVersionModal(version.id, project.id, 'metadata'),
-								shown: !!currentMember,
-							},
-							{
-								id: 'edit-files',
-								action: () => handleOpenEditVersionModal(version.id, project.id, 'add-files'),
-								shown: !!currentMember,
-							},
-							{
-								id: 'delete',
-								color: 'red',
-								hoverFilled: true,
-								action: () => {
-									selectedVersion = version.id
-									deleteVersionModal?.show()
-								},
-								shown: !!currentMember,
-							},
-						]"
-						aria-label="More options"
-					>
-						<MoreVerticalIcon aria-hidden="true" />
-						<template #download>
-							<DownloadIcon aria-hidden="true" />
-							Download
-						</template>
-						<template #new-tab>
-							<ExternalIcon aria-hidden="true" />
-							Open in new tab
-						</template>
-						<template #copy-link>
-							<LinkIcon aria-hidden="true" />
-							Copy link
-						</template>
-						<template #share>
-							<ShareIcon aria-hidden="true" />
-							Share
-						</template>
-						<template #report>
-							<ReportIcon aria-hidden="true" />
-							Report
-						</template>
-						<template #edit-files>
-							<FileIcon aria-hidden="true" />
-							Edit files
-						</template>
-						<template #edit-details>
-							<InfoIcon aria-hidden="true" />
-							Edit details
-						</template>
-						<template #edit-metadata>
-							<BoxIcon aria-hidden="true" />
-							Edit metadata
-						</template>
-						<template #delete>
-							<TrashIcon aria-hidden="true" />
-							Delete
-						</template>
-						<template #copy-id>
-							<ClipboardCopyIcon aria-hidden="true" />
-							Copy ID
-						</template>
-						<template #copy-maven>
-							<ClipboardCopyIcon aria-hidden="true" />
-							Copy Maven coordinates
-						</template>
-					</OverflowMenu>
-				</ButtonStyled>
+			<template #cell-name="{ row }">
+				<div class="flex items-center gap-2">
+					<span class="font-semibold text-contrast">{{ row.name }}</span>
+					<span v-if="row.isActive">Active</span>
+				</div>
+			</template>
+			<template #cell-requiredContent="{ value }">
+				<span>{{ value }}</span>
+			</template>
+			<template #cell-gameVersion="{ value }">
+				<span>{{ value }}</span>
 			</template>
-		</ProjectPageVersions>
+			<template #cell-published="{ value }">
+				<span>{{ value }}</span>
+			</template>
+			<template #cell-actions="{ row }">
+				<div class="flex justify-end">
+					<ButtonStyled circular type="transparent">
+						<OverflowMenu
+							v-tooltip="'More options'"
+							class="hover:!bg-button-bg"
+							:dropdown-id="`${baseDropdownId}-${row.id}`"
+							:options="getVersionMenuOptions(row)"
+							aria-label="More options"
+						>
+							<MoreVerticalIcon aria-hidden="true" />
+							<template #edit>
+								<EditIcon aria-hidden="true" />
+								Edit
+							</template>
+							<template #set-active>
+								<CheckIcon aria-hidden="true" />
+								Set as active
+							</template>
+							<template #copy-id>
+								<ClipboardCopyIcon aria-hidden="true" />
+								Copy ID
+							</template>
+							<template #delete>
+								<TrashIcon aria-hidden="true" />
+								Delete
+							</template>
+						</OverflowMenu>
+					</ButtonStyled>
+				</div>
+			</template>
+		</Table>
 
-		<template v-if="!versions?.length">
+		<template v-if="!mockVersions.length">
 			<div class="grid place-items-center py-10">
 				<svg
 					width="250"
@@ -284,20 +147,12 @@
 </template>
 
 <script lang="ts" setup>
-import type { Labrinth } from '@modrinth/api-client'
 import {
-	BoxIcon,
+	CheckIcon,
 	ClipboardCopyIcon,
-	DownloadIcon,
 	EditIcon,
-	ExternalIcon,
-	FileIcon,
-	InfoIcon,
-	LinkIcon,
 	MoreVerticalIcon,
 	PlusIcon,
-	ReportIcon,
-	ShareIcon,
 	TrashIcon,
 } from '@modrinth/assets'
 import {
@@ -309,54 +164,111 @@ import {
 	injectNotificationManager,
 	injectProjectPageContext,
 	OverflowMenu,
-	ProjectPageVersions,
+	Table,
+	type TableColumn,
 } from '@modrinth/ui'
-import { useTemplateRef } from 'vue'
-
-import { reportVersion } from '~/utils/report-helpers.ts'
+import { ref, useTemplateRef } from 'vue'
 
-const { projectV2: project, currentMember, versions } = injectProjectPageContext()
+const { projectV2: project, currentMember } = injectProjectPageContext()
 
 const client = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
 const { refreshVersions } = injectProjectPageContext()
 
-const tags = useGeneratedState()
-const flags = useFeatureFlags()
-const auth = await useAuth()
-
 const createServerVersionModal = useTemplateRef('create-server-version-modal')
 const deleteVersionModal = ref<InstanceType<typeof ConfirmModal>>()
 const selectedVersion = ref<string | null>(null)
 
+interface ServerVersion {
+	id: string
+	name: string
+	isActive: boolean
+	requiredContent: string
+	gameVersion: string
+	published: string
+}
+
+const mockVersions = ref<ServerVersion[]>([
+	{
+		id: '1',
+		name: '1.0.2',
+		isActive: true,
+		requiredContent: 'Complex Cobblemon Pack 1.6.4',
+		gameVersion: '1.21.10',
+		published: 'Last week',
+	},
+	{
+		id: '2',
+		name: '1.0.1',
+		isActive: false,
+		requiredContent: 'Complex Cobblemon Pack 1.6.4',
+		gameVersion: '1.21.10',
+		published: 'Last month',
+	},
+	{
+		id: '3',
+		name: '1.0.0',
+		isActive: false,
+		requiredContent: 'Complex Cobblemon Pack 1.6.4',
+		gameVersion: '1.21.10',
+		published: '2 months ago',
+	},
+])
+
+const columns: TableColumn<keyof ServerVersion | 'actions'>[] = [
+	{ key: 'name', label: 'Name', enableSorting: true },
+	{ key: 'requiredContent', label: 'Required content' },
+	{ key: 'gameVersion', label: 'Game version' },
+	{ key: 'published', label: 'Published' },
+	{ key: 'actions', label: 'Actions', align: 'right', width: '80px' },
+]
+
+const sortColumn = ref<string | undefined>('name')
+const sortDirection = ref<'asc' | 'desc'>('asc')
+
+const baseDropdownId = useId()
+
+const getVersionMenuOptions = (row: ServerVersion) => [
+	{
+		id: 'edit',
+		action: () => handleOpenEditVersionModal(row.id),
+	},
+	{
+		id: 'set-active',
+		action: () => setActiveVersion(row.id),
+		shown: !row.isActive,
+	},
+	{
+		id: 'copy-id',
+		action: () => copyToClipboard(row.id),
+	},
+	{ divider: true },
+	{
+		id: 'delete',
+		color: 'red' as const,
+		hoverFilled: true,
+		action: () => {
+			selectedVersion.value = row.id
+			deleteVersionModal.value?.show()
+		},
+	},
+]
+
 const handleOpenCreateVersionModal = () => {
 	if (!currentMember) return
 	createServerVersionModal.value?.show()
 }
 
-const handleOpenEditVersionModal = (
-	versionId: string,
-	projectId: string,
-	stageId?: string | null,
-) => {
+const handleOpenEditVersionModal = (versionId: string) => {
 	if (!currentMember) return
-	// TODO: Implement edit version modal functionality
-	console.log('Edit version:', versionId, projectId, stageId)
+	console.log('Edit version:', versionId)
 }
 
-const versionsWithDisplayUrl = computed(() =>
-	versions.value?.map((v) => ({
+const setActiveVersion = (versionId: string) => {
+	mockVersions.value = mockVersions.value.map((v) => ({
 		...v,
-		displayUrlEnding: v.id,
-	})),
-)
-
-const emit = defineEmits(['onDownload'])
-
-const baseDropdownId = useId()
-
-function getPrimaryFile(version: Labrinth.Versions.v3.Version) {
-	return version.files.find((x) => x.primary) || version.files[0]
+		isActive: v.id === versionId,
+	}))
 }
 
 async function copyToClipboard(text: string) {
@@ -364,7 +276,6 @@ async function copyToClipboard(text: string) {
 }
 
 function handleVersionSubmit(data: CreateServerVersionData) {
-	// TODO: Implement version creation logic
 	console.log('Version submit:', data)
 	createServerVersionModal.value?.hide()
 }
diff --git a/packages/ui/src/components/base/Table.vue b/packages/ui/src/components/base/Table.vue
index 2fc2c0116f..858ed41587 100644
--- a/packages/ui/src/components/base/Table.vue
+++ b/packages/ui/src/components/base/Table.vue
@@ -67,7 +67,7 @@
 							:column="column"
 							:index="rowIndex"
 						>
-							{{ row[column.key] }}
+							{{ row[column.key] ?? '' }}
 						</slot>
 					</td>
 				</tr>
@@ -85,7 +85,7 @@ import Checkbox from './Checkbox.vue'
 export type TableColumnAlign = 'left' | 'center' | 'right'
 export type SortDirection = 'asc' | 'desc'
 
-export interface TableColumn<K extends string = string> {
+export interface TableColumn<K extends string> {
 	key: K
 	label: string
 	align?: TableColumnAlign
@@ -99,7 +99,7 @@ export interface TableColumn<K extends string = string> {
 
 const props = withDefaults(
 	defineProps<{
-		columns: TableColumn<Extract<keyof T, string>>[]
+		columns: TableColumn<Extract<keyof T, string> | string>[]
 		data: T[]
 		showSelection?: boolean
 		rowKey?: keyof T
diff --git a/packages/ui/src/components/project/ProjectPageVersions.vue b/packages/ui/src/components/project/ProjectPageVersions.vue
index f433f31347..3553a1d0de 100644
--- a/packages/ui/src/components/project/ProjectPageVersions.vue
+++ b/packages/ui/src/components/project/ProjectPageVersions.vue
@@ -181,7 +181,7 @@
 								class="z-[1] flex cursor-help items-center gap-1 text-nowrap font-medium xl:self-center"
 							>
 								<CalendarIcon class="xl:hidden" />
-								{{ formatRelativeTime(version.date_published) }}
+								{{ formatRelativeTime(new Date(version.date_published)) }}
 							</div>
 							<div
 								class="pointer-events-none z-[1] flex items-center gap-1 font-medium xl:self-center"

From 02a9f4c722ce989d9df50b3ca0c0b6084608eccb Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 26 Jan 2026 16:10:04 -0700
Subject: [PATCH 052/178] fix: allow more loose typing on columns

---
 packages/ui/src/components/base/Table.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/base/Table.vue b/packages/ui/src/components/base/Table.vue
index 2fc2c0116f..858ed41587 100644
--- a/packages/ui/src/components/base/Table.vue
+++ b/packages/ui/src/components/base/Table.vue
@@ -67,7 +67,7 @@
 							:column="column"
 							:index="rowIndex"
 						>
-							{{ row[column.key] }}
+							{{ row[column.key] ?? '' }}
 						</slot>
 					</td>
 				</tr>
@@ -85,7 +85,7 @@ import Checkbox from './Checkbox.vue'
 export type TableColumnAlign = 'left' | 'center' | 'right'
 export type SortDirection = 'asc' | 'desc'
 
-export interface TableColumn<K extends string = string> {
+export interface TableColumn<K extends string> {
 	key: K
 	label: string
 	align?: TableColumnAlign
@@ -99,7 +99,7 @@ export interface TableColumn<K extends string = string> {
 
 const props = withDefaults(
 	defineProps<{
-		columns: TableColumn<Extract<keyof T, string>>[]
+		columns: TableColumn<Extract<keyof T, string> | string>[]
 		data: T[]
 		showSelection?: boolean
 		rowKey?: keyof T

From e67f25166cfdfe45796655d344502d53c293339f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 27 Jan 2026 20:24:23 -0700
Subject: [PATCH 053/178] update active tag

---
 .../pages/[type]/[id]/settings/content.vue    | 61 +++++++++++--------
 1 file changed, 34 insertions(+), 27 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 821b862255..e4a64e4e8f 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -26,7 +26,13 @@
 			<template #cell-name="{ row }">
 				<div class="flex items-center gap-2">
 					<span class="font-semibold text-contrast">{{ row.name }}</span>
-					<span v-if="row.isActive">Active</span>
+					<TagItem
+						v-if="row.isActive"
+						class="border !border-solid border-brand bg-highlight-green text-brand"
+						:style="`--_color: var(--color-brand)`"
+					>
+						Active
+					</TagItem>
 				</div>
 			</template>
 			<template #cell-requiredContent="{ value }">
@@ -45,7 +51,28 @@
 							v-tooltip="'More options'"
 							class="hover:!bg-button-bg"
 							:dropdown-id="`${baseDropdownId}-${row.id}`"
-							:options="getVersionMenuOptions(row)"
+							:options="[
+								{
+									id: 'edit',
+									action: () => handleOpenEditVersionModal(row.id),
+								},
+								{
+									id: 'set-active',
+									action: () => setActiveVersion(row.id),
+									shown: !row.isActive,
+								},
+								{
+									id: 'copy-id',
+									action: () => copyToClipboard(row.id),
+								},
+								{ divider: true },
+								{
+									id: 'delete',
+									color: 'red' as const,
+									hoverFilled: true,
+									action: () => handleDeleteVersion(row.id),
+								},
+							]"
 							aria-label="More options"
 						>
 							<MoreVerticalIcon aria-hidden="true" />
@@ -166,6 +193,7 @@ import {
 	OverflowMenu,
 	Table,
 	type TableColumn,
+	TagItem,
 } from '@modrinth/ui'
 import { ref, useTemplateRef } from 'vue'
 
@@ -228,31 +256,10 @@ const sortDirection = ref<'asc' | 'desc'>('asc')
 
 const baseDropdownId = useId()
 
-const getVersionMenuOptions = (row: ServerVersion) => [
-	{
-		id: 'edit',
-		action: () => handleOpenEditVersionModal(row.id),
-	},
-	{
-		id: 'set-active',
-		action: () => setActiveVersion(row.id),
-		shown: !row.isActive,
-	},
-	{
-		id: 'copy-id',
-		action: () => copyToClipboard(row.id),
-	},
-	{ divider: true },
-	{
-		id: 'delete',
-		color: 'red' as const,
-		hoverFilled: true,
-		action: () => {
-			selectedVersion.value = row.id
-			deleteVersionModal.value?.show()
-		},
-	},
-]
+const handleDeleteVersion = (versionId: string) => {
+	selectedVersion.value = versionId
+	deleteVersionModal.value?.show()
+}
 
 const handleOpenCreateVersionModal = () => {
 	if (!currentMember) return

From 1d7c8a0bdd5bedd334bad0e7f83f60e5c4365f42 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 27 Jan 2026 20:37:29 -0700
Subject: [PATCH 054/178] update above table buttons

---
 .../pages/[type]/[id]/settings/content.vue    | 180 ++++++++++--------
 1 file changed, 98 insertions(+), 82 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index e4a64e4e8f..65f02a7f6c 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -16,87 +16,103 @@
 			@proceed="deleteVersion()"
 		/>
 
-		<Table
-			v-if="mockVersions.length > 0"
-			:columns="columns"
-			:data="mockVersions"
-			v-model:sort-column="sortColumn"
-			v-model:sort-direction="sortDirection"
-		>
-			<template #cell-name="{ row }">
-				<div class="flex items-center gap-2">
-					<span class="font-semibold text-contrast">{{ row.name }}</span>
-					<TagItem
-						v-if="row.isActive"
-						class="border !border-solid border-brand bg-highlight-green text-brand"
-						:style="`--_color: var(--color-brand)`"
-					>
-						Active
-					</TagItem>
+		<div class="flex flex-col gap-4">
+			<div class="flex items-end justify-between gap-4">
+				<div class="iconified-input">
+					<SearchIcon />
+					<input
+						v-model="search"
+						type="text"
+						:placeholder="`Search ${mockVersions.length} versions...`"
+					/>
 				</div>
-			</template>
-			<template #cell-requiredContent="{ value }">
-				<span>{{ value }}</span>
-			</template>
-			<template #cell-gameVersion="{ value }">
-				<span>{{ value }}</span>
-			</template>
-			<template #cell-published="{ value }">
-				<span>{{ value }}</span>
-			</template>
-			<template #cell-actions="{ row }">
-				<div class="flex justify-end">
-					<ButtonStyled circular type="transparent">
-						<OverflowMenu
-							v-tooltip="'More options'"
-							class="hover:!bg-button-bg"
-							:dropdown-id="`${baseDropdownId}-${row.id}`"
-							:options="[
-								{
-									id: 'edit',
-									action: () => handleOpenEditVersionModal(row.id),
-								},
-								{
-									id: 'set-active',
-									action: () => setActiveVersion(row.id),
-									shown: !row.isActive,
-								},
-								{
-									id: 'copy-id',
-									action: () => copyToClipboard(row.id),
-								},
-								{ divider: true },
-								{
-									id: 'delete',
-									color: 'red' as const,
-									hoverFilled: true,
-									action: () => handleDeleteVersion(row.id),
-								},
-							]"
-							aria-label="More options"
+				<ButtonStyled color="green">
+					<button @click="handleOpenCreateVersionModal"><PlusIcon /> Update modpack</button>
+				</ButtonStyled>
+			</div>
+
+			<Table
+				v-if="mockVersions.length > 0"
+				:columns="columns"
+				:data="mockVersions"
+				v-model:sort-column="sortColumn"
+				v-model:sort-direction="sortDirection"
+			>
+				<template #cell-name="{ row }">
+					<div class="flex items-center gap-2">
+						<span class="font-semibold text-contrast">{{ row.name }}</span>
+						<TagItem
+							v-if="row.isActive"
+							class="border !border-solid border-brand bg-highlight-green text-brand"
+							:style="`--_color: var(--color-brand)`"
 						>
-							<MoreVerticalIcon aria-hidden="true" />
-							<template #edit>
-								<EditIcon aria-hidden="true" />
-								Edit
-							</template>
-							<template #set-active>
-								<CheckIcon aria-hidden="true" />
-								Set as active
-							</template>
-							<template #copy-id>
-								<ClipboardCopyIcon aria-hidden="true" />
-								Copy ID
-							</template>
-							<template #delete>
-								<TrashIcon aria-hidden="true" />
-								Delete
-							</template>
-						</OverflowMenu>
-					</ButtonStyled>
-				</div>
-			</template>
-		</Table>
+							Active
+						</TagItem>
+					</div>
+				</template>
+				<template #cell-requiredContent="{ value }">
+					<span>{{ value }}</span>
+				</template>
+				<template #cell-gameVersion="{ value }">
+					<span>{{ value }}</span>
+				</template>
+				<template #cell-published="{ value }">
+					<span>{{ value }}</span>
+				</template>
+				<template #cell-actions="{ row }">
+					<div class="flex justify-end">
+						<ButtonStyled circular type="transparent">
+							<OverflowMenu
+								v-tooltip="'More options'"
+								class="hover:!bg-button-bg"
+								:dropdown-id="`${baseDropdownId}-${row.id}`"
+								:options="[
+									{
+										id: 'edit',
+										action: () => handleOpenEditVersionModal(row.id),
+									},
+									{
+										id: 'set-active',
+										action: () => setActiveVersion(row.id),
+										shown: !row.isActive,
+									},
+									{
+										id: 'copy-id',
+										action: () => copyToClipboard(row.id),
+									},
+									{ divider: true },
+									{
+										id: 'delete',
+										color: 'red' as const,
+										hoverFilled: true,
+										action: () => handleDeleteVersion(row.id),
+									},
+								]"
+								aria-label="More options"
+							>
+								<MoreVerticalIcon aria-hidden="true" />
+								<template #edit>
+									<EditIcon aria-hidden="true" />
+									Edit
+								</template>
+								<template #set-active>
+									<CheckIcon aria-hidden="true" />
+									Set as active
+								</template>
+								<template #copy-id>
+									<ClipboardCopyIcon aria-hidden="true" />
+									Copy ID
+								</template>
+								<template #delete>
+									<TrashIcon aria-hidden="true" />
+									Delete
+								</template>
+							</OverflowMenu>
+						</ButtonStyled>
+					</div>
+				</template>
+			</Table>
+		</div>
 
 		<template v-if="!mockVersions.length">
 			<div class="grid place-items-center py-10">
@@ -163,9 +179,7 @@
 					</div>
 					<br />
 					<ButtonStyled color="green">
-						<button @click="() => createServerVersionModal?.show()">
-							<PlusIcon /> Select modpack
-						</button>
+						<button @click="handleOpenCreateVersionModal"><PlusIcon /> Select modpack</button>
 					</ButtonStyled>
 				</div>
 			</div>
@@ -180,6 +194,7 @@ import {
 	EditIcon,
 	MoreVerticalIcon,
 	PlusIcon,
+	SearchIcon,
 	TrashIcon,
 } from '@modrinth/assets'
 import {
@@ -206,6 +221,7 @@ const { refreshVersions } = injectProjectPageContext()
 const createServerVersionModal = useTemplateRef('create-server-version-modal')
 const deleteVersionModal = ref<InstanceType<typeof ConfirmModal>>()
 const selectedVersion = ref<string | null>(null)
+const search = ref('')
 
 interface ServerVersion {
 	id: string

From a8c4e2dfb122763ecfae184722cf765f585412ea Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 27 Jan 2026 21:02:33 -0700
Subject: [PATCH 055/178] feat: update table component to derive key from
 column instead of data

---
 packages/ui/src/components/base/Table.vue | 30 ++++++++++++++++-------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/packages/ui/src/components/base/Table.vue b/packages/ui/src/components/base/Table.vue
index 858ed41587..b84f5a54c2 100644
--- a/packages/ui/src/components/base/Table.vue
+++ b/packages/ui/src/components/base/Table.vue
@@ -14,7 +14,7 @@
 					<th
 						v-for="column in columns"
 						:key="column.key"
-						class="font-semibold text-contrast h-14 first:pl-4 last:pr-4"
+						class="h-14 first:pl-4 last:pr-4"
 						:class="[
 							`text-${column.align ?? 'left'}`,
 							column.enableSorting ? 'cursor-pointer select-none' : '',
@@ -23,8 +23,12 @@
 						@click="column.enableSorting ? handleSort(column.key) : undefined"
 					>
 						<slot :name="`header-${column.key}`" :column="column">
-							<span class="inline-flex items-center gap-1">
-								{{ column.label }}
+							<span
+								v-if="column.label || column.enableSorting"
+								class="inline-flex items-center gap-1 font-semibold"
+								:class="`${sortColumn === column.key ? 'text-contrast' : ''}`"
+							>
+								{{ column.label ?? '' }}
 								<template v-if="column.enableSorting">
 									<ChevronUpIcon
 										v-if="sortColumn === column.key && sortDirection === 'asc'"
@@ -76,7 +80,11 @@
 	</div>
 </template>
 
-<script setup lang="ts" generic="T extends Record<string, unknown>">
+<script
+	setup
+	lang="ts"
+	generic="K extends string = string, T extends Record<string, unknown> = Record<K, unknown>"
+>
 import { ChevronDownIcon, ChevronUpIcon } from '@modrinth/assets'
 import { computed } from 'vue'
 
@@ -85,9 +93,13 @@ import Checkbox from './Checkbox.vue'
 export type TableColumnAlign = 'left' | 'center' | 'right'
 export type SortDirection = 'asc' | 'desc'
 
-export interface TableColumn<K extends string> {
+/**
+ * Defines a table column configuration.
+ * @template K - The column key is used to get cell data of row
+ */
+export interface TableColumn<K extends string = string> {
 	key: K
-	label: string
+	label?: string
 	align?: TableColumnAlign
 	enableSorting?: boolean
 	/**
@@ -99,10 +111,10 @@ export interface TableColumn<K extends string> {
 
 const props = withDefaults(
 	defineProps<{
-		columns: TableColumn<Extract<keyof T, string> | string>[]
-		data: T[]
+		columns: TableColumn<K>[]
+		data: T[] /* Row data for table */
 		showSelection?: boolean
-		rowKey?: keyof T
+		rowKey?: keyof T /* The key used to uniquely identify each row */
 	}>(),
 	{
 		showSelection: false,

From 103246923932e760434d0114eb09cdc93df15da7 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 28 Jan 2026 12:42:27 -0700
Subject: [PATCH 056/178] feat: implement fetch modcount for project inside
 install to play

---
 .../components/ui/modal/InstallToPlayModal.vue   | 16 +++++++++++++---
 apps/app-frontend/src/pages/instance/Mods.vue    |  2 +-
 apps/app-frontend/src/pages/project/Index.vue    |  2 +-
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index 3a888d912e..08216c6480 100644
--- a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -56,19 +56,20 @@
 <script setup lang="ts">
 import { CheckIcon, XIcon } from '@modrinth/assets'
 import { Admonition, Avatar, ButtonStyled, NewModal } from '@modrinth/ui'
-import type { Project } from '@modrinth/utils'
 import { formatCategory } from '@modrinth/utils'
+import { useQuery } from '@tanstack/vue-query'
 import { computed, ref } from 'vue'
 
+import { get_version } from '@/helpers/cache.js'
 import { install } from '@/store/install.js'
+import type { Labrinth } from '@modrinth/api-client'
 
 const props = defineProps<{
-	project: Project
+	project: Labrinth.Projects.v2.Project
 	sharedBy?: {
 		name: string
 		icon_url?: string
 	}
-	modCount?: number
 }>()
 
 const modal = ref<InstanceType<typeof NewModal>>()
@@ -79,6 +80,15 @@ const loaderDisplay = computed(() => {
 	return formatCategory(loader)
 })
 
+// Fetch the most recent version to get mod count from dependencies
+const latestVersionId = computed(() => props.project.versions?.[0] ?? null)
+const { data: latestVersion } = useQuery({
+	queryKey: computed(() => ['version', latestVersionId.value]),
+	queryFn: () => get_version(latestVersionId.value, 'must_revalidate'),
+	enabled: computed(() => !!latestVersionId.value),
+})
+const modCount = computed(() => latestVersion.value?.dependencies?.length)
+
 async function handleAccept() {
 	try {
 		await install(props.project.id, null, null, 'ProjectPage', undefined, () => {
diff --git a/apps/app-frontend/src/pages/instance/Mods.vue b/apps/app-frontend/src/pages/instance/Mods.vue
index e91b43f0bd..e4819e1cb8 100644
--- a/apps/app-frontend/src/pages/instance/Mods.vue
+++ b/apps/app-frontend/src/pages/instance/Mods.vue
@@ -7,7 +7,7 @@
 					<input
 						v-model="searchFilter"
 						type="text"
-						:placeholder="`Search ${filteredProjects.length} project${filteredProjects.length === 1 ? '' : 's'}...`"
+						:placeholder="`Search ${filteredProjects.length} project${filteredProjects.length === 1 ? '' : 's'}... test`"
 						class="text-input search-input"
 						autocomplete="off"
 					/>
diff --git a/apps/app-frontend/src/pages/project/Index.vue b/apps/app-frontend/src/pages/project/Index.vue
index 6f3f696d32..76c6b18777 100644
--- a/apps/app-frontend/src/pages/project/Index.vue
+++ b/apps/app-frontend/src/pages/project/Index.vue
@@ -192,7 +192,7 @@ const instanceProjects = ref(null)
 const installed = ref(false)
 const installedVersion = ref(null)
 
-const installToPlay = ref(null)
+const installToPlay = ref(null) // TODO, only show install to play modal for server project types that have .mrpack for content
 
 const instanceFilters = computed(() => {
 	if (!instance.value) {

From 2092ba85edef84eafeb233b2d589e301f60a75d5 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 29 Jan 2026 09:57:06 -0700
Subject: [PATCH 057/178] fix hide modal on install to play

---
 .../src/components/ui/modal/InstallToPlayModal.vue          | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index 08216c6480..1c8c76ec2c 100644
--- a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -90,12 +90,10 @@ const { data: latestVersion } = useQuery({
 const modCount = computed(() => latestVersion.value?.dependencies?.length)
 
 async function handleAccept() {
+	modal.value?.hide()
 	try {
-		await install(props.project.id, null, null, 'ProjectPage', undefined, () => {
-			console.log()
-		})
+		await install(props.project.id, null, null, 'ProjectPageInstallToPlayModal')
 	} catch (error) {}
-	modal.value?.hide()
 }
 
 function handleDecline() {

From 6c2ab769c43b52c7aa714a874c9b11698cea3a43 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 29 Jan 2026 11:00:41 -0700
Subject: [PATCH 058/178] small copy updates to install to play modal

---
 .../src/components/ui/modal/InstallToPlayModal.vue  | 13 ++++++-------
 apps/app-frontend/src/pages/project/Index.vue       |  5 ++---
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index 1c8c76ec2c..6a431db431 100644
--- a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -2,8 +2,7 @@
 	<NewModal ref="modal" header="Install to play" :closable="true">
 		<div class="flex flex-col gap-4 max-w-[500px]">
 			<Admonition type="info" header="Shared server instance">
-				This server requires modded content to play. Accept to install the needed files from
-				Modrinth.
+				This server requires mods to play. Click install to set up the required files from Modrinth.
 			</Admonition>
 
 			<div v-if="sharedBy?.name" class="flex items-center gap-2 text-sm text-secondary">
@@ -44,8 +43,8 @@
 				</ButtonStyled>
 				<ButtonStyled color="brand">
 					<button @click="handleAccept">
-						<CheckIcon />
-						Accept
+						<DownloadIcon />
+						Install
 					</button>
 				</ButtonStyled>
 			</div>
@@ -54,7 +53,7 @@
 </template>
 
 <script setup lang="ts">
-import { CheckIcon, XIcon } from '@modrinth/assets'
+import { DownloadIcon, XIcon } from '@modrinth/assets'
 import { Admonition, Avatar, ButtonStyled, NewModal } from '@modrinth/ui'
 import { formatCategory } from '@modrinth/utils'
 import { useQuery } from '@tanstack/vue-query'
@@ -90,14 +89,14 @@ const { data: latestVersion } = useQuery({
 const modCount = computed(() => latestVersion.value?.dependencies?.length)
 
 async function handleAccept() {
-	modal.value?.hide()
+	hide()
 	try {
 		await install(props.project.id, null, null, 'ProjectPageInstallToPlayModal')
 	} catch (error) {}
 }
 
 function handleDecline() {
-	modal.value?.hide()
+	hide()
 }
 
 function show(e?: MouseEvent) {
diff --git a/apps/app-frontend/src/pages/project/Index.vue b/apps/app-frontend/src/pages/project/Index.vue
index 76c6b18777..960869e11f 100644
--- a/apps/app-frontend/src/pages/project/Index.vue
+++ b/apps/app-frontend/src/pages/project/Index.vue
@@ -22,9 +22,10 @@
 				class="project-sidebar-section"
 			/>
 		</Teleport>
+		<InstallToPlayModal ref="installToPlayModal" :project="data" />
 		<div class="flex flex-col gap-4 p-6">
 			<ButtonStyled>
-				<button @click="installToPlay.show()">open install to play</button>
+				<button @click="installToPlayModal.show()">open install to play</button>
 			</ButtonStyled>
 			<InstanceIndicator v-if="instance" :instance="instance" />
 			<template v-if="data">
@@ -129,8 +130,6 @@
 			<template #copy_link> <ClipboardCopyIcon /> Copy link </template>
 		</ContextMenu>
 	</div>
-
-	<InstallToPlayModal ref="installToPlay" :project="data" />
 </template>
 
 <script setup>

From 93e292d5a6dfdf8ffcfe3ea3b230c77b3dbe4564 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 29 Jan 2026 11:00:50 -0700
Subject: [PATCH 059/178] start update to play moadl

---
 .../components/ui/modal/UpdateToPlayModal.vue | 92 +++++++++++++++++++
 .../app-frontend/src/pages/instance/Index.vue |  5 +
 2 files changed, 97 insertions(+)
 create mode 100644 apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue

diff --git a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
new file mode 100644
index 0000000000..fb89c42716
--- /dev/null
+++ b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
@@ -0,0 +1,92 @@
+<template>
+	<NewModal ref="modal" header="Update to play" :closable="true">
+		<div class="flex flex-col gap-4 max-w-[500px]">
+			<Admonition type="warning" header="Update required">
+				An update is required to play {{ instance.name }}. Please update to the latest version to
+				launch the game.
+			</Admonition>
+		</div>
+
+		<template #actions>
+			<div class="flex justify-between gap-2">
+				<ButtonStyled color="red" type="transparent">
+					<button @click="handleReport">
+						<ReportIcon />
+						Report
+					</button>
+				</ButtonStyled>
+				<div class="flex gap-2">
+					<ButtonStyled>
+						<button @click="handleDecline">
+							<XIcon />
+							Decline
+						</button>
+					</ButtonStyled>
+					<ButtonStyled color="brand">
+						<button @click="handleUpdate">
+							<CheckIcon />
+							Accept
+						</button>
+					</ButtonStyled>
+				</div>
+			</div>
+		</template>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import { CheckIcon, ReportIcon, XIcon } from '@modrinth/assets'
+import { Admonition, ButtonStyled, NewModal } from '@modrinth/ui'
+import { onMounted, ref } from 'vue'
+
+import type { GameInstance } from '@/helpers/types'
+
+const { instance, sharedBy } = defineProps<{
+	instance: GameInstance
+	sharedBy?: {
+		name: string
+		icon_url?: string
+	}
+}>()
+
+async function checkUpdateAvailable(instance: GameInstance): Promise<boolean> {
+	// inside instance, there is a linkedData field that has the project and version info
+	// fetch the project id's versions, sort versions by date
+	// compare current instance's linkedData version field to the project id's most recent version
+	// console.log those two versions
+
+	return false
+}
+
+onMounted(() => {
+	checkUpdateAvailable(instance)
+})
+
+const modal = ref<InstanceType<typeof NewModal>>()
+
+async function handleUpdate() {
+	hide()
+	try {
+		// TODO, find update function, or delete prev instance and install new one?
+		// await install(props.project.id, null, null, 'ProjectPageUpdateToPlayModal')
+	} catch (error) {}
+}
+
+function handleReport() {
+	// TODO handle what report button does
+}
+
+function handleDecline() {
+	hide()
+}
+
+function show(e?: MouseEvent) {
+	modal.value?.show(e)
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+defineExpose({ show, hide })
+</script>
diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index b1d6f66b1e..c8ca486329 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -6,7 +6,11 @@
 		>
 			<ExportModal ref="exportModal" :instance="instance" />
 			<InstanceSettingsModal ref="settingsModal" :instance="instance" :offline="offline" />
+			<UpdateToPlayModal ref="updateToPlayModal" :instance="instance"></UpdateToPlayModal>
 			<ContentPageHeader>
+				<ButtonStyled>
+					<button @click="updateToPlayModal.show()">open install to play</button>
+				</ButtonStyled>
 				<template #icon>
 					<Avatar :src="icon" :alt="instance.name" size="96px" :tint-by="instance.path" />
 				</template>
@@ -198,6 +202,7 @@ import { useRoute, useRouter } from 'vue-router'
 import ContextMenu from '@/components/ui/ContextMenu.vue'
 import ExportModal from '@/components/ui/ExportModal.vue'
 import InstanceSettingsModal from '@/components/ui/modal/InstanceSettingsModal.vue'
+import UpdateToPlayModal from '@/components/ui/modal/UpdateToPlayModal.vue'
 import NavTabs from '@/components/ui/NavTabs.vue'
 import { trackEvent } from '@/helpers/analytics'
 import { get_project, get_version_many } from '@/helpers/cache.js'

From 6fb15eb4c5d3fbf3067db0ffec7af04ed80a9ae5 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 29 Jan 2026 15:34:17 -0700
Subject: [PATCH 060/178] feat: implement update to play modal

---
 .../components/ui/modal/UpdateToPlayModal.vue | 279 ++++++++++++++++--
 .../app-frontend/src/pages/instance/Index.vue |   7 +-
 apps/app-frontend/src/pages/project/Index.vue |   2 +-
 3 files changed, 259 insertions(+), 29 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
index fb89c42716..d42e05265a 100644
--- a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
@@ -1,10 +1,79 @@
 <template>
-	<NewModal ref="modal" header="Update to play" :closable="true">
-		<div class="flex flex-col gap-4 max-w-[500px]">
-			<Admonition type="warning" header="Update required">
-				An update is required to play {{ instance.name }}. Please update to the latest version to
-				launch the game.
-			</Admonition>
+	<NewModal ref="modal" header="Update to play" :closable="true" no-padding>
+		<div class="max-w-[500px]">
+			<div class="flex flex-col gap-4 p-4">
+				<Admonition type="warning" header="Update required">
+					An update is required to play {{ instance.name }}. Please update to the latest version to
+					launch the game.
+				</Admonition>
+
+				<div class="flex flex-col gap-2">
+					<span class="text-contrast font-semibold" v-if="latestVersion?.date_published">{{
+						new Date(latestVersion.date_published).toLocaleDateString('en-US', {
+							year: 'numeric',
+							month: 'long',
+							day: 'numeric',
+						})
+					}}</span>
+					<div class="flex gap-2" v-if="diffs.length">
+						<div
+							class="flex gap-1 items-center"
+							v-if="diffs.filter((d) => d.type === 'updated').length"
+						>
+							<RefreshCwIcon />
+							{{ diffs.filter((d) => d.type === 'updated').length }} updated
+						</div>
+						<div
+							class="flex gap-1 items-center"
+							v-if="diffs.filter((d) => d.type === 'added').length"
+						>
+							<PlusIcon />
+							{{ diffs.filter((d) => d.type === 'added').length }} added
+						</div>
+						<div
+							class="flex gap-1 items-center"
+							v-if="diffs.filter((d) => d.type === 'removed').length"
+						>
+							<MinusIcon />
+							{{ diffs.filter((d) => d.type === 'removed').length }} removed
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="flex flex-col bg-surface-2 p-4 max-h-[272px] overflow-y-auto" v-if="diffs.length">
+				<div
+					v-for="diff in diffs"
+					:key="diff.project_id"
+					class="grid grid-cols-[auto_1fr_1fr_1fr] items-center min-h-10 h-10 gap-2"
+				>
+					<div class="flex flex-col justify-between items-center">
+						<div class="w-[1px] h-2"></div>
+						<PlusIcon v-if="diff.type === 'added'" />
+						<MinusIcon v-else-if="diff.type === 'removed'" />
+						<RefreshCwIcon v-else />
+						<div class="bg-surface-5 w-[1px] h-2 relative top-1"></div>
+					</div>
+
+					<div class="flex gap-1 col-span-2">
+						<span class="text-sm capitalize">{{ diff.type }}</span>
+						<span
+							class="text-sm text-contrast font-medium truncate"
+							v-if="diff.project"
+							v-tooltip="diff.project.title"
+						>
+							{{ diff.project.title }}
+						</span>
+					</div>
+
+					<span
+						class="text-xs truncate text-right"
+						v-if="getFilename(diff.newVersion) || getFilename(diff.currentVersion)"
+						v-tooltip="getFilename(diff.newVersion) || getFilename(diff.currentVersion)"
+					>
+						{{ getFilename(diff.newVersion) || getFilename(diff.currentVersion) }}
+					</span>
+				</div>
+			</div>
 		</div>
 
 		<template #actions>
@@ -35,45 +104,205 @@
 </template>
 
 <script setup lang="ts">
-import { CheckIcon, ReportIcon, XIcon } from '@modrinth/assets'
+import { CheckIcon, MinusIcon, PlusIcon, RefreshCwIcon, ReportIcon, XIcon } from '@modrinth/assets'
 import { Admonition, ButtonStyled, NewModal } from '@modrinth/ui'
+import { openUrl } from '@tauri-apps/plugin-opener'
+import dayjs from 'dayjs'
 import { onMounted, ref } from 'vue'
 
+import { get_project, get_project_many, get_version_many } from '@/helpers/cache.js'
+import { update_managed_modrinth_version } from '@/helpers/profile'
 import type { GameInstance } from '@/helpers/types'
+import type { Labrinth } from '@modrinth/api-client'
 
-const { instance, sharedBy } = defineProps<{
-	instance: GameInstance
-	sharedBy?: {
-		name: string
+type Dependency = Labrinth.Versions.v3.Dependency
+type Version = Labrinth.Versions.v2.Version
+
+interface BaseDiff {
+	project_id: string
+	project?: {
+		title: string
 		icon_url?: string
+		slug: string
 	}
+	currentVersionId?: string
+	newVersionId?: string
+	currentVersion?: Version
+	newVersion?: Version
+}
+interface AddedDiff extends BaseDiff {
+	type: 'added'
+	newVersionId: string
+}
+interface RemovedDiff extends BaseDiff {
+	type: 'removed'
+}
+interface UpdatedDiff extends BaseDiff {
+	type: 'updated'
+	currentVersionId: string
+	newVersionId: string
+}
+type DependencyDiff = AddedDiff | RemovedDiff | UpdatedDiff
+
+type ProjectInfo = {
+	id: string
+	title: string
+	icon_url?: string
+	slug: string
+}
+
+const { instance } = defineProps<{
+	instance: GameInstance
 }>()
 
-async function checkUpdateAvailable(instance: GameInstance): Promise<boolean> {
-	// inside instance, there is a linkedData field that has the project and version info
-	// fetch the project id's versions, sort versions by date
-	// compare current instance's linkedData version field to the project id's most recent version
-	// console.log those two versions
+const modal = ref<InstanceType<typeof NewModal>>()
+const diffs = ref<DependencyDiff[]>([])
+const latestVersionId = ref<string | null>(null)
+const latestVersion = ref<Version | null>(null)
 
-	return false
+function getFilename(version?: Version): string | undefined {
+	return version?.files.find((f) => f.primary)?.filename
 }
 
-onMounted(() => {
-	checkUpdateAvailable(instance)
-})
+async function computeDependencyDiffs(
+	currentDeps: Dependency[],
+	latestDeps: Dependency[],
+): Promise<DependencyDiff[]> {
+	const currentByProject = new Map<string, Dependency>(
+		currentDeps.map((d) => [d.project_id || '', d]),
+	)
+	const latestByProject = new Map<string, Dependency>(
+		latestDeps.map((d) => [d.project_id || '', d]),
+	)
 
-const modal = ref<InstanceType<typeof NewModal>>()
+	const diffs: DependencyDiff[] = []
+
+	// Find added and updated dependencies
+	latestByProject.forEach((latestDep, projectId) => {
+		if (!projectId) return
+		const currentDep = currentByProject.get(projectId)
+		if (!currentDep && latestDep.version_id) {
+			diffs.push({ type: 'added', project_id: projectId, newVersionId: latestDep.version_id })
+		} else if (
+			currentDep?.version_id &&
+			latestDep?.version_id &&
+			currentDep?.version_id !== latestDep.version_id
+		) {
+			diffs.push({
+				type: 'updated',
+				project_id: projectId,
+				currentVersionId: currentDep.version_id,
+				newVersionId: latestDep.version_id,
+			})
+		}
+	})
+
+	// Find removed dependencies
+	currentByProject.forEach((currentDep, projectId) => {
+		if (!projectId) return
+		if (!latestByProject.has(projectId)) {
+			diffs.push({
+				type: 'removed',
+				project_id: projectId,
+				currentVersionId: currentDep.version_id,
+			})
+		}
+	})
+
+	// Fetch projects and versions of diffs
+	const allProjectIds = [...new Set(diffs.map((d) => d.project_id).filter(Boolean))]
+	const allVersionIds = [
+		...new Set(
+			[...diffs.map((d) => d.newVersionId), ...diffs.map((d) => d.currentVersionId)].filter(
+				Boolean,
+			),
+		),
+	] as string[]
+	const [projects, versions] = await Promise.all([
+		get_project_many(allProjectIds, 'must_revalidate'),
+		get_version_many(allVersionIds, 'must_revalidate'),
+	])
+
+	const projectMap = new Map<string, ProjectInfo>(projects.map((p: ProjectInfo) => [p.id, p]))
+	const versionMap = new Map<string, Version>(versions.map((v: Version) => [v.id, v]))
+
+	return diffs
+		.map((diff) => {
+			const project = projectMap.get(diff.project_id)
+			return {
+				...diff,
+				project: project
+					? { title: project.title, icon_url: project.icon_url, slug: project.slug }
+					: undefined,
+				currentVersion: diff.currentVersionId ? versionMap.get(diff.currentVersionId) : undefined,
+				newVersion: diff.newVersionId ? versionMap.get(diff.newVersionId) : undefined,
+			}
+		})
+		.sort((a, b) => {
+			const typeOrder = { added: 0, removed: 1, updated: 2 }
+			const typeCompare = typeOrder[a.type] - typeOrder[b.type]
+			if (typeCompare !== 0) return typeCompare
+
+			const aDate = a.newVersion?.date_published || a.currentVersion?.date_published || ''
+			const bDate = b.newVersion?.date_published || b.currentVersion?.date_published || ''
+			return dayjs(bDate).valueOf() - dayjs(aDate).valueOf()
+		})
+}
+
+async function checkUpdateAvailable(instance: GameInstance): Promise<DependencyDiff[] | null> {
+	if (!instance.linked_data) return null
+
+	try {
+		const project = await get_project(instance.linked_data.project_id, 'must_revalidate')
+		if (!project || !project.versions || project.versions.length === 0) {
+			return null
+		}
+
+		const versions = await get_version_many(project.versions, 'must_revalidate')
+		const sortedVersions = versions.sort(
+			(a: { date_published: string }, b: { date_published: string }) =>
+				dayjs(b.date_published).valueOf() - dayjs(a.date_published).valueOf(),
+		)
+
+		latestVersion.value = sortedVersions[0]
+		latestVersionId.value = latestVersion.value?.id || null
+
+		const currentVersionId = instance.linked_data.version_id
+		const currentVersion = versions.find((v: { id: string }) => v.id === currentVersionId)
+
+		// Compute dependency diffs between current and latest version
+		if (currentVersion && latestVersion.value) {
+			return await computeDependencyDiffs(
+				currentVersion.dependencies || [],
+				latestVersion.value.dependencies || [],
+			)
+		}
+	} catch (error) {
+		return null
+	}
+	return null
+}
+
+onMounted(async () => {
+	const result = await checkUpdateAvailable(instance)
+	diffs.value = result || []
+})
 
 async function handleUpdate() {
 	hide()
 	try {
-		// TODO, find update function, or delete prev instance and install new one?
-		// await install(props.project.id, null, null, 'ProjectPageUpdateToPlayModal')
-	} catch (error) {}
+		if (latestVersionId.value) {
+			await update_managed_modrinth_version(instance.path, latestVersionId.value)
+		}
+	} catch (error) {
+		console.error('Error updating instance:', error)
+	}
 }
 
 function handleReport() {
-	// TODO handle what report button does
+	if (instance.linked_data?.project_id) {
+		openUrl(`https://modrinth.com/report?item=project&itemID=${instance.linked_data.project_id}`)
+	}
 }
 
 function handleDecline() {
diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index c8ca486329..9fecefde91 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -4,13 +4,13 @@
 			class="p-6 pr-2 pb-4"
 			@contextmenu.prevent.stop="(event) => handleRightClick(event, instance.path)"
 		>
+			<ButtonStyled>
+				<button @click="updateToPlayModal.show()">open install to play</button>
+			</ButtonStyled>
 			<ExportModal ref="exportModal" :instance="instance" />
 			<InstanceSettingsModal ref="settingsModal" :instance="instance" :offline="offline" />
 			<UpdateToPlayModal ref="updateToPlayModal" :instance="instance"></UpdateToPlayModal>
 			<ContentPageHeader>
-				<ButtonStyled>
-					<button @click="updateToPlayModal.show()">open install to play</button>
-				</ButtonStyled>
 				<template #icon>
 					<Avatar :src="icon" :alt="instance.name" size="96px" :tint-by="instance.path" />
 				</template>
@@ -234,6 +234,7 @@ const instance = ref()
 const modrinthVersions = ref([])
 const playing = ref(false)
 const loading = ref(false)
+const updateToPlayModal = ref() // TODO: show this modal when an update is available when click play button
 
 async function fetchInstance() {
 	instance.value = await get(route.params.id).catch(handleError)
diff --git a/apps/app-frontend/src/pages/project/Index.vue b/apps/app-frontend/src/pages/project/Index.vue
index 960869e11f..42dea4d6f8 100644
--- a/apps/app-frontend/src/pages/project/Index.vue
+++ b/apps/app-frontend/src/pages/project/Index.vue
@@ -191,7 +191,7 @@ const instanceProjects = ref(null)
 const installed = ref(false)
 const installedVersion = ref(null)
 
-const installToPlay = ref(null) // TODO, only show install to play modal for server project types that have .mrpack for content
+const installToPlayModal = ref(null) // TODO, only show install to play modal for server project types that have .mrpack for content
 
 const instanceFilters = computed(() => {
 	if (!instance.value) {

From bba62c6b9825aba2b013e45f335f4ea76a94135c Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 29 Jan 2026 22:38:29 -0700
Subject: [PATCH 061/178] feat: implement required and supported versions

---
 .../components/McVersionPicker.vue            |  5 ++-
 .../src/pages/[type]/[id]/settings/index.vue  | 42 ++++++++++++++-----
 2 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue b/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
index 8387f72363..edb91c2cda 100644
--- a/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
+++ b/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="space-y-2.5">
-		<div class="flex items-center justify-between">
+		<div class="flex items-center justify-between" v-if="!noHeader">
 			<span class="font-semibold text-contrast">
 				Minecraft versions <span class="text-red">*</span>
 			</span>
@@ -48,6 +48,7 @@
 									if (!holdingShift) anchorVersion = ''
 								}
 							"
+							:disabled="disabled"
 						>
 							{{ version }}
 						</button>
@@ -73,6 +74,8 @@ type GameVersion = Labrinth.Tags.v2.GameVersion
 const props = defineProps<{
 	modelValue: string[]
 	gameVersions: Labrinth.Tags.v2.GameVersion[]
+	noHeader?: boolean
+	disabled?: boolean
 }>()
 
 const emit = defineEmits<{
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 5e2fd6b0cd..d237220862 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -224,16 +224,32 @@
 					<!-- Server Version -->
 					<div>
 						<label for="server-version">
-							<span class="label__title">Server version</span>
+							<span class="label__title">Required version</span>
+							<Combobox
+								id="server-version"
+								v-model="requiredGameVersion"
+								:options="
+									gameVersions
+										.filter((v) => v.version_type === 'release')
+										.map((v) => ({ label: v.version, value: v.version }))
+								"
+								searchable
+								:display-name="(val) => val"
+								placeholder="Select version"
+								:disabled="!hasPermission"
+							/>
+						</label>
+					</div>
+					<div>
+						<label for="server-version">
+							<span class="label__title">Supported versions</span>
+							<McVersionPicker
+								noHeader
+								v-model="supportedGameVersions"
+								:game-versions="gameVersions"
+								:disabled="!hasPermission"
+							/>
 						</label>
-						<input
-							id="server-version"
-							v-model="serverVersion"
-							type="text"
-							placeholder="e.g. 1.21.4"
-							class="w-full"
-							:disabled="!hasPermission"
-						/>
 					</div>
 
 					<!-- Country -->
@@ -420,6 +436,7 @@ import {
 import { MIN_SUMMARY_CHARS } from '@modrinth/moderation'
 import {
 	Avatar,
+	Combobox,
 	ConfirmModal,
 	DropdownSelect,
 	injectNotificationManager,
@@ -427,6 +444,7 @@ import {
 } from '@modrinth/ui'
 import { formatProjectStatus, formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
+import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 
 import FileInput from '~/components/ui/FileInput.vue'
 import { useFormattedCountries } from '~/composables/country.ts'
@@ -468,8 +486,12 @@ const javaAddress = ref(project.java_address ?? '')
 const javaPort = ref(project.java_port ?? 25565)
 const bedrockAddress = ref(project.bedrock_address ?? '')
 const bedrockPort = ref(project.bedrock_port ?? 19132)
-const serverVersion = ref(project.server_version ?? '')
 const serverCountry = ref(project.country ?? null)
+const supportedGameVersions = ref(project.supported_game_versions ?? [])
+const requiredGameVersion = ref(project.required_game_version ?? '')
+
+const generatedState = useGeneratedState()
+const gameVersions = generatedState.value.gameVersions
 
 const countries = useFormattedCountries()
 

From dd7b8fdb465bd79e6153389478090f622059b8e3 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 29 Jan 2026 22:40:38 -0700
Subject: [PATCH 062/178] add todos

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index d237220862..cc497f02cb 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -222,6 +222,7 @@
 					</div>
 
 					<!-- Server Version -->
+					<!-- TODO, disable required version and show disabled tooltip when using .mrpack, and set it to .mrpack metadata-->
 					<div>
 						<label for="server-version">
 							<span class="label__title">Required version</span>
@@ -240,6 +241,7 @@
 							/>
 						</label>
 					</div>
+					<!-- TODO: hide supported versions when using .mrpack -->
 					<div>
 						<label for="server-version">
 							<span class="label__title">Supported versions</span>

From 3eea154520b08ea0f21c45aac0201942aa9d670d Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 29 Jan 2026 22:48:32 -0700
Subject: [PATCH 063/178] fix: combobox disabled state

---
 packages/ui/src/components/base/Combobox.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/base/Combobox.vue b/packages/ui/src/components/base/Combobox.vue
index 9047296aad..3b3e145d74 100644
--- a/packages/ui/src/components/base/Combobox.vue
+++ b/packages/ui/src/components/base/Combobox.vue
@@ -4,7 +4,7 @@
 			ref="triggerRef"
 			role="button"
 			tabindex="0"
-			class="relative cursor-pointer flex min-h-5 w-full items-center justify-between overflow-hidden rounded-xl bg-button-bg px-4 py-2.5 text-left transition-all duration-200 text-button-text hover:bg-button-bgHover active:bg-button-bgActive"
+			class="relative flex min-h-5 w-full items-center justify-between overflow-hidden rounded-xl bg-button-bg px-4 py-2.5 text-left transition-all duration-200 text-button-text"
 			:class="[
 				triggerClasses,
 				{
@@ -12,6 +12,7 @@
 					'rounded-b-none': shouldRoundBottomCorners,
 					'rounded-t-none': shouldRoundTopCorners,
 					'cursor-not-allowed opacity-50': disabled,
+					'cursor-pointer hover:bg-button-bgHover active:bg-button-bgActive': !disabled,
 				},
 			]"
 			:aria-expanded="isOpen"

From 68a09b1c9c1bd52e182d86d9790dead85d546373 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 29 Jan 2026 23:01:48 -0700
Subject: [PATCH 064/178] implement locking required version and hiding
 supported versions when using mrpack

---
 .../src/pages/[type]/[id]/settings/index.vue  | 55 ++++++++++---------
 1 file changed, 30 insertions(+), 25 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index cc497f02cb..cbe38deddb 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -222,27 +222,31 @@
 					</div>
 
 					<!-- Server Version -->
-					<!-- TODO, disable required version and show disabled tooltip when using .mrpack, and set it to .mrpack metadata-->
 					<div>
 						<label for="server-version">
 							<span class="label__title">Required version</span>
-							<Combobox
-								id="server-version"
-								v-model="requiredGameVersion"
-								:options="
-									gameVersions
-										.filter((v) => v.version_type === 'release')
-										.map((v) => ({ label: v.version, value: v.version }))
+							<div
+								v-tooltip="
+									usingMrpack ? 'The game version is defined by the .mrpack metadata' : null
 								"
-								searchable
-								:display-name="(val) => val"
-								placeholder="Select version"
-								:disabled="!hasPermission"
-							/>
+							>
+								<Combobox
+									id="server-version"
+									v-model="requiredGameVersion"
+									:options="
+										gameVersions
+											.filter((v) => v.version_type === 'release')
+											.map((v) => ({ label: v.version, value: v.version }))
+									"
+									searchable
+									:display-name="(val) => val"
+									placeholder="Select version"
+									:disabled="!hasPermission || usingMrpack"
+								/>
+							</div>
 						</label>
 					</div>
-					<!-- TODO: hide supported versions when using .mrpack -->
-					<div>
+					<div v-if="!usingMrpack">
 						<label for="server-version">
 							<span class="label__title">Supported versions</span>
 							<McVersionPicker
@@ -481,16 +485,17 @@ const visibility = ref(
 )
 
 // Server project specific refs
-const bannerPreview = ref(null)
-const deletedBanner = ref(false)
-const bannerFile = ref(null)
-const javaAddress = ref(project.java_address ?? '')
-const javaPort = ref(project.java_port ?? 25565)
-const bedrockAddress = ref(project.bedrock_address ?? '')
-const bedrockPort = ref(project.bedrock_port ?? 19132)
-const serverCountry = ref(project.country ?? null)
-const supportedGameVersions = ref(project.supported_game_versions ?? [])
-const requiredGameVersion = ref(project.required_game_version ?? '')
+const bannerPreview = computed(() => null)
+const deletedBanner = computed(() => false)
+const bannerFile = computed(() => null)
+const javaAddress = computed(() => project.value.java_address ?? '')
+const javaPort = computed(() => project.value.java_port ?? 25565)
+const bedrockAddress = computed(() => project.value.bedrock_address ?? '')
+const bedrockPort = computed(() => project.value.bedrock_port ?? 19132)
+const serverCountry = computed(() => project.value.country ?? null)
+const supportedGameVersions = computed(() => project.value.supported_game_versions ?? [])
+const requiredGameVersion = computed(() => project.value.required_game_versions ?? '1.21.1')
+const usingMrpack = computed(() => project.value.linked_modpack === true)
 
 const generatedState = useGeneratedState()
 const gameVersions = generatedState.value.gameVersions

From 7e6470e361c32b2c7594ed87fddf3bb5c3af994f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 30 Jan 2026 10:47:49 -0700
Subject: [PATCH 065/178] pnpm prepr

---
 .../ui/modal/InstallToPlayModal.vue           |    2 +-
 .../components/ui/modal/UpdateToPlayModal.vue |   18 +-
 .../components/McVersionPicker.vue            |    4 +-
 apps/frontend/src/locales/en-US/index.json    | 6027 ++++++++---------
 .../pages/[type]/[id]/settings/content.vue    |    4 +-
 .../src/pages/[type]/[id]/settings/index.vue  |    4 +-
 packages/assets/generated-icons.ts            |    4 +-
 packages/ui/src/locales/en-US/index.json      | 3282 ++++-----
 8 files changed, 4719 insertions(+), 4626 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index 6a431db431..3a4c8ca8c1 100644
--- a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -53,6 +53,7 @@
 </template>
 
 <script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
 import { DownloadIcon, XIcon } from '@modrinth/assets'
 import { Admonition, Avatar, ButtonStyled, NewModal } from '@modrinth/ui'
 import { formatCategory } from '@modrinth/utils'
@@ -61,7 +62,6 @@ import { computed, ref } from 'vue'
 
 import { get_version } from '@/helpers/cache.js'
 import { install } from '@/store/install.js'
-import type { Labrinth } from '@modrinth/api-client'
 
 const props = defineProps<{
 	project: Labrinth.Projects.v2.Project
diff --git a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
index d42e05265a..750ea2882d 100644
--- a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
@@ -8,31 +8,31 @@
 				</Admonition>
 
 				<div class="flex flex-col gap-2">
-					<span class="text-contrast font-semibold" v-if="latestVersion?.date_published">{{
+					<span v-if="latestVersion?.date_published" class="text-contrast font-semibold">{{
 						new Date(latestVersion.date_published).toLocaleDateString('en-US', {
 							year: 'numeric',
 							month: 'long',
 							day: 'numeric',
 						})
 					}}</span>
-					<div class="flex gap-2" v-if="diffs.length">
+					<div v-if="diffs.length" class="flex gap-2">
 						<div
-							class="flex gap-1 items-center"
 							v-if="diffs.filter((d) => d.type === 'updated').length"
+							class="flex gap-1 items-center"
 						>
 							<RefreshCwIcon />
 							{{ diffs.filter((d) => d.type === 'updated').length }} updated
 						</div>
 						<div
-							class="flex gap-1 items-center"
 							v-if="diffs.filter((d) => d.type === 'added').length"
+							class="flex gap-1 items-center"
 						>
 							<PlusIcon />
 							{{ diffs.filter((d) => d.type === 'added').length }} added
 						</div>
 						<div
-							class="flex gap-1 items-center"
 							v-if="diffs.filter((d) => d.type === 'removed').length"
+							class="flex gap-1 items-center"
 						>
 							<MinusIcon />
 							{{ diffs.filter((d) => d.type === 'removed').length }} removed
@@ -40,7 +40,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="flex flex-col bg-surface-2 p-4 max-h-[272px] overflow-y-auto" v-if="diffs.length">
+			<div v-if="diffs.length" class="flex flex-col bg-surface-2 p-4 max-h-[272px] overflow-y-auto">
 				<div
 					v-for="diff in diffs"
 					:key="diff.project_id"
@@ -57,18 +57,18 @@
 					<div class="flex gap-1 col-span-2">
 						<span class="text-sm capitalize">{{ diff.type }}</span>
 						<span
-							class="text-sm text-contrast font-medium truncate"
 							v-if="diff.project"
 							v-tooltip="diff.project.title"
+							class="text-sm text-contrast font-medium truncate"
 						>
 							{{ diff.project.title }}
 						</span>
 					</div>
 
 					<span
-						class="text-xs truncate text-right"
 						v-if="getFilename(diff.newVersion) || getFilename(diff.currentVersion)"
 						v-tooltip="getFilename(diff.newVersion) || getFilename(diff.currentVersion)"
+						class="text-xs truncate text-right"
 					>
 						{{ getFilename(diff.newVersion) || getFilename(diff.currentVersion) }}
 					</span>
@@ -104,6 +104,7 @@
 </template>
 
 <script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
 import { CheckIcon, MinusIcon, PlusIcon, RefreshCwIcon, ReportIcon, XIcon } from '@modrinth/assets'
 import { Admonition, ButtonStyled, NewModal } from '@modrinth/ui'
 import { openUrl } from '@tauri-apps/plugin-opener'
@@ -113,7 +114,6 @@ import { onMounted, ref } from 'vue'
 import { get_project, get_project_many, get_version_many } from '@/helpers/cache.js'
 import { update_managed_modrinth_version } from '@/helpers/profile'
 import type { GameInstance } from '@/helpers/types'
-import type { Labrinth } from '@modrinth/api-client'
 
 type Dependency = Labrinth.Versions.v3.Dependency
 type Version = Labrinth.Versions.v2.Version
diff --git a/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue b/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
index 527a3f2ba3..5af40492d7 100644
--- a/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
+++ b/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="space-y-2.5">
-		<div class="flex items-center justify-between" v-if="!noHeader">
+		<div v-if="!noHeader" class="flex items-center justify-between">
 			<span class="font-semibold text-contrast">
 				Minecraft versions <span class="text-red">*</span>
 			</span>
@@ -42,13 +42,13 @@
 								versionType === 'all' && !group.isReleaseGroup ? 'w-max' : 'w-16',
 								modelValue.includes(version) ? '!text-contrast' : '',
 							]"
+							:disabled="disabled"
 							@click="() => handleToggleVersion(version)"
 							@blur="
 								() => {
 									if (!holdingShift) anchorVersion = ''
 								}
 							"
-							:disabled="disabled"
 						>
 							{{ version }}
 						</button>
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 18e5f5e4c0..5f178869db 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -1,3017 +1,3014 @@
 {
-	"action.cancel": {
-		"message": "Cancel"
-	},
-	"action.continue": {
-		"message": "Continue"
-	},
-	"admin.billing.error.not-found": {
-		"message": "User not found"
-	},
-	"app-marketing.download.description": {
-		"message": "Our desktop app is available across all platforms, choose your desired version."
-	},
-	"app-marketing.download.download-appimage": {
-		"message": "Download the AppImage"
-	},
-	"app-marketing.download.download-beta": {
-		"message": "Download the beta"
-	},
-	"app-marketing.download.download-deb": {
-		"message": "Download the DEB"
-	},
-	"app-marketing.download.download-rpm": {
-		"message": "Download the RPM"
-	},
-	"app-marketing.download.flathub": {
-		"message": "Get it on Flathub"
-	},
-	"app-marketing.download.linux": {
-		"message": "Linux"
-	},
-	"app-marketing.download.linux-disclaimer": {
-		"message": "The Linux versions of Modrinth App are <issues-link>known to have issues</issues-link> on certain systems and configurations. If Modrinth App is unstable on your system, we encourage you to try other apps like <prism-link>Prism Launcher</prism-link> to easily install Modrinth content."
-	},
-	"app-marketing.download.mac": {
-		"message": "Mac"
-	},
-	"app-marketing.download.options-title": {
-		"message": "Download options"
-	},
-	"app-marketing.download.terms": {
-		"message": "By downloading Modrinth App you agree to our <terms-link>Terms</terms-link> and <privacy-link>Privacy Policy</privacy-link>."
-	},
-	"app-marketing.download.title": {
-		"message": "Download Modrinth App (Beta)"
-	},
-	"app-marketing.download.windows": {
-		"message": "Windows"
-	},
-	"app-marketing.features.follow.description": {
-		"message": "Save content you love and receive updates with one click."
-	},
-	"app-marketing.features.follow.title": {
-		"message": "Follow projects"
-	},
-	"app-marketing.features.importing.description": {
-		"message": "Import all your favorite profiles from the launcher you were using before, and get started with Modrinth App in seconds!"
-	},
-	"app-marketing.features.importing.gdlauncher-alt": {
-		"message": "GDLauncher"
-	},
-	"app-marketing.features.importing.multimc-alt": {
-		"message": "MultiMC"
-	},
-	"app-marketing.features.importing.title": {
-		"message": "Profile importing"
-	},
-	"app-marketing.features.mod-management.actions": {
-		"message": "Actions"
-	},
-	"app-marketing.features.mod-management.byAuthor": {
-		"message": "by {author}"
-	},
-	"app-marketing.features.mod-management.description": {
-		"message": "Modrinth makes it easy to manage all your mods in one place. You can install, uninstall, and update mods with a single click."
-	},
-	"app-marketing.features.mod-management.installed-mods": {
-		"message": "Installed mods"
-	},
-	"app-marketing.features.mod-management.name": {
-		"message": "Name"
-	},
-	"app-marketing.features.mod-management.search-mods": {
-		"message": "Search mods"
-	},
-	"app-marketing.features.mod-management.title": {
-		"message": "Mod management"
-	},
-	"app-marketing.features.mod-management.version": {
-		"message": "Version"
-	},
-	"app-marketing.features.offline.description": {
-		"message": "Play your mods, whether you are connected to the internet, or not."
-	},
-	"app-marketing.features.offline.title": {
-		"message": "Offline mode"
-	},
-	"app-marketing.features.open-source.description": {
-		"message": "Modrinth's launcher is fully open source. You can view the source code on our <github-link>GitHub</github-link>!"
-	},
-	"app-marketing.features.open-source.title": {
-		"message": "Open source"
-	},
-	"app-marketing.features.performance.activity-monitor": {
-		"message": "Activity monitor"
-	},
-	"app-marketing.features.performance.cpu-percent": {
-		"message": "% CPU"
-	},
-	"app-marketing.features.performance.description": {
-		"message": "Modrinth App performs better than many of the leading mod managers, using just 150mb of RAM!"
-	},
-	"app-marketing.features.performance.discord": {
-		"message": "Discord"
-	},
-	"app-marketing.features.performance.good-performance": {
-		"message": "Good performance"
-	},
-	"app-marketing.features.performance.google-chrome": {
-		"message": "Google Chrome"
-	},
-	"app-marketing.features.performance.infinite-mb": {
-		"message": "∞ MB"
-	},
-	"app-marketing.features.performance.infinite-times-infinite-mb": {
-		"message": "∞ * ∞ MB"
-	},
-	"app-marketing.features.performance.less-than-150mb": {
-		"message": "< 150 MB"
-	},
-	"app-marketing.features.performance.modrinth-app": {
-		"message": "Modrinth App"
-	},
-	"app-marketing.features.performance.one-billion-percent": {
-		"message": "1 billion %"
-	},
-	"app-marketing.features.performance.process-name": {
-		"message": "Process name"
-	},
-	"app-marketing.features.performance.ram": {
-		"message": "RAM"
-	},
-	"app-marketing.features.performance.small": {
-		"message": "Small"
-	},
-	"app-marketing.features.performance.title": {
-		"message": "Performant"
-	},
-	"app-marketing.features.play.description": {
-		"message": "Use Modrinth App to download and play with your favorite mods and modpacks."
-	},
-	"app-marketing.features.play.title": {
-		"message": "Play with your favorite mods"
-	},
-	"app-marketing.features.sharing.description": {
-		"message": "Build, share, and play modpacks with any of the thousands of mods and modpacks hosted here on Modrinth."
-	},
-	"app-marketing.features.sharing.modpack": {
-		"message": "Modpack"
-	},
-	"app-marketing.features.sharing.share-button": {
-		"message": "Share"
-	},
-	"app-marketing.features.sharing.title": {
-		"message": "Share modpacks"
-	},
-	"app-marketing.features.unlike-any-launcher": {
-		"message": "Unlike any launcher"
-	},
-	"app-marketing.features.website.description": {
-		"message": "Modrinth App is fully integrated with the website, so you can access all your favorite projects from the app!"
-	},
-	"app-marketing.features.website.title": {
-		"message": "Website integration"
-	},
-	"app-marketing.features.youve-used-before": {
-		"message": "you've used before"
-	},
-	"app-marketing.hero.app-screenshot-alt": {
-		"message": "Screenshot of Modrinth App with a Cobblemon instance opened to the 'Content' page."
-	},
-	"app-marketing.hero.description": {
-		"message": "Modrinth App is a unique, open source launcher that allows you to play your favorite mods, and keep them up to date, all in one neat little package."
-	},
-	"app-marketing.hero.download-button": {
-		"message": "Download Modrinth App"
-	},
-	"app-marketing.hero.download-modrinth-app": {
-		"message": "Download Modrinth App"
-	},
-	"app-marketing.hero.download-modrinth-app-for-os": {
-		"message": "Download Modrinth App for {os}"
-	},
-	"app-marketing.hero.minecraft-screenshot-alt": {
-		"message": "Screenshot of the Cobblemon instance's main menu screen."
-	},
-	"app-marketing.hero.more-download-options": {
-		"message": "More Download Options"
-	},
-	"app-marketing.hide-other-packages": {
-		"message": "Hide other packages"
-	},
-	"app-marketing.not-recommended": {
-		"message": "We don't recommend you use these unless you know what you're doing."
-	},
-	"app-marketing.show-other-packages": {
-		"message": "Show other packages"
-	},
-	"auth.authorize.action.authorize": {
-		"message": "Authorize"
-	},
-	"auth.authorize.action.decline": {
-		"message": "Decline"
-	},
-	"auth.authorize.app-info": {
-		"message": "<strong>{appName}</strong> by <creator-link>{creator}</creator-link> will be able to:"
-	},
-	"auth.authorize.authorize-app-name": {
-		"message": "Authorize {appName}"
-	},
-	"auth.authorize.error.no-redirect-url": {
-		"message": "No redirect location found in response"
-	},
-	"auth.authorize.redirect-url": {
-		"message": "You will be redirected to <redirect-url>{url}</redirect-url>"
-	},
-	"auth.reset-password.method-choice.action": {
-		"message": "Send recovery email"
-	},
-	"auth.reset-password.method-choice.description": {
-		"message": "Enter your email below and we'll send a recovery link to allow you to recover your account."
-	},
-	"auth.reset-password.notification.email-sent.text": {
-		"message": "An email with instructions has been sent to you if the email was previously saved on your account."
-	},
-	"auth.reset-password.notification.email-sent.title": {
-		"message": "Email sent"
-	},
-	"auth.reset-password.notification.password-reset.text": {
-		"message": "You can now log-in into your account with your new password."
-	},
-	"auth.reset-password.notification.password-reset.title": {
-		"message": "Password successfully reset"
-	},
-	"auth.reset-password.post-challenge.action": {
-		"message": "Reset password"
-	},
-	"auth.reset-password.post-challenge.confirm-password.label": {
-		"message": "Confirm password"
-	},
-	"auth.reset-password.post-challenge.description": {
-		"message": "Enter your new password below to gain access to your account."
-	},
-	"auth.reset-password.title": {
-		"message": "Reset Password"
-	},
-	"auth.reset-password.title.long": {
-		"message": "Reset your password"
-	},
-	"auth.sign-in.2fa.description": {
-		"message": "Please enter a two-factor code to proceed."
-	},
-	"auth.sign-in.2fa.label": {
-		"message": "Enter two-factor code"
-	},
-	"auth.sign-in.2fa.placeholder": {
-		"message": "Enter code..."
-	},
-	"auth.sign-in.additional-options": {
-		"message": "<forgot-password-link>Forgot password?</forgot-password-link> • <create-account-link>Create an account</create-account-link>"
-	},
-	"auth.sign-in.sign-in-with": {
-		"message": "Sign in with"
-	},
-	"auth.sign-in.title": {
-		"message": "Sign In"
-	},
-	"auth.sign-in.use-password": {
-		"message": "Or use a password"
-	},
-	"auth.sign-up.action.create-account": {
-		"message": "Create account"
-	},
-	"auth.sign-up.legal-dislaimer": {
-		"message": "By creating an account, you agree to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
-	},
-	"auth.sign-up.notification.password-mismatch.text": {
-		"message": "Passwords do not match!"
-	},
-	"auth.sign-up.sign-in-option.title": {
-		"message": "Already have an account?"
-	},
-	"auth.sign-up.subscribe.label": {
-		"message": "Subscribe to updates about Modrinth"
-	},
-	"auth.sign-up.title": {
-		"message": "Sign Up"
-	},
-	"auth.sign-up.title.create-account": {
-		"message": "Or create an account yourself"
-	},
-	"auth.sign-up.title.sign-up-with": {
-		"message": "Sign up with"
-	},
-	"auth.verify-email.action.account-settings": {
-		"message": "Account settings"
-	},
-	"auth.verify-email.already-verified.description": {
-		"message": "Your email is already verified!"
-	},
-	"auth.verify-email.already-verified.title": {
-		"message": "Email already verified"
-	},
-	"auth.verify-email.failed-verification.action": {
-		"message": "Resend verification email"
-	},
-	"auth.verify-email.failed-verification.description": {
-		"message": "We were unable to verify your email. Try re-sending the verification email through your dashboard by signing in."
-	},
-	"auth.verify-email.failed-verification.description.logged-in": {
-		"message": "We were unable to verify your email. Try re-sending the verification email through the button below."
-	},
-	"auth.verify-email.failed-verification.title": {
-		"message": "Email verification failed"
-	},
-	"auth.verify-email.post-verification.description": {
-		"message": "Your email address has been successfully verified!"
-	},
-	"auth.verify-email.post-verification.title": {
-		"message": "Email verification"
-	},
-	"auth.verify-email.title": {
-		"message": "Verify Email"
-	},
-	"auth.welcome.checkbox.subscribe": {
-		"message": "Subscribe to updates about Modrinth"
-	},
-	"auth.welcome.description": {
-		"message": "You’re now part of the awesome community of creators & explorers already building, downloading, and staying up-to-date with amazing mods."
-	},
-	"auth.welcome.label.tos": {
-		"message": "By creating an account, you have agreed to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
-	},
-	"auth.welcome.long-title": {
-		"message": "Welcome to Modrinth!"
-	},
-	"auth.welcome.title": {
-		"message": "Welcome"
-	},
-	"collection.button.edit-icon": {
-		"message": "Edit icon"
-	},
-	"collection.button.remove-icon": {
-		"message": "Remove icon"
-	},
-	"collection.button.remove-project": {
-		"message": "Remove project"
-	},
-	"collection.button.replace-icon": {
-		"message": "Replace icon"
-	},
-	"collection.button.select-icon": {
-		"message": "Select icon"
-	},
-	"collection.button.unfollow-project": {
-		"message": "Unfollow project"
-	},
-	"collection.delete-modal.description": {
-		"message": "This will permanently delete this collection. This action cannot be undone."
-	},
-	"collection.delete-modal.title": {
-		"message": "Are you sure you want to delete this collection?"
-	},
-	"collection.description": {
-		"message": "{description} - View the collection {name} by {username} on Modrinth"
-	},
-	"collection.description.following": {
-		"message": "Auto-generated collection of all the projects you're following."
-	},
-	"collection.editing": {
-		"message": "Editing collection"
-	},
-	"collection.error.not-found": {
-		"message": "Collection not found"
-	},
-	"collection.label.created-at": {
-		"message": "Created {ago}"
-	},
-	"collection.label.curated-by": {
-		"message": "Curated by"
-	},
-	"collection.label.no-projects": {
-		"message": "No projects in collection yet"
-	},
-	"collection.label.projects-count": {
-		"message": "{count, plural, =0 {No projects yet} one {<stat>{count}</stat> project} other {<stat>{count}</stat> {type}}}"
-	},
-	"collection.label.updated-at": {
-		"message": "Updated {ago}"
-	},
-	"collection.return-link.dashboard-collections": {
-		"message": "Your collections"
-	},
-	"collection.return-link.user": {
-		"message": "{user}'s profile"
-	},
-	"collection.title": {
-		"message": "{name} - Collection"
-	},
-	"create-project-version.create-modal.stage.add-files.admonition": {
-		"message": "Supplementary files are for supporting resources like source code, not for alternative versions or variants."
-	},
-	"create.collection.collection-info": {
-		"message": "Your new collection will be created as a public collection with {count, plural, =0 {no projects} one {# project} other {# projects}}."
-	},
-	"create.collection.create-collection": {
-		"message": "Create collection"
-	},
-	"create.collection.name-label": {
-		"message": "Name"
-	},
-	"create.collection.name-placeholder": {
-		"message": "Enter collection name..."
-	},
-	"create.collection.summary-description": {
-		"message": "A sentence or two that describes your collection."
-	},
-	"create.collection.summary-label": {
-		"message": "Summary"
-	},
-	"create.collection.summary-placeholder": {
-		"message": "This is a collection of..."
-	},
-	"create.collection.title": {
-		"message": "Creating a collection"
-	},
-	"create.limit-alert.approaching-limit": {
-		"message": "Approaching {type} limit ({current}/{max})"
-	},
-	"create.limit-alert.approaching-limit-description": {
-		"message": "You're about to hit the {type} limit, please contact support if you need more than {max} {typePlural}."
-	},
-	"create.limit-alert.contact-support": {
-		"message": "Contact support"
-	},
-	"create.limit-alert.limit-reached": {
-		"message": "{type} limit reached"
-	},
-	"create.limit-alert.limit-reached-description": {
-		"message": "You've reached your {type} limit of {max}. Please contact support to increase your limit."
-	},
-	"create.limit-alert.type-collection": {
-		"message": "collection"
-	},
-	"create.limit-alert.type-organization": {
-		"message": "organization"
-	},
-	"create.limit-alert.type-plural-collection": {
-		"message": "collections"
-	},
-	"create.limit-alert.type-plural-organization": {
-		"message": "organizations"
-	},
-	"create.limit-alert.type-plural-project": {
-		"message": "projects"
-	},
-	"create.limit-alert.type-project": {
-		"message": "project"
-	},
-	"create.organization.create-organization": {
-		"message": "Create organization"
-	},
-	"create.organization.name-label": {
-		"message": "Name"
-	},
-	"create.organization.name-placeholder": {
-		"message": "Enter organization name..."
-	},
-	"create.organization.ownership-info": {
-		"message": "You will be the owner of this organization, but you can invite other members and transfer ownership at any time."
-	},
-	"create.organization.summary-description": {
-		"message": "A sentence or two that describes your organization."
-	},
-	"create.organization.summary-label": {
-		"message": "Summary"
-	},
-	"create.organization.summary-placeholder": {
-		"message": "An organization for..."
-	},
-	"create.organization.title": {
-		"message": "Creating an organization"
-	},
-	"create.organization.url-label": {
-		"message": "URL"
-	},
-	"create.project.create-project": {
-		"message": "Create project"
-	},
-	"create.project.create-server-project": {
-		"message": "Create server"
-	},
-	"create.project.error-title": {
-		"message": "An error occurred"
-	},
-	"create.project.name-label": {
-		"message": "Name"
-	},
-	"create.project.name-placeholder": {
-		"message": "Enter project name..."
-	},
-	"create.project.owner-description": {
-		"message": "Set the project owner as yourself, an individual, or an organization."
-	},
-	"create.project.owner-label": {
-		"message": "Owner"
-	},
-	"create.project.server-project-title": {
-		"message": "Creating a server project"
-	},
-	"create.project.summary-description": {
-		"message": "A sentence or two that describes your project."
-	},
-	"create.project.summary-label": {
-		"message": "Summary"
-	},
-	"create.project.summary-placeholder": {
-		"message": "Enter tagline..."
-	},
-	"create.project.title": {
-		"message": "Creating a project"
-	},
-	"create.project.type-label": {
-		"message": "Type"
-	},
-	"create.project.type-project": {
-		"message": "Project"
-	},
-	"create.project.type-server": {
-		"message": "Server"
-	},
-	"create.project.url-label": {
-		"message": "URL"
-	},
-	"create.project.visibility-description": {
-		"message": "The visibility of your project after it has been approved."
-	},
-	"create.project.visibility-private": {
-		"message": "Private"
-	},
-	"create.project.visibility-public": {
-		"message": "Public"
-	},
-	"create.project.visibility-unlisted": {
-		"message": "Unlisted"
-	},
-	"dashboard.affiliate-links.create.button": {
-		"message": "Create affiliate link"
-	},
-	"dashboard.affiliate-links.error.title": {
-		"message": "Error loading affiliate links"
-	},
-	"dashboard.affiliate-links.header": {
-		"message": "Your affiliate links"
-	},
-	"dashboard.affiliate-links.revoke-confirm.body": {
-		"message": "This will permanently revoke the affiliate code `{id}` and any existing links with this code that have been shared will no longer be valid."
-	},
-	"dashboard.affiliate-links.revoke-confirm.button": {
-		"message": "Revoke"
-	},
-	"dashboard.affiliate-links.revoke-confirm.title": {
-		"message": "Are you sure you want to revoke your ''{title}'' affiliate link?"
-	},
-	"dashboard.affiliate-links.search": {
-		"message": "Search affiliate links..."
-	},
-	"dashboard.collections.button.create-new": {
-		"message": "Create new"
-	},
-	"dashboard.collections.label.projects-count": {
-		"message": "{count, plural, one {{count} project} other {{count} projects}}"
-	},
-	"dashboard.collections.label.search-input": {
-		"message": "Search your collections"
-	},
-	"dashboard.collections.long-title": {
-		"message": "Your collections"
-	},
-	"dashboard.creator-tax-form-modal.confirmation.download-button": {
-		"message": "Download {formType}"
-	},
-	"dashboard.creator-tax-form-modal.confirmation.success": {
-		"message": "Your {formType} tax form has been submitted successfully!"
-	},
-	"dashboard.creator-tax-form-modal.confirmation.support-text": {
-		"message": "You can freely withdraw now. If you have questions or need to update your details <support-link>contact support</support-link>."
-	},
-	"dashboard.creator-tax-form-modal.confirmation.title": {
-		"message": "You're all set! 🎉"
-	},
-	"dashboard.creator-tax-form-modal.entity.description": {
-		"message": "A foreign entity means a business entity organized outside the United States (such as a non-US corporation, partnership, or LLC)."
-	},
-	"dashboard.creator-tax-form-modal.entity.foreign-entity": {
-		"message": "Foreign entity"
-	},
-	"dashboard.creator-tax-form-modal.entity.private-individual": {
-		"message": "Private individual"
-	},
-	"dashboard.creator-tax-form-modal.entity.question": {
-		"message": "Are you a private individual or part of a foreign entity?"
-	},
-	"dashboard.creator-tax-form-modal.header": {
-		"message": "Tax form"
-	},
-	"dashboard.creator-tax-form-modal.security.description": {
-		"message": "Modrinth uses third-party provider Track1099 to securely collect and store your tax forms. <security-link>Learn more here.</security-link>"
-	},
-	"dashboard.creator-tax-form-modal.security.header": {
-		"message": "Security practices"
-	},
-	"dashboard.creator-tax-form-modal.us-citizen.question": {
-		"message": "Are you a US citizen?"
-	},
-	"dashboard.creator-withdraw-modal.complete-tax-form": {
-		"message": "Complete tax form"
-	},
-	"dashboard.creator-withdraw-modal.continue-with-limit": {
-		"message": "Continue with limit"
-	},
-	"dashboard.creator-withdraw-modal.details-label": {
-		"message": "Details"
-	},
-	"dashboard.creator-withdraw-modal.fee-breakdown-amount": {
-		"message": "Amount"
-	},
-	"dashboard.creator-withdraw-modal.fee-breakdown-exchange-rate": {
-		"message": "FX rate"
-	},
-	"dashboard.creator-withdraw-modal.fee-breakdown-fee": {
-		"message": "Fee"
-	},
-	"dashboard.creator-withdraw-modal.fee-breakdown-gift-card-value": {
-		"message": "Gift card value"
-	},
-	"dashboard.creator-withdraw-modal.fee-breakdown-net-amount": {
-		"message": "Net amount"
-	},
-	"dashboard.creator-withdraw-modal.fee-breakdown-usd-equivalent": {
-		"message": "USD equivalent"
-	},
-	"dashboard.creator-withdraw-modal.kyc.business-entity": {
-		"message": "Business entity"
-	},
-	"dashboard.creator-withdraw-modal.kyc.entity-description": {
-		"message": "A business entity refers to a registered organization such as a corporation, partnership, or LLC."
-	},
-	"dashboard.creator-withdraw-modal.kyc.entity-question": {
-		"message": "Are you a withdrawing as an individual or business?"
-	},
-	"dashboard.creator-withdraw-modal.kyc.private-individual": {
-		"message": "Private individual"
-	},
-	"dashboard.creator-withdraw-modal.method-selection.country-placeholder": {
-		"message": "Select your country"
-	},
-	"dashboard.creator-withdraw-modal.method-selection.country-search-placeholder": {
-		"message": "Search countries..."
-	},
-	"dashboard.creator-withdraw-modal.method-selection.error-text": {
-		"message": "Unable to fetch available payment methods. Please try again later."
-	},
-	"dashboard.creator-withdraw-modal.method-selection.error-title": {
-		"message": "Failed to load payment methods"
-	},
-	"dashboard.creator-withdraw-modal.method-selection.region": {
-		"message": "Region"
-	},
-	"dashboard.creator-withdraw-modal.method-selection.region-tooltip": {
-		"message": "Some payout methods are not available in certain regions."
-	},
-	"dashboard.creator-withdraw-modal.method-selection.select-method": {
-		"message": "Select withdraw method"
-	},
-	"dashboard.creator-withdraw-modal.method-selection.tax-limit-warning": {
-		"message": "Your withdraw limit is <b>{amount}</b>, <tax-link>complete a tax form</tax-link> to withdraw more."
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.account-owner": {
-		"message": "Account owner"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.bank-account-owner": {
-		"message": "Bank account owner"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.bank-account-owner-description": {
-		"message": "Enter the name of the person authorized to operate this bank account on behalf of the business."
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.coin": {
-		"message": "Coin"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.crypto-warning-header": {
-		"message": "Confirm your wallet address"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id": {
-		"message": "National ID number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id-placeholder": {
-		"message": "Enter national ID number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-passport": {
-		"message": "Passport number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-passport-placeholder": {
-		"message": "Enter passport number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id": {
-		"message": "Resident ID number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id-placeholder": {
-		"message": "Enter resident ID number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc": {
-		"message": "RUC number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc-placeholder": {
-		"message": "Enter RUC number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id": {
-		"message": "Tax ID number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id-placeholder": {
-		"message": "Enter tax ID number"
-	},
-	"dashboard.creator-withdraw-modal.muralpay-details.network": {
-		"message": "Network"
-	},
-	"dashboard.creator-withdraw-modal.nearing-threshold": {
-		"message": "You're nearing the withdraw threshold. You can withdraw <b>{amountRemaining}</b> now, but a tax form is required for more."
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.account": {
-		"message": "Account"
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.disconnect-account": {
-		"message": "Disconnect account"
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.payment-method": {
-		"message": "Payment method"
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.paypal-account": {
-		"message": "PayPal account"
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.paypal-auth-description": {
-		"message": "Connect your PayPal account to receive payments directly."
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.save-success": {
-		"message": "Venmo handle saved successfully!"
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.sign-in-with-paypal": {
-		"message": "Sign in with PayPal"
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.venmo-description": {
-		"message": "Enter your Venmo handle to receive payments."
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.venmo-handle": {
-		"message": "Venmo handle"
-	},
-	"dashboard.creator-withdraw-modal.paypal-details.venmo-handle-placeholder": {
-		"message": "@username"
-	},
-	"dashboard.creator-withdraw-modal.stage.completion": {
-		"message": "Complete"
-	},
-	"dashboard.creator-withdraw-modal.stage.method-selection": {
-		"message": "Method"
-	},
-	"dashboard.creator-withdraw-modal.stage.tax-form": {
-		"message": "Tax form"
-	},
-	"dashboard.creator-withdraw-modal.tax-form-required.body": {
-		"message": "To withdraw your full <b>{available}</b> available balance please complete the form below. It is required for tax reporting and only needs to be done once."
-	},
-	"dashboard.creator-withdraw-modal.tax-form-required.body-with-limit": {
-		"message": "You must complete a W-9 or W-8 form for Modrinth's tax records so we remain compliant with tax regulations."
-	},
-	"dashboard.creator-withdraw-modal.tax-form-required.header": {
-		"message": "Tax form required"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.available-denominations-label": {
-		"message": "Available denominations"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.balance-worth-hint": {
-		"message": "Your balance of {usdBalance} is currently worth {localBalance}."
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.enter-amount-hint": {
-		"message": "Find gift cards near this value."
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.enter-denomination-placeholder": {
-		"message": "Enter amount"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.payment-method": {
-		"message": "Payment method"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.reward": {
-		"message": "Reward"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.reward-placeholder": {
-		"message": "Select reward"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.reward-plural": {
-		"message": "Rewards"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.search-amount-label": {
-		"message": "Search amount"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.select-denomination-hint": {
-		"message": "Select a denomination:"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.select-denomination-required": {
-		"message": "Please select a denomination to continue"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.unverified-email-header": {
-		"message": "Unverified email"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.unverified-email-message": {
-		"message": "The delivery email you have entered is not associated with your Modrinth account. Modrinth cannot recover rewards sent to an incorrect email address."
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.usd-paypal-warning-header": {
-		"message": "Lower fees available"
-	},
-	"dashboard.creator-withdraw-modal.tremendous-details.usd-paypal-warning-message": {
-		"message": "You selected USD for PayPal International. <direct-paypal-link>Switch to direct PayPal</direct-paypal-link> for better fees (≈2% instead of ≈6%)."
-	},
-	"dashboard.creator-withdraw-modal.withdraw-button": {
-		"message": "Withdraw"
-	},
-	"dashboard.creator-withdraw-modal.withdraw-limit": {
-		"message": "Withdraw limit"
-	},
-	"dashboard.creator-withdraw-modal.withdraw-limit-used": {
-		"message": "You've used up your <b>{withdrawLimit}</b> withdrawal limit. You must complete a tax form to withdraw more."
-	},
-	"dashboard.revenue.available-now": {
-		"message": "Available now"
-	},
-	"dashboard.revenue.balance": {
-		"message": "Balance"
-	},
-	"dashboard.revenue.estimated-tooltip.msg1": {
-		"message": "Estimated revenue may be subject to change until it is made available."
-	},
-	"dashboard.revenue.estimated-tooltip.msg2": {
-		"message": "Click to read about how Modrinth handles your revenue."
-	},
-	"dashboard.revenue.estimated-with-date": {
-		"message": "Estimated {date}"
-	},
-	"dashboard.revenue.processing": {
-		"message": "Processing"
-	},
-	"dashboard.revenue.processing.tooltip": {
-		"message": "Revenue stays in processing until the end of the month, then becomes available 60 days later."
-	},
-	"dashboard.revenue.stats.received": {
-		"message": "Received"
-	},
-	"dashboard.revenue.stats.transactions": {
-		"message": "Transactions"
-	},
-	"dashboard.revenue.stats.withdrawn": {
-		"message": "Withdrawn"
-	},
-	"dashboard.revenue.tos": {
-		"message": "By uploading projects to Modrinth and withdrawing money from your account, you agree to our <terms-link>Rewards Program Terms</terms-link>. Learn more about the <info-link>Reward Program</info-link>."
-	},
-	"dashboard.revenue.transactions.btn.download-csv": {
-		"message": "Download as CSV"
-	},
-	"dashboard.revenue.transactions.header": {
-		"message": "Transactions"
-	},
-	"dashboard.revenue.transactions.none": {
-		"message": "No transactions"
-	},
-	"dashboard.revenue.transactions.none.desc": {
-		"message": "Your payouts and withdrawals will appear here."
-	},
-	"dashboard.revenue.transactions.see-all": {
-		"message": "See all"
-	},
-	"dashboard.revenue.withdraw.blocked-tin-mismatch": {
-		"message": "Your withdrawals are temporarily locked because your TIN or SSN didn't match IRS records. Please contact support to reset and resubmit your tax form."
-	},
-	"dashboard.revenue.withdraw.card.description": {
-		"message": "Withdraw from your available balance to any payout method."
-	},
-	"dashboard.revenue.withdraw.card.title": {
-		"message": "Withdraw"
-	},
-	"dashboard.revenue.withdraw.header": {
-		"message": "Withdraw"
-	},
-	"dashboard.withdraw.completion.account": {
-		"message": "Account"
-	},
-	"dashboard.withdraw.completion.amount": {
-		"message": "Amount"
-	},
-	"dashboard.withdraw.completion.date": {
-		"message": "Date"
-	},
-	"dashboard.withdraw.completion.email-confirmation": {
-		"message": "You'll receive an email at <b>{email}</b> with instructions to redeem your withdrawal."
-	},
-	"dashboard.withdraw.completion.exchange-rate": {
-		"message": "Exchange rate"
-	},
-	"dashboard.withdraw.completion.fee": {
-		"message": "Fee"
-	},
-	"dashboard.withdraw.completion.method": {
-		"message": "Method"
-	},
-	"dashboard.withdraw.completion.net-amount": {
-		"message": "Net amount"
-	},
-	"dashboard.withdraw.completion.recipient": {
-		"message": "Recipient"
-	},
-	"dashboard.withdraw.completion.title": {
-		"message": "Withdraw complete"
-	},
-	"dashboard.withdraw.completion.transactions-button": {
-		"message": "Transactions"
-	},
-	"dashboard.withdraw.completion.wallet": {
-		"message": "Wallet"
-	},
-	"dashboard.withdraw.error.account-not-linked.text": {
-		"message": "Please link your payment account before withdrawing."
-	},
-	"dashboard.withdraw.error.account-not-linked.title": {
-		"message": "Account not linked"
-	},
-	"dashboard.withdraw.error.email-verification.text": {
-		"message": "You must verify your email address before withdrawing funds."
-	},
-	"dashboard.withdraw.error.email-verification.title": {
-		"message": "Email verification required"
-	},
-	"dashboard.withdraw.error.generic.text": {
-		"message": "We were unable to submit your withdrawal request, please check your details or contact support.\n{error}"
-	},
-	"dashboard.withdraw.error.generic.title": {
-		"message": "Unable to withdraw"
-	},
-	"dashboard.withdraw.error.insufficient-balance.text": {
-		"message": "You do not have enough funds to make this withdrawal."
-	},
-	"dashboard.withdraw.error.insufficient-balance.title": {
-		"message": "Insufficient balance"
-	},
-	"dashboard.withdraw.error.invalid-address.text": {
-		"message": "The address you provided could not be verified. Please check your address details."
-	},
-	"dashboard.withdraw.error.invalid-address.title": {
-		"message": "Address verification failed"
-	},
-	"dashboard.withdraw.error.invalid-bank.text": {
-		"message": "The bank account details you provided are invalid. Please verify your information."
-	},
-	"dashboard.withdraw.error.invalid-bank.title": {
-		"message": "Invalid bank details"
-	},
-	"dashboard.withdraw.error.invalid-wallet.text": {
-		"message": "The crypto wallet address you provided is invalid. Please double-check and try again."
-	},
-	"dashboard.withdraw.error.invalid-wallet.title": {
-		"message": "Invalid wallet address"
-	},
-	"dashboard.withdraw.error.minimum-not-met.text": {
-		"message": "The withdrawal amount (after fees) doesn't meet the minimum requirement. Please increase your withdrawal amount."
-	},
-	"dashboard.withdraw.error.minimum-not-met.title": {
-		"message": "Amount too low"
-	},
-	"dashboard.withdraw.error.paypal-country-mismatch.text": {
-		"message": "Please use the correct PayPal transfer option for your region (US or International)."
-	},
-	"dashboard.withdraw.error.paypal-country-mismatch.title": {
-		"message": "PayPal region mismatch"
-	},
-	"dashboard.withdraw.error.tax-form.text": {
-		"message": "You must complete a tax form to submit your withdrawal request."
-	},
-	"dashboard.withdraw.error.tax-form.title": {
-		"message": "Please complete tax form"
-	},
-	"error.collection.404.list_item.1": {
-		"message": "You may have mistyped the collection's URL."
-	},
-	"error.collection.404.list_item.2": {
-		"message": "The collection may be private."
-	},
-	"error.collection.404.list_item.3": {
-		"message": "The collection may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
-	},
-	"error.collection.404.list_title": {
-		"message": "Why?"
-	},
-	"error.collection.404.title": {
-		"message": "Collection not found"
-	},
-	"error.generic.404.subtitle": {
-		"message": "The page you were looking for doesn't seem to exist."
-	},
-	"error.generic.404.title": {
-		"message": "Page not found"
-	},
-	"error.generic.451.subtitle": {
-		"message": "This page has been blocked for legal reasons, such as government censorship or ongoing legal proceedings."
-	},
-	"error.generic.451.title": {
-		"message": "Content unavailable for legal reasons"
-	},
-	"error.generic.default.list_item.1": {
-		"message": "Check if Modrinth is down on our <status-link>Status page</status-link>."
-	},
-	"error.generic.default.list_item.2": {
-		"message": "If this keeps happening, you may want to let the Modrinth Team know by joining our <discord-link>Discord server</discord-link>."
-	},
-	"error.generic.default.list_title": {
-		"message": "Please try again in a few minutes."
-	},
-	"error.generic.default.subtitle": {
-		"message": "Something went wrong."
-	},
-	"error.generic.default.title": {
-		"message": "Uh oh!"
-	},
-	"error.organization.404.list_item.1": {
-		"message": "You may have mistyped the organization's URL."
-	},
-	"error.organization.404.list_item.2": {
-		"message": "The organization's owner may have changed the URL or deleted it."
-	},
-	"error.organization.404.list_item.3": {
-		"message": "The organization may have been removed by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
-	},
-	"error.organization.404.list_title": {
-		"message": "Why?"
-	},
-	"error.organization.404.title": {
-		"message": "Organization not found"
-	},
-	"error.project.404.list_item.1": {
-		"message": "You may have mistyped the project's URL."
-	},
-	"error.project.404.list_item.2": {
-		"message": "The project's owner may have changed the URL, made the project private, or deleted it."
-	},
-	"error.project.404.list_item.3": {
-		"message": "The project may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
-	},
-	"error.project.404.list_title": {
-		"message": "Why?"
-	},
-	"error.project.404.title": {
-		"message": "Project not found"
-	},
-	"error.user.404.list_item.1": {
-		"message": "You may have mistyped the user's username."
-	},
-	"error.user.404.list_item.2": {
-		"message": "The user may have changed their username or deleted their account."
-	},
-	"error.user.404.list_item.3": {
-		"message": "The user's account may have been terminated for violating Modrinth's <tou-link>Terms of Use</tou-link>."
-	},
-	"error.user.404.list_title": {
-		"message": "Why?"
-	},
-	"error.user.404.title": {
-		"message": "User not found"
-	},
-	"frog": {
-		"message": "You've been frogged! 🐸"
-	},
-	"frog.altText": {
-		"message": "A photorealistic painting of a frog labyrinth"
-	},
-	"frog.froggedPeople": {
-		"message": "{count, plural, one {{count} more person} other {{count} more people}} were also frogged!"
-	},
-	"frog.sinceOpened": {
-		"message": "This page was opened {ago}"
-	},
-	"frog.title": {
-		"message": "Frog"
-	},
-	"hosting-marketing.available-locations": {
-		"message": "Available in North America, Europe, and Southeast Asia for wide coverage."
-	},
-	"hosting-marketing.billing.monthly": {
-		"message": "Pay monthly"
-	},
-	"hosting-marketing.billing.quarterly": {
-		"message": "Pay quarterly"
-	},
-	"hosting-marketing.billing.save-with-quarterly": {
-		"message": "Save 16% with quarterly billing!"
-	},
-	"hosting-marketing.billing.starting-at": {
-		"message": "Starting at {price} / month"
-	},
-	"hosting-marketing.billing.yearly": {
-		"message": "Pay yearly"
-	},
-	"hosting-marketing.faq.burst-threads": {
-		"message": "How do CPU burst threads work?"
-	},
-	"hosting-marketing.faq.burst-threads.answer": {
-		"message": "When your server is under heavy load, we temporarily give it access to additional CPU threads to help mitigate lag spikes and instability. This helps prevent the TPS from going below 20, ensuring the smoothest experience possible. Since those extra CPU threads are only shortly available during high load periods, they might not show up in Spark reports or other profiling tools."
-	},
-	"hosting-marketing.faq.cpu-kind": {
-		"message": "What kind of CPUs do Modrinth Hosting servers run on?"
-	},
-	"hosting-marketing.faq.cpu-kind.answer": {
-		"message": "Modrinth Hosting servers are powered by AMD Ryzen 7900 and 7950X3D equivalent CPUs at 5+ GHz, paired with DDR5 memory."
-	},
-	"hosting-marketing.faq.currency": {
-		"message": "What currency are the prices in?"
-	},
-	"hosting-marketing.faq.currency.answer": {
-		"message": "All prices are listed in United States Dollars (USD)."
-	},
-	"hosting-marketing.faq.ddos-protection": {
-		"message": "Do Modrinth Hosting servers have DDoS protection?"
-	},
-	"hosting-marketing.faq.ddos-protection.answer": {
-		"message": "Yes. All Modrinth Hosting servers come with DDoS protection, with up to 17Tbps capacity in some locations."
-	},
-	"hosting-marketing.faq.heading": {
-		"message": "Frequently Asked Questions"
-	},
-	"hosting-marketing.faq.how-fast": {
-		"message": "How fast are Modrinth Hosting servers?"
-	},
-	"hosting-marketing.faq.how-fast.answer.one": {
-		"message": "Modrinth Hosting servers are hosted on very modern high-performance hardware, but it's tough to say how exactly that will translate into how fast your server will run because there are so many factors that affect it, such as the mods, data packs, or plugins you're running on your server, and even user behavior."
-	},
-	"hosting-marketing.faq.how-fast.answer.two": {
-		"message": "Most performance issues that arise tend to be the fault of an unoptimized modpack, mod, data pack, or plugin that causes the server to lag. Since our servers are very high-end, you shouldn't run into much trouble as long as you pick an appropriate plan for the content you're running on the server."
-	},
-	"hosting-marketing.faq.increase-storage": {
-		"message": "Can I increase the storage on my server?"
-	},
-	"hosting-marketing.faq.increase-storage.answer": {
-		"message": "Yes, storage can be increased on your server at no additional cost. If you need more storage, reach out to Modrinth Support."
-	},
-	"hosting-marketing.faq.location": {
-		"message": "Where are Modrinth Hosting servers located? Can I choose a region?"
-	},
-	"hosting-marketing.faq.location.answer": {
-		"message": "We have servers available in North America, Europe, and Southeast Asia at the moment that you can choose upon purchase. More regions to come in the future! If you'd like to switch your region, please contact support."
-	},
-	"hosting-marketing.faq.versions-loaders": {
-		"message": "What Minecraft versions and loaders can be used?"
-	},
-	"hosting-marketing.faq.versions-loaders.answer.one": {
-		"message": "Modrinth Hosting servers can run any version of Minecraft: Java Edition going all the way back to version 1.2.5, including snapshot versions."
-	},
-	"hosting-marketing.faq.versions-loaders.answer.two": {
-		"message": "We also support a wide range of mod and plugin loaders, including Fabric, Quilt, Forge, and NeoForge for mods, as well as Paper and Purpur for plugins. Availability depends on whether the mod or plugin loader supports the selected Minecraft version."
-	},
-	"hosting-marketing.get-started": {
-		"message": "Get started"
-	},
-	"hosting-marketing.hero.button.manage-your-servers": {
-		"message": "Manage your servers"
-	},
-	"hosting-marketing.hero.button.start-a-new-server": {
-		"message": "Start a new server"
-	},
-	"hosting-marketing.hero.button.start-your-server": {
-		"message": "Start your server"
-	},
-	"hosting-marketing.hero.host-with-modrinth": {
-		"message": "Host your next server with Modrinth Hosting"
-	},
-	"hosting-marketing.hero.hosting-description": {
-		"message": "Modrinth Hosting is the easiest way to host your own Minecraft: Java Edition server. Seamlessly install and play your favorite mods and modpacks, all within the Modrinth platform."
-	},
-	"hosting-marketing.included.advanced-networking": {
-		"message": "Advanced networking management"
-	},
-	"hosting-marketing.included.advanced-networking.description": {
-		"message": "Add your own domain to your server, reserve up to 15 ports for mods that require them, and more."
-	},
-	"hosting-marketing.included.backups-included": {
-		"message": "Backups included"
-	},
-	"hosting-marketing.included.backups-included.description": {
-		"message": "Every server comes with 15 backups stored securely off-site."
-	},
-	"hosting-marketing.included.custom-url": {
-		"message": "Custom URL"
-	},
-	"hosting-marketing.included.custom-url.description": {
-		"message": "Share your server with a custom <contrast>modrinth.gg</contrast> URL."
-	},
-	"hosting-marketing.included.description": {
-		"message": "Included with every server is a suite of features designed to provide a hosting experience that only Modrinth can offer."
-	},
-	"hosting-marketing.included.file-manager": {
-		"message": "Easy to use file manager"
-	},
-	"hosting-marketing.included.file-manager.description": {
-		"message": "Search, manage, edit, and upload files directly to your server with ease."
-	},
-	"hosting-marketing.included.heading": {
-		"message": "Comes with all the features you need."
-	},
-	"hosting-marketing.included.help": {
-		"message": "Help when you need it"
-	},
-	"hosting-marketing.included.help.description": {
-		"message": "Reach out to the Modrinth team for help with your server at any time."
-	},
-	"hosting-marketing.included.powerful-console": {
-		"message": "A powerful console, server properties manager, and more"
-	},
-	"hosting-marketing.included.powerful-console.description": {
-		"message": "Modrinth Hosting comes with powerful tools to manage your server."
-	},
-	"hosting-marketing.included.sftp-access": {
-		"message": "SFTP access"
-	},
-	"hosting-marketing.included.sftp-access.description": {
-		"message": "Access your server's files directly with SFTP built into Modrinth Hosting."
-	},
-	"hosting-marketing.included.with-your-server": {
-		"message": "Included with your server"
-	},
-	"hosting-marketing.know-what-you-need": {
-		"message": "Know exactly what you need?"
-	},
-	"hosting-marketing.medal.info": {
-		"message": "Try a free <orange>3GB server</orange> for 5 days powered by <orange>Medal</orange>"
-	},
-	"hosting-marketing.medal.learn-more": {
-		"message": "Learn more"
-	},
-	"hosting-marketing.medal.text-secondary": {
-		"message": "Limited-time offer. No credit card required. Available for US servers."
-	},
-	"hosting-marketing.pick-customized-plan": {
-		"message": "Pick a customized plan with just the specs you need."
-	},
-	"hosting-marketing.server-for-everyone": {
-		"message": "There's a server for everyone"
-	},
-	"hosting-marketing.why.all-on-modrinth": {
-		"message": "Manage it all on Modrinth"
-	},
-	"hosting-marketing.why.all-on-modrinth.description": {
-		"message": "Your server, mods, players, and more are all on Modrinth. No need to switch between platforms."
-	},
-	"hosting-marketing.why.consistently-fast": {
-		"message": "Consistently fast"
-	},
-	"hosting-marketing.why.consistently-fast.description": {
-		"message": "Our infrastructure is never overloaded, meaning each server hosted with Modrinth always runs at its full performance."
-	},
-	"hosting-marketing.why.description": {
-		"message": "Choose from the thousands of modpacks on Modrinth or create your own. Invite your friends when you're ready to play."
-	},
-	"hosting-marketing.why.heading": {
-		"message": "Find a modpack. Now it's a server."
-	},
-	"hosting-marketing.why.modern-reliable-hosting": {
-		"message": "Experience modern, reliable hosting"
-	},
-	"hosting-marketing.why.modern-reliable-hosting.description": {
-		"message": "Modrinth Hosting servers are hosted on <contrast>high-performance AMD CPUs with DDR5 RAM</contrast>, running on custom-built software to ensure your server performs smoothly."
-	},
-	"hosting-marketing.why.where-mods-are": {
-		"message": "Play where your mods are"
-	},
-	"hosting-marketing.why.where-mods-are.description": {
-		"message": "Modrinth Hosting seamlessly integrates the mod and modpack installation process into your server."
-	},
-	"hosting-marketing.why.why-modrinth-hosting": {
-		"message": "Why Modrinth Hosting?"
-	},
-	"hosting-marketing.why.your-favorite-mods": {
-		"message": "All your favorite mods"
-	},
-	"hosting-marketing.why.your-favorite-mods.description": {
-		"message": "Choose between Vanilla, Fabric, Forge, Quilt and NeoForge. If it's on Modrinth, it can run on your server."
-	},
-	"hosting.plan.out-of-stock": {
-		"message": "Out of stock"
-	},
-	"hosting.plan.select-plan": {
-		"message": "Select plan"
-	},
-	"landing.button.discover-mods": {
-		"message": "Discover mods"
-	},
-	"landing.button.go-to-dashboard": {
-		"message": "Go to dashboard"
-	},
-	"landing.creator.feature.constantly-evolving.description": {
-		"message": "Get the best modding experience possible with constant updates from the Modrinth team"
-	},
-	"landing.creator.feature.constantly-evolving.title": {
-		"message": "Constantly Evolving"
-	},
-	"landing.creator.feature.data-statistics.description": {
-		"message": "Get detailed reports on page views, download counts, and revenue"
-	},
-	"landing.creator.feature.data-statistics.title": {
-		"message": "Data and Statistics"
-	},
-	"landing.creator.feature.discovery.description": {
-		"message": "Get your project discovered by thousands of users through search, our home page, Discord server, and more ways to come in the future!"
-	},
-	"landing.creator.feature.discovery.title": {
-		"message": "Discovery"
-	},
-	"landing.creator.feature.diverse-ecosystem.description": {
-		"message": "Integrate with your build tools through Minotaur for automatic uploads right when you release a new version"
-	},
-	"landing.creator.feature.diverse-ecosystem.title": {
-		"message": "Diverse Ecosystem"
-	},
-	"landing.creator.feature.monetization.description": {
-		"message": "Get paid ad revenue from your project pages and withdraw your funds at any time"
-	},
-	"landing.creator.feature.monetization.title": {
-		"message": "Monetization"
-	},
-	"landing.creator.feature.team-management.description": {
-		"message": "Invite your teammates and manage roles and permissions with ease"
-	},
-	"landing.creator.feature.team-management.title": {
-		"message": "Team Management"
-	},
-	"landing.error.failedToLoadRandomProjects": {
-		"message": "Failed to load random projects :("
-	},
-	"landing.feature.follow.description": {
-		"message": "Get notified every time your favorite projects update and stay in the loop."
-	},
-	"landing.feature.follow.heading": {
-		"message": "Follow projects you love"
-	},
-	"landing.feature.launcher.description": {
-		"message": "Modrinth's open-source API lets launchers add deep integration with Modrinth. You can use Modrinth through <link>our own app</link> and some of the most popular launchers like ATLauncher, MultiMC, and Prism Launcher."
-	},
-	"landing.feature.launcher.heading": {
-		"message": "Play with your favorite launcher"
-	},
-	"landing.feature.search.description": {
-		"message": "Modrinth's lightning-fast search and powerful filters let you find what you want as you type."
-	},
-	"landing.feature.search.heading": {
-		"message": "Find what you want, quickly and easily"
-	},
-	"landing.heading.the-place-for-minecraft": {
-		"message": "The place for Minecraft {content}"
-	},
-	"landing.heading.the-place-for-minecraft.data-packs": {
-		"message": "data packs"
-	},
-	"landing.heading.the-place-for-minecraft.modpacks": {
-		"message": "modpacks"
-	},
-	"landing.heading.the-place-for-minecraft.mods": {
-		"message": "mods"
-	},
-	"landing.heading.the-place-for-minecraft.plugins": {
-		"message": "plugins"
-	},
-	"landing.heading.the-place-for-minecraft.resource-packs": {
-		"message": "resource packs"
-	},
-	"landing.heading.the-place-for-minecraft.servers": {
-		"message": "servers"
-	},
-	"landing.heading.the-place-for-minecraft.shaders": {
-		"message": "shaders"
-	},
-	"landing.launcher.atlauncher-label": {
-		"message": "ATLauncher"
-	},
-	"landing.launcher.graphic-alt": {
-		"message": "A simplified representation of a Minecraft window, with the Mojang Studios logo in Modrinth green."
-	},
-	"landing.launcher.modrinth-app-label": {
-		"message": "Modrinth App"
-	},
-	"landing.launcher.prism-launcher-label": {
-		"message": "Prism Launcher"
-	},
-	"landing.notifications.has-been-updated": {
-		"message": "{title} has been updated!"
-	},
-	"landing.notifications.heading": {
-		"message": "Notifications"
-	},
-	"landing.notifications.received-time": {
-		"message": "Received {time}"
-	},
-	"landing.notifications.version-released": {
-		"message": "Version {version} has been released for {gameVersion}"
-	},
-	"landing.section.for-creators.description": {
-		"message": "Give an online home to your creations and reach a massive audience of dedicated players."
-	},
-	"landing.section.for-creators.label": {
-		"message": "For Creators"
-	},
-	"landing.section.for-creators.tagline": {
-		"message": "Share your content with the world"
-	},
-	"landing.section.for-players.description": {
-		"message": "From magical biomes to cursed dungeons, you can be sure to find content to bring your gameplay to the next level."
-	},
-	"landing.section.for-players.label": {
-		"message": "For Players"
-	},
-	"landing.section.for-players.tagline": {
-		"message": "Discover over {count} creations"
-	},
-	"landing.subheading": {
-		"message": "Discover, play, and share Minecraft content through our open-source platform built for the community."
-	},
-	"layout.action.change-theme": {
-		"message": "Change theme"
-	},
-	"layout.action.create-new": {
-		"message": "Create new..."
-	},
-	"layout.action.file-lookup": {
-		"message": "File lookup"
-	},
-	"layout.action.lookup-by-email": {
-		"message": "Lookup by email"
-	},
-	"layout.action.manage-affiliates": {
-		"message": "Manage affiliate links"
-	},
-	"layout.action.manage-server-notices": {
-		"message": "Manage server notices"
-	},
-	"layout.action.new-collection": {
-		"message": "New collection"
-	},
-	"layout.action.new-organization": {
-		"message": "New organization"
-	},
-	"layout.action.new-project": {
-		"message": "New project"
-	},
-	"layout.action.new-server-project": {
-		"message": "New server"
-	},
-	"layout.action.publish": {
-		"message": "Publish"
-	},
-	"layout.action.reports": {
-		"message": "Review reports"
-	},
-	"layout.action.review-projects": {
-		"message": "Project review"
-	},
-	"layout.action.tech-review": {
-		"message": "Tech review"
-	},
-	"layout.avatar.alt": {
-		"message": "Your avatar"
-	},
-	"layout.banner.account-action": {
-		"message": "Account action required"
-	},
-	"layout.banner.add-email.button": {
-		"message": "Visit account settings"
-	},
-	"layout.banner.add-email.description": {
-		"message": "For security reasons, Modrinth needs you to register an email address to your account."
-	},
-	"layout.banner.build-fail.description": {
-		"message": "This deploy of Modrinth's frontend failed to generate state from the API. This may be due to an outage or an error in configuration. Rebuild when the API is available. Error codes: {errors}; Current API URL is: {url}"
-	},
-	"layout.banner.build-fail.title": {
-		"message": "Error generating state from API when building."
-	},
-	"layout.banner.preview.description": {
-		"message": "If you meant to access the official Modrinth website, visit <link>https://modrinth.com</link>. This preview deploy is used by Modrinth staff for testing purposes. It was built using <branch-link>{owner}/{branch}</branch-link> @ {commit}."
-	},
-	"layout.banner.preview.title": {
-		"message": "This is a preview deploy of the Modrinth website."
-	},
-	"layout.banner.staging.description": {
-		"message": "The staging environment is completely separate from the production Modrinth database. This is used for testing and debugging purposes, and may be running in-development versions of the Modrinth backend or frontend newer than the production instance."
-	},
-	"layout.banner.staging.title": {
-		"message": "You’re viewing Modrinth’s staging environment"
-	},
-	"layout.banner.subscription-payment-failed.button": {
-		"message": "Update billing info"
-	},
-	"layout.banner.subscription-payment-failed.description": {
-		"message": "One or more subscriptions failed to renew. Please update your payment method to prevent losing access!"
-	},
-	"layout.banner.subscription-payment-failed.title": {
-		"message": "Billing action required."
-	},
-	"layout.banner.tax.action": {
-		"message": "Complete tax form"
-	},
-	"layout.banner.tax.description": {
-		"message": "You've already withdrawn over $600 from Modrinth this year. To comply with tax regulations, you need to complete a tax form. Your withdrawals are paused until this form is submitted."
-	},
-	"layout.banner.tax.title": {
-		"message": "Tax form required"
-	},
-	"layout.banner.tin-mismatch.action": {
-		"message": "Contact support"
-	},
-	"layout.banner.tin-mismatch.description": {
-		"message": "Your withdrawals are temporarily locked because your TIN or SSN didn't match IRS records. Please contact support to reset and resubmit your tax form."
-	},
-	"layout.banner.tin-mismatch.title": {
-		"message": "Tax form failed"
-	},
-	"layout.banner.verify-email.action": {
-		"message": "Re-send verification email"
-	},
-	"layout.banner.verify-email.description": {
-		"message": "For security reasons, Modrinth needs you to verify the email address associated with your account."
-	},
-	"layout.footer.about": {
-		"message": "About"
-	},
-	"layout.footer.about.careers": {
-		"message": "Careers"
-	},
-	"layout.footer.about.changelog": {
-		"message": "Changelog"
-	},
-	"layout.footer.about.news": {
-		"message": "News"
-	},
-	"layout.footer.about.rewards-program": {
-		"message": "Rewards Program"
-	},
-	"layout.footer.about.status": {
-		"message": "Status"
-	},
-	"layout.footer.legal": {
-		"message": "Legal"
-	},
-	"layout.footer.legal-disclaimer": {
-		"message": "NOT AN OFFICIAL MINECRAFT SERVICE. NOT APPROVED BY OR ASSOCIATED WITH MOJANG OR MICROSOFT."
-	},
-	"layout.footer.legal.copyright-policy": {
-		"message": "Copyright Policy and DMCA"
-	},
-	"layout.footer.legal.privacy-policy": {
-		"message": "Privacy Policy"
-	},
-	"layout.footer.legal.rules": {
-		"message": "Content Rules"
-	},
-	"layout.footer.legal.security-notice": {
-		"message": "Security Notice"
-	},
-	"layout.footer.legal.terms-of-use": {
-		"message": "Terms of Use"
-	},
-	"layout.footer.modrinth-information": {
-		"message": "Modrinth information"
-	},
-	"layout.footer.open-source": {
-		"message": "Modrinth is <github-link>open source</github-link>."
-	},
-	"layout.footer.products": {
-		"message": "Products"
-	},
-	"layout.footer.products.app": {
-		"message": "Modrinth App"
-	},
-	"layout.footer.products.plus": {
-		"message": "Modrinth+"
-	},
-	"layout.footer.products.servers": {
-		"message": "Modrinth Hosting"
-	},
-	"layout.footer.resources": {
-		"message": "Resources"
-	},
-	"layout.footer.resources.api-docs": {
-		"message": "API documentation"
-	},
-	"layout.footer.resources.help-center": {
-		"message": "Help Center"
-	},
-	"layout.footer.resources.report-issues": {
-		"message": "Report issues"
-	},
-	"layout.footer.resources.translate": {
-		"message": "Translate"
-	},
-	"layout.footer.social.bluesky": {
-		"message": "Bluesky"
-	},
-	"layout.footer.social.discord": {
-		"message": "Discord"
-	},
-	"layout.footer.social.github": {
-		"message": "GitHub"
-	},
-	"layout.footer.social.mastodon": {
-		"message": "Mastodon"
-	},
-	"layout.footer.social.x": {
-		"message": "X"
-	},
-	"layout.menu-toggle.action": {
-		"message": "Toggle menu"
-	},
-	"layout.meta.description": {
-		"message": "Download Minecraft mods, plugins, datapacks, shaders, resourcepacks, and modpacks on Modrinth. Discover and publish projects on Modrinth with a modern, easy to use interface and API."
-	},
-	"layout.meta.og-description": {
-		"message": "Discover and publish Minecraft content!"
-	},
-	"layout.mobile.close-menu": {
-		"message": "Close menu"
-	},
-	"layout.mobile.open-menu": {
-		"message": "Open menu"
-	},
-	"layout.nav.active-reports": {
-		"message": "Active reports"
-	},
-	"layout.nav.discover": {
-		"message": "Discover"
-	},
-	"layout.nav.discover-content": {
-		"message": "Discover content"
-	},
-	"layout.nav.feature-flags": {
-		"message": "Feature flags"
-	},
-	"layout.nav.get-modrinth-app": {
-		"message": "Get Modrinth App"
-	},
-	"layout.nav.home": {
-		"message": "Home"
-	},
-	"layout.nav.host-a-server": {
-		"message": "Host a server"
-	},
-	"layout.nav.modrinth-app": {
-		"message": "Modrinth App"
-	},
-	"layout.nav.modrinth-home-page": {
-		"message": "Modrinth home page"
-	},
-	"layout.nav.my-servers": {
-		"message": "My servers"
-	},
-	"layout.nav.organizations": {
-		"message": "Organizations"
-	},
-	"layout.nav.profile": {
-		"message": "Profile"
-	},
-	"layout.nav.projects": {
-		"message": "Projects"
-	},
-	"layout.nav.revenue": {
-		"message": "Revenue"
-	},
-	"layout.nav.saved-projects": {
-		"message": "Saved projects"
-	},
-	"layout.nav.search": {
-		"message": "Search"
-	},
-	"layout.nav.upgrade-to-modrinth-plus": {
-		"message": "Upgrade to Modrinth+"
-	},
-	"moderation.moderate": {
-		"message": "Moderate"
-	},
-	"moderation.page.projects": {
-		"message": "Projects"
-	},
-	"moderation.page.reports": {
-		"message": "Reports"
-	},
-	"moderation.page.technicalReview": {
-		"message": "Technical Review"
-	},
-	"muralpay.account-type.checking": {
-		"message": "Checking"
-	},
-	"muralpay.account-type.savings": {
-		"message": "Savings"
-	},
-	"muralpay.country.at": {
-		"message": "Austria"
-	},
-	"muralpay.country.be": {
-		"message": "Belgium"
-	},
-	"muralpay.country.cy": {
-		"message": "Cyprus"
-	},
-	"muralpay.country.de": {
-		"message": "Germany"
-	},
-	"muralpay.country.ee": {
-		"message": "Estonia"
-	},
-	"muralpay.country.es": {
-		"message": "Spain"
-	},
-	"muralpay.country.fi": {
-		"message": "Finland"
-	},
-	"muralpay.country.fr": {
-		"message": "France"
-	},
-	"muralpay.country.gr": {
-		"message": "Greece"
-	},
-	"muralpay.country.ie": {
-		"message": "Ireland"
-	},
-	"muralpay.country.it": {
-		"message": "Italy"
-	},
-	"muralpay.country.lt": {
-		"message": "Lithuania"
-	},
-	"muralpay.country.lu": {
-		"message": "Luxembourg"
-	},
-	"muralpay.country.lv": {
-		"message": "Latvia"
-	},
-	"muralpay.country.mt": {
-		"message": "Malta"
-	},
-	"muralpay.country.nl": {
-		"message": "Netherlands"
-	},
-	"muralpay.country.pt": {
-		"message": "Portugal"
-	},
-	"muralpay.country.sk": {
-		"message": "Slovakia"
-	},
-	"muralpay.document-type.national-id": {
-		"message": "National ID"
-	},
-	"muralpay.document-type.passport": {
-		"message": "Passport"
-	},
-	"muralpay.document-type.resident-id": {
-		"message": "Resident ID"
-	},
-	"muralpay.document-type.ruc": {
-		"message": "RUC"
-	},
-	"muralpay.document-type.tax-id": {
-		"message": "Tax ID"
-	},
-	"muralpay.field.account-number": {
-		"message": "Account number"
-	},
-	"muralpay.field.account-number-cbu-cvu": {
-		"message": "Account number (CBU/CVU)"
-	},
-	"muralpay.field.account-number-cci": {
-		"message": "Account number (CCI)"
-	},
-	"muralpay.field.account-number-type": {
-		"message": "Account number type"
-	},
-	"muralpay.field.account-type": {
-		"message": "Account type"
-	},
-	"muralpay.field.bank-account-number": {
-		"message": "Account number"
-	},
-	"muralpay.field.branch-code": {
-		"message": "Branch code"
-	},
-	"muralpay.field.clabe": {
-		"message": "CLABE"
-	},
-	"muralpay.field.country": {
-		"message": "Country"
-	},
-	"muralpay.field.cpf-cnpj": {
-		"message": "CPF/CNPJ"
-	},
-	"muralpay.field.cuit-cuil": {
-		"message": "CUIT/CUIL"
-	},
-	"muralpay.field.document-type": {
-		"message": "Document type"
-	},
-	"muralpay.field.iban": {
-		"message": "IBAN"
-	},
-	"muralpay.field.phone-number": {
-		"message": "Phone number"
-	},
-	"muralpay.field.pix-email": {
-		"message": "PIX email"
-	},
-	"muralpay.field.pix-key-type": {
-		"message": "PIX key type"
-	},
-	"muralpay.field.pix-phone": {
-		"message": "PIX phone"
-	},
-	"muralpay.field.routing-number": {
-		"message": "Routing number"
-	},
-	"muralpay.field.swift-bic": {
-		"message": "SWIFT/BIC"
-	},
-	"muralpay.field.wallet-address": {
-		"message": "Wallet address"
-	},
-	"muralpay.help.cbu-cvu": {
-		"message": "Clave Bancaria Uniforme or Clave Virtual Uniforme"
-	},
-	"muralpay.help.cci": {
-		"message": "Código de Cuenta Interbancaria"
-	},
-	"muralpay.help.clabe": {
-		"message": "Clave Bancaria Estandarizada (Mexican bank account number)"
-	},
-	"muralpay.help.cpf-cnpj": {
-		"message": "Brazilian tax identification number"
-	},
-	"muralpay.help.cuit-cuil": {
-		"message": "Argentine tax ID"
-	},
-	"muralpay.help.iban": {
-		"message": "International Bank Account Number"
-	},
-	"muralpay.help.swift-bic": {
-		"message": "Bank Identifier Code"
-	},
-	"muralpay.pix-type.bank-account": {
-		"message": "Bank account"
-	},
-	"muralpay.pix-type.document": {
-		"message": "CPF/CNPJ"
-	},
-	"muralpay.pix-type.email": {
-		"message": "Email"
-	},
-	"muralpay.pix-type.phone": {
-		"message": "Phone number"
-	},
-	"muralpay.placeholder.account-number": {
-		"message": "Enter account number"
-	},
-	"muralpay.placeholder.cbu-cvu": {
-		"message": "Enter CBU or CVU"
-	},
-	"muralpay.placeholder.cbu-cvu-type": {
-		"message": "CBU or CVU"
-	},
-	"muralpay.placeholder.cci": {
-		"message": "Enter 20-digit CCI"
-	},
-	"muralpay.placeholder.cuit-cuil": {
-		"message": "Enter CUIT or CUIL"
-	},
-	"muralpay.placeholder.enter-account-number": {
-		"message": "Enter account number"
-	},
-	"muralpay.placeholder.enter-branch-code": {
-		"message": "Enter branch code"
-	},
-	"muralpay.placeholder.enter-clabe": {
-		"message": "Enter 18-digit CLABE"
-	},
-	"muralpay.placeholder.enter-cpf-cnpj": {
-		"message": "Enter CPF or CNPJ"
-	},
-	"muralpay.placeholder.enter-iban": {
-		"message": "Enter IBAN"
-	},
-	"muralpay.placeholder.enter-pix-email": {
-		"message": "Enter PIX email"
-	},
-	"muralpay.placeholder.enter-routing-number": {
-		"message": "Enter 9-digit routing number"
-	},
-	"muralpay.placeholder.enter-swift-bic": {
-		"message": "Enter SWIFT/BIC code"
-	},
-	"muralpay.placeholder.iban-crc": {
-		"message": "Enter Costa Rican IBAN"
-	},
-	"muralpay.placeholder.phone-cop": {
-		"message": "+57..."
-	},
-	"muralpay.placeholder.pix-phone": {
-		"message": "+55..."
-	},
-	"muralpay.placeholder.wallet-address-eth": {
-		"message": "0x..."
-	},
-	"muralpay.rail.fiat-ars.name": {
-		"message": "Bank Transfer (ARS)"
-	},
-	"muralpay.rail.fiat-brl.name": {
-		"message": "PIX Transfer (BRL)"
-	},
-	"muralpay.rail.fiat-clp.name": {
-		"message": "Bank Transfer (CLP)"
-	},
-	"muralpay.rail.fiat-cop.name": {
-		"message": "Bank Transfer (COP)"
-	},
-	"muralpay.rail.fiat-crc.name": {
-		"message": "Bank Transfer (CRC)"
-	},
-	"muralpay.rail.fiat-eur.name": {
-		"message": "Bank Transfer (EUR)"
-	},
-	"muralpay.rail.fiat-mxn.name": {
-		"message": "Bank Transfer (MXN)"
-	},
-	"muralpay.rail.fiat-pen.name": {
-		"message": "Bank Transfer (PEN)"
-	},
-	"muralpay.rail.fiat-usd-peru.name": {
-		"message": "Bank Transfer (USD - Peru)"
-	},
-	"muralpay.rail.fiat-usd.name": {
-		"message": "Bank Transfer (USD)"
-	},
-	"muralpay.rail.fiat-zar.name": {
-		"message": "Bank Transfer (ZAR)"
-	},
-	"muralpay.rail.usdc-base.name": {
-		"message": "USDC (Base)"
-	},
-	"muralpay.rail.usdc-celo.name": {
-		"message": "USDC (Celo)"
-	},
-	"muralpay.rail.usdc-ethereum.name": {
-		"message": "USDC (Ethereum)"
-	},
-	"muralpay.rail.usdc-polygon.name": {
-		"message": "Crypto (USDC)"
-	},
-	"muralpay.warning.wallet-address": {
-		"message": "Double-check your wallet address. Funds sent to an incorrect address cannot be recovered."
-	},
-	"profile.bio.fallback.creator": {
-		"message": "A Modrinth creator."
-	},
-	"profile.bio.fallback.user": {
-		"message": "A Modrinth user."
-	},
-	"profile.button.billing": {
-		"message": "Manage user billing"
-	},
-	"profile.button.edit-role": {
-		"message": "Edit role"
-	},
-	"profile.button.info": {
-		"message": "View user details"
-	},
-	"profile.button.manage-projects": {
-		"message": "Manage projects"
-	},
-	"profile.button.remove-affiliate": {
-		"message": "Remove as affiliate"
-	},
-	"profile.button.set-affiliate": {
-		"message": "Set as affiliate"
-	},
-	"profile.details.label.auth-providers": {
-		"message": "Auth providers"
-	},
-	"profile.details.label.email": {
-		"message": "Email"
-	},
-	"profile.details.label.email-verified": {
-		"message": "Email verified"
-	},
-	"profile.details.label.has-password": {
-		"message": "Has password"
-	},
-	"profile.details.label.has-totp": {
-		"message": "Has TOTP"
-	},
-	"profile.details.label.payment-methods": {
-		"message": "Payment methods"
-	},
-	"profile.details.tooltip.email-not-verified": {
-		"message": "Email not verified"
-	},
-	"profile.details.tooltip.email-verified": {
-		"message": "Email verified"
-	},
-	"profile.error.not-found": {
-		"message": "User not found"
-	},
-	"profile.label.affiliate": {
-		"message": "Affiliate"
-	},
-	"profile.label.badges": {
-		"message": "Badges"
-	},
-	"profile.label.collection": {
-		"message": "Collection"
-	},
-	"profile.label.downloads": {
-		"message": "{count} {count, plural, one {download} other {downloads}}"
-	},
-	"profile.label.joined": {
-		"message": "Joined"
-	},
-	"profile.label.no-collections": {
-		"message": "This user has no collections!"
-	},
-	"profile.label.no-collections-auth": {
-		"message": "You don't have any collections.\nWould you like to <create-link>create one</create-link>?"
-	},
-	"profile.label.no-projects": {
-		"message": "This user has no projects!"
-	},
-	"profile.label.no-projects-auth": {
-		"message": "You don't have any projects.\nWould you like to <create-link>create one</create-link>?"
-	},
-	"profile.label.organizations": {
-		"message": "Organizations"
-	},
-	"profile.label.projects": {
-		"message": "{count} {count, plural, one {project} other {projects}}"
-	},
-	"profile.label.saving": {
-		"message": "Saving..."
-	},
-	"profile.meta.description": {
-		"message": "Download {username}'s projects on Modrinth"
-	},
-	"profile.meta.description-with-bio": {
-		"message": "{bio} - Download {username}'s projects on Modrinth"
-	},
-	"profile.stats.projects-followers": {
-		"message": "{count, plural, one {<stat>{count}</stat> project follower} other {<stat>{count}</stat> project followers}}"
-	},
-	"profile.user-id": {
-		"message": "User ID: {id}"
-	},
-	"project-member-header.error-decline": {
-		"message": "Failed to decline team invitation"
-	},
-	"project-member-header.error-join": {
-		"message": "Failed to accept team invitation"
-	},
-	"project-member-header.invitation-no-role": {
-		"message": "You've been invited to join this project. Please accept or decline the invitation."
-	},
-	"project-member-header.invitation-title": {
-		"message": "Invitation to join project"
-	},
-	"project-member-header.invitation-with-role": {
-		"message": "You've been invited to be a member of this project with the role of ''{role}''."
-	},
-	"project-member-header.success-decline": {
-		"message": "You have declined the team invitation"
-	},
-	"project-member-header.success-join": {
-		"message": "You have joined the project team"
-	},
-	"project-moderation-nags.publishing-checklist": {
-		"message": "Publishing checklist"
-	},
-	"project-moderation-nags.required": {
-		"message": "Required"
-	},
-	"project-moderation-nags.resubmit-for-review": {
-		"message": "Resubmit for review"
-	},
-	"project-moderation-nags.resubmit-for-review-desc": {
-		"message": "Your project has been {status, select, rejected {rejected} withheld {withheld} other {{status}}} by Modrinth's staff. In most cases, you can resubmit for review after addressing the staff's message."
-	},
-	"project-moderation-nags.submit-checklist-tooltip": {
-		"message": "You must complete the required steps in the publishing checklist!"
-	},
-	"project-moderation-nags.submit-for-review": {
-		"message": "Submit for review"
-	},
-	"project-moderation-nags.submit-for-review-button": {
-		"message": "Submit for review"
-	},
-	"project-moderation-nags.submit-for-review-desc": {
-		"message": "Your project is only viewable by members of the project. It must be reviewed by moderators in order to be published."
-	},
-	"project-moderation-nags.suggestion": {
-		"message": "Suggestion"
-	},
-	"project-moderation-nags.visit-moderation-page": {
-		"message": "Visit moderation page"
-	},
-	"project-moderation-nags.warning": {
-		"message": "Warning"
-	},
-	"project-type.collection.plural": {
-		"message": "Collections"
-	},
-	"project-type.collection.singular": {
-		"message": "Collection"
-	},
-	"project-type.datapack.plural": {
-		"message": "Data Packs"
-	},
-	"project-type.datapack.singular": {
-		"message": "Data Pack"
-	},
-	"project-type.mod.plural": {
-		"message": "Mods"
-	},
-	"project-type.mod.singular": {
-		"message": "Mod"
-	},
-	"project-type.modpack.plural": {
-		"message": "Modpacks"
-	},
-	"project-type.modpack.singular": {
-		"message": "Modpack"
-	},
-	"project-type.plugin.plural": {
-		"message": "Plugins"
-	},
-	"project-type.plugin.singular": {
-		"message": "Plugin"
-	},
-	"project-type.project.plural": {
-		"message": "Projects"
-	},
-	"project-type.project.singular": {
-		"message": "Project"
-	},
-	"project-type.resourcepack.plural": {
-		"message": "Resource Packs"
-	},
-	"project-type.resourcepack.singular": {
-		"message": "Resource Pack"
-	},
-	"project-type.shader.plural": {
-		"message": "Shaders"
-	},
-	"project-type.shader.singular": {
-		"message": "Shader"
-	},
-	"project.about.details.created": {
-		"message": "Created {date}"
-	},
-	"project.about.details.licensed": {
-		"message": "Licensed {license}"
-	},
-	"project.about.details.published": {
-		"message": "Published {date}"
-	},
-	"project.about.details.submitted": {
-		"message": "Submitted {date}"
-	},
-	"project.about.details.title": {
-		"message": "Details"
-	},
-	"project.about.details.updated": {
-		"message": "Updated {date}"
-	},
-	"project.actions.create-server": {
-		"message": "Create a server"
-	},
-	"project.actions.create-server-tooltip": {
-		"message": "Create a server"
-	},
-	"project.actions.dont-show-again": {
-		"message": "Don't show again"
-	},
-	"project.actions.review-project": {
-		"message": "Review project"
-	},
-	"project.actions.servers-promo.description": {
-		"message": "Modrinth Hosting is the easiest way to play with your friends without hassle!"
-	},
-	"project.actions.servers-promo.pricing": {
-		"message": "Starting at {price}<small> / month</small>"
-	},
-	"project.actions.servers-promo.title": {
-		"message": "Create a server"
-	},
-	"project.collections.create-new": {
-		"message": "Create new collection"
-	},
-	"project.collections.none-found": {
-		"message": "No collections found."
-	},
-	"project.description.title": {
-		"message": "Description"
-	},
-	"project.details.licensed": {
-		"message": "Licensed"
-	},
-	"project.download.game-version": {
-		"message": "Game version: {version}"
-	},
-	"project.download.game-version-error": {
-		"message": "Error: no game versions found"
-	},
-	"project.download.game-version-tooltip": {
-		"message": "{title} is only available for {version}"
-	},
-	"project.download.game-version-unsupported-tooltip": {
-		"message": "{title} does not support {gameVersion} for {platform}"
-	},
-	"project.download.install-with-app": {
-		"message": "Install with Modrinth App"
-	},
-	"project.download.no-app": {
-		"message": "Don't have Modrinth App?"
-	},
-	"project.download.no-versions-available": {
-		"message": "No versions available for {gameVersion} and {platform}."
-	},
-	"project.download.platform": {
-		"message": "Platform: {platform}"
-	},
-	"project.download.platform-error": {
-		"message": "Error: no platforms found"
-	},
-	"project.download.platform-tooltip": {
-		"message": "{title} is only available for {platform}"
-	},
-	"project.download.platform-unsupported-tooltip": {
-		"message": "{title} does not support {platform} for {gameVersion}"
-	},
-	"project.download.search-game-versions": {
-		"message": "Search game versions..."
-	},
-	"project.download.search-game-versions-label": {
-		"message": "Search game versions..."
-	},
-	"project.download.select-game-version": {
-		"message": "Select game version"
-	},
-	"project.download.select-platform": {
-		"message": "Select platform"
-	},
-	"project.download.show-all-versions": {
-		"message": "Show all versions"
-	},
-	"project.download.title": {
-		"message": "Download {title}"
-	},
-	"project.environment.migration-no-permission.message": {
-		"message": "We've just overhauled the Environments system on Modrinth and new options are now available. You don't have permission to modify these settings, but please let another member of the project know that the environment metadata needs to be verified."
-	},
-	"project.environment.migration-no-permission.title": {
-		"message": "Environment metadata needs to be reviewed"
-	},
-	"project.environment.migration.learn-more": {
-		"message": "Learn more about this change"
-	},
-	"project.environment.migration.message": {
-		"message": "We've just overhauled the Environments system on Modrinth and new options are now available. Please verify that the metadata is correct."
-	},
-	"project.environment.migration.review-button": {
-		"message": "Review environment settings"
-	},
-	"project.environment.migration.title": {
-		"message": "Please review environment metadata"
-	},
-	"project.error.loading": {
-		"message": "Error loading project data{message}"
-	},
-	"project.error.page-not-found": {
-		"message": "The page could not be found"
-	},
-	"project.error.project-not-found": {
-		"message": "Project not found"
-	},
-	"project.gallery.title": {
-		"message": "Gallery"
-	},
-	"project.license.error": {
-		"message": "License text could not be retrieved."
-	},
-	"project.license.loading": {
-		"message": "Loading license text..."
-	},
-	"project.license.title": {
-		"message": "License"
-	},
-	"project.moderation.title": {
-		"message": "Moderation"
-	},
-	"project.navigation.changelog": {
-		"message": "Changelog"
-	},
-	"project.notification.icon-updated.message": {
-		"message": "Your project's icon has been updated."
-	},
-	"project.notification.icon-updated.title": {
-		"message": "Project icon updated"
-	},
-	"project.notification.updated.message": {
-		"message": "Your project has been updated."
-	},
-	"project.notification.updated.title": {
-		"message": "Project updated"
-	},
-	"project.settings.general.name.description": {
-		"message": "Avoid prefixes, suffixes, parentheticals, or added descriptions—just the project's actual name."
-	},
-	"project.settings.general.name.placeholder.1": {
-		"message": "e.g. Nether Overhaul 2"
-	},
-	"project.settings.general.name.placeholder.2": {
-		"message": "e.g. Construction Equipment"
-	},
-	"project.settings.general.name.placeholder.3": {
-		"message": "e.g. Better than Caving"
-	},
-	"project.settings.general.name.placeholder.4": {
-		"message": "e.g. Enhanced Portals"
-	},
-	"project.settings.general.name.placeholder.5": {
-		"message": "e.g. Dangerous Mobs"
-	},
-	"project.settings.general.name.title": {
-		"message": "Name"
-	},
-	"project.settings.general.tagline.description": {
-		"message": "Summarize your project in no more than one sentence."
-	},
-	"project.settings.general.tagline.placeholder.1": {
-		"message": "e.g. Overhauls game progression to revolve around the Nether."
-	},
-	"project.settings.general.tagline.placeholder.2": {
-		"message": "e.g. Adds wearable construction gear."
-	},
-	"project.settings.general.tagline.placeholder.3": {
-		"message": "e.g. Adds realistic mineshaft-building mechanics."
-	},
-	"project.settings.general.tagline.placeholder.4": {
-		"message": "e.g. Improves how Nether portals link to each other."
-	},
-	"project.settings.general.tagline.placeholder.5": {
-		"message": "e.g. Adds powerful boss versions of the normal mobs to encounter in the night."
-	},
-	"project.settings.general.tagline.title": {
-		"message": "Tagline"
-	},
-	"project.settings.general.url.title": {
-		"message": "URL"
-	},
-	"project.settings.title": {
-		"message": "Settings"
-	},
-	"project.settings.visit-dashboard": {
-		"message": "Visit projects dashboard"
-	},
-	"project.stats.downloads-label": {
-		"message": "download{count, plural, one {} other {s}}"
-	},
-	"project.stats.followers-label": {
-		"message": "follower{count, plural, one {} other {s}}"
-	},
-	"project.status.archived.message": {
-		"message": "{title} has been archived. {title} will not receive any further updates unless the author decides to unarchive the project."
-	},
-	"project.versions.title": {
-		"message": "Versions"
-	},
-	"report.already-reported": {
-		"message": "You've already reported {title}"
-	},
-	"report.already-reported-description": {
-		"message": "You have an open report for this {item} already. You can add more details to your report if you have more information to add."
-	},
-	"report.back-to-item": {
-		"message": "Back to {item}"
-	},
-	"report.body.description": {
-		"message": "Include links and images if possible and relevant. Empty or insufficient reports will be closed and ignored."
-	},
-	"report.body.title": {
-		"message": "Please provide additional context about your report"
-	},
-	"report.checking": {
-		"message": "Checking {item}..."
-	},
-	"report.could-not-find": {
-		"message": "Could not find {item}"
-	},
-	"report.for.violation": {
-		"message": "Violation of Modrinth <rules-link>Rules</rules-link> or <terms-link>Terms of Use</terms-link>"
-	},
-	"report.for.violation.description": {
-		"message": "Examples include malicious, spam, offensive, deceptive, misleading, and illegal content."
-	},
-	"report.form-not-for": {
-		"message": "This form is not for:"
-	},
-	"report.go-to-report": {
-		"message": "Go to report"
-	},
-	"report.not-for.bug-reports": {
-		"message": "Bug reports"
-	},
-	"report.not-for.bug-reports.description": {
-		"message": "You can report bugs to their <issues-link>issue tracker</issues-link>."
-	},
-	"report.not-for.dmca": {
-		"message": "DMCA takedowns"
-	},
-	"report.not-for.dmca.description": {
-		"message": "See our <policy-link>Copyright Policy</policy-link>."
-	},
-	"report.note.copyright.1": {
-		"message": "Please note that you are *not* submitting a DMCA takedown request, but rather a report of reuploaded content."
-	},
-	"report.note.copyright.2": {
-		"message": "If you meant to file a DMCA takedown request (which is a legal action) instead, please see our <copyright-policy-link>Copyright Policy</copyright-policy-link>."
-	},
-	"report.note.malicious.1": {
-		"message": "Reports for malicious or deceptive content must include substantial evidence of the behavior, such as code samples."
-	},
-	"report.note.malicious.2": {
-		"message": "Summaries from Microsoft Defender, VirusTotal, or AI malware detection are not sufficient forms of evidence and will not be accepted."
-	},
-	"report.please-report": {
-		"message": "Please report:"
-	},
-	"report.question.content-id": {
-		"message": "What is the ID of the {item}?"
-	},
-	"report.question.content-type": {
-		"message": "What type of content are you reporting?"
-	},
-	"report.question.report-reason": {
-		"message": "Which of Modrinth's rules is this {item} violating?"
-	},
-	"report.report-content": {
-		"message": "Report content to moderators"
-	},
-	"report.report-item": {
-		"message": "Report {title} to moderators"
-	},
-	"report.submit": {
-		"message": "Submit report"
-	},
-	"scopes.analytics.description": {
-		"message": "Access your analytics data"
-	},
-	"scopes.analytics.label": {
-		"message": "Read analytics"
-	},
-	"scopes.collectionCreate.description": {
-		"message": "Create collections"
-	},
-	"scopes.collectionCreate.label": {
-		"message": "Create collections"
-	},
-	"scopes.collectionDelete.description": {
-		"message": "Delete collections"
-	},
-	"scopes.collectionDelete.label": {
-		"message": "Delete collections"
-	},
-	"scopes.collectionRead.description": {
-		"message": "Read collections"
-	},
-	"scopes.collectionRead.label": {
-		"message": "Read collections"
-	},
-	"scopes.collectionWrite.description": {
-		"message": "Write to collections"
-	},
-	"scopes.collectionWrite.label": {
-		"message": "Write collections"
-	},
-	"scopes.notificationRead.description": {
-		"message": "Read your notifications"
-	},
-	"scopes.notificationRead.label": {
-		"message": "Read notifications"
-	},
-	"scopes.notificationWrite.description": {
-		"message": "Delete/View your notifications"
-	},
-	"scopes.notificationWrite.label": {
-		"message": "Write notifications"
-	},
-	"scopes.organizationCreate.description": {
-		"message": "Create organizations"
-	},
-	"scopes.organizationCreate.label": {
-		"message": "Create organizations"
-	},
-	"scopes.organizationDelete.description": {
-		"message": "Delete organizations"
-	},
-	"scopes.organizationDelete.label": {
-		"message": "Delete organizations"
-	},
-	"scopes.organizationRead.description": {
-		"message": "Read organizations"
-	},
-	"scopes.organizationRead.label": {
-		"message": "Read organizations"
-	},
-	"scopes.organizationWrite.description": {
-		"message": "Write to organizations"
-	},
-	"scopes.organizationWrite.label": {
-		"message": "Write organizations"
-	},
-	"scopes.patCreate.description": {
-		"message": "Create personal API tokens"
-	},
-	"scopes.patCreate.label": {
-		"message": "Create PATs"
-	},
-	"scopes.patDelete.description": {
-		"message": "Delete your personal API tokens"
-	},
-	"scopes.patDelete.label": {
-		"message": "Delete PATs"
-	},
-	"scopes.patRead.description": {
-		"message": "View created API tokens"
-	},
-	"scopes.patRead.label": {
-		"message": "Read PATs"
-	},
-	"scopes.patWrite.description": {
-		"message": "Edit personal API tokens"
-	},
-	"scopes.patWrite.label": {
-		"message": "Write PATs"
-	},
-	"scopes.payoutsRead.description": {
-		"message": "Read your payouts data"
-	},
-	"scopes.payoutsRead.label": {
-		"message": "Read payouts"
-	},
-	"scopes.payoutsWrite.description": {
-		"message": "Withdraw money"
-	},
-	"scopes.payoutsWrite.label": {
-		"message": "Write payouts"
-	},
-	"scopes.performAnalytics.description": {
-		"message": "Perform analytics actions"
-	},
-	"scopes.performAnalytics.label": {
-		"message": "Perform analytics"
-	},
-	"scopes.projectCreate.description": {
-		"message": "Create new projects"
-	},
-	"scopes.projectCreate.label": {
-		"message": "Create projects"
-	},
-	"scopes.projectDelete.description": {
-		"message": "Delete your projects"
-	},
-	"scopes.projectDelete.label": {
-		"message": "Delete projects"
-	},
-	"scopes.projectRead.description": {
-		"message": "Read all your projects"
-	},
-	"scopes.projectRead.label": {
-		"message": "Read projects"
-	},
-	"scopes.projectWrite.description": {
-		"message": "Write to project data"
-	},
-	"scopes.projectWrite.label": {
-		"message": "Write projects"
-	},
-	"scopes.reportCreate.description": {
-		"message": "Create reports"
-	},
-	"scopes.reportCreate.label": {
-		"message": "Create reports"
-	},
-	"scopes.reportDelete.description": {
-		"message": "Delete reports"
-	},
-	"scopes.reportDelete.label": {
-		"message": "Delete reports"
-	},
-	"scopes.reportRead.description": {
-		"message": "Read reports"
-	},
-	"scopes.reportRead.label": {
-		"message": "Read reports"
-	},
-	"scopes.reportWrite.description": {
-		"message": "Edit reports"
-	},
-	"scopes.reportWrite.label": {
-		"message": "Write reports"
-	},
-	"scopes.sessionAccess.description": {
-		"message": "Access modrinth-issued sessions"
-	},
-	"scopes.sessionAccess.label": {
-		"message": "Access sessions"
-	},
-	"scopes.sessionDelete.description": {
-		"message": "Delete sessions"
-	},
-	"scopes.sessionDelete.label": {
-		"message": "Delete sessions"
-	},
-	"scopes.sessionRead.description": {
-		"message": "Read active sessions"
-	},
-	"scopes.sessionRead.label": {
-		"message": "Read sessions"
-	},
-	"scopes.threadRead.description": {
-		"message": "Read threads"
-	},
-	"scopes.threadRead.label": {
-		"message": "Read threads"
-	},
-	"scopes.threadWrite.description": {
-		"message": "Write to threads"
-	},
-	"scopes.threadWrite.label": {
-		"message": "Write threads"
-	},
-	"scopes.userAuthWrite.description": {
-		"message": "Modify your authentication data"
-	},
-	"scopes.userAuthWrite.label": {
-		"message": "Write auth data"
-	},
-	"scopes.userDelete.description": {
-		"message": "Delete your account"
-	},
-	"scopes.userDelete.label": {
-		"message": "Delete your account"
-	},
-	"scopes.userRead.description": {
-		"message": "Access your public profile information"
-	},
-	"scopes.userRead.label": {
-		"message": "Read user data"
-	},
-	"scopes.userReadEmail.description": {
-		"message": "Read your email"
-	},
-	"scopes.userReadEmail.label": {
-		"message": "Read user email"
-	},
-	"scopes.userWrite.description": {
-		"message": "Write to your profile"
-	},
-	"scopes.userWrite.label": {
-		"message": "Write user data"
-	},
-	"scopes.versionCreate.description": {
-		"message": "Create new versions"
-	},
-	"scopes.versionCreate.label": {
-		"message": "Create versions"
-	},
-	"scopes.versionDelete.description": {
-		"message": "Delete a version"
-	},
-	"scopes.versionDelete.label": {
-		"message": "Delete versions"
-	},
-	"scopes.versionRead.description": {
-		"message": "Read all versions"
-	},
-	"scopes.versionRead.label": {
-		"message": "Read versions"
-	},
-	"scopes.versionWrite.description": {
-		"message": "Write to version data"
-	},
-	"scopes.versionWrite.label": {
-		"message": "Write versions"
-	},
-	"search.filter.game-version-shader-message": {
-		"message": "Shader packs for older versions most likely work on newer versions with only minor issues."
-	},
-	"search.filter.locked.server": {
-		"message": "Provided by the server"
-	},
-	"search.filter.locked.server-game-version.title": {
-		"message": "Game version is provided by the server"
-	},
-	"search.filter.locked.server-loader.title": {
-		"message": "Loader is provided by the server"
-	},
-	"search.filter.locked.server.sync": {
-		"message": "Sync with server"
-	},
-	"servers.backup.restore.in-progress.tooltip": {
-		"message": "Backup restore in progress"
-	},
-	"servers.notice.actions": {
-		"message": "Actions"
-	},
-	"servers.notice.begins": {
-		"message": "Begins"
-	},
-	"servers.notice.dismissable": {
-		"message": "Dismissable"
-	},
-	"servers.notice.expires": {
-		"message": "Expires"
-	},
-	"servers.notice.id": {
-		"message": "ID"
-	},
-	"servers.notice.level": {
-		"message": "Level"
-	},
-	"servers.notice.undismissable": {
-		"message": "Undismissable"
-	},
-	"servers.notices.create-notice": {
-		"message": "Create notice"
-	},
-	"servers.notices.no-notices": {
-		"message": "No notices"
-	},
-	"servers.plan.large.description": {
-		"message": "Ideal for 15–25 players, modpacks, or heavy modding."
-	},
-	"servers.plan.large.name": {
-		"message": "Large"
-	},
-	"servers.plan.medium.description": {
-		"message": "Great for 6–15 players and multiple mods."
-	},
-	"servers.plan.medium.name": {
-		"message": "Medium"
-	},
-	"servers.plan.small.description": {
-		"message": "Perfect for 1–5 friends with a few light mods."
-	},
-	"servers.plan.small.name": {
-		"message": "Small"
-	},
-	"settings.billing.modal.cancel.action": {
-		"message": "Cancel subscription"
-	},
-	"settings.billing.modal.cancel.description": {
-		"message": "This will cancel your subscription. You will retain your perks until the end of the current billing cycle."
-	},
-	"settings.billing.modal.cancel.title": {
-		"message": "Are you sure you want to cancel your subscription?"
-	},
-	"settings.billing.modal.delete.action": {
-		"message": "Remove this payment method"
-	},
-	"settings.billing.modal.delete.description": {
-		"message": "This will remove this payment method forever (like really forever)."
-	},
-	"settings.billing.modal.delete.title": {
-		"message": "Are you sure you want to remove this payment method?"
-	},
-	"settings.billing.payment_method.action.add": {
-		"message": "Add payment method"
-	},
-	"settings.billing.payment_method.action.history": {
-		"message": "View past charges"
-	},
-	"settings.billing.payment_method.action.primary": {
-		"message": "Make primary"
-	},
-	"settings.billing.payment_method.card_expiry": {
-		"message": "Expires {month}/{year}"
-	},
-	"settings.billing.payment_method.none": {
-		"message": "You have not added any payment methods."
-	},
-	"settings.billing.payment_method.primary": {
-		"message": "Primary"
-	},
-	"settings.billing.payment_method.title": {
-		"message": "Payment methods"
-	},
-	"settings.billing.pyro_subscription.description": {
-		"message": "Manage your Modrinth Server subscriptions."
-	},
-	"settings.billing.pyro_subscription.title": {
-		"message": "Modrinth Server Subscriptions"
-	},
-	"settings.billing.subscription.description": {
-		"message": "Manage your Modrinth subscriptions."
-	},
-	"settings.billing.subscription.title": {
-		"message": "Subscriptions"
-	},
-	"settings.display.banner.developer-mode.button": {
-		"message": "Deactivate developer mode"
-	},
-	"settings.display.banner.developer-mode.description": {
-		"message": "<strong>Developer mode</strong> is active. This will allow you to view the internal IDs of various things throughout Modrinth that may be helpful if you're a developer using the Modrinth API. Click on the Modrinth logo at the bottom of the page 5 times to toggle developer mode."
-	},
-	"settings.display.flags.description": {
-		"message": "Enable or disable certain features on this device."
-	},
-	"settings.display.flags.title": {
-		"message": "Toggle features"
-	},
-	"settings.display.project-list-layouts.datapack": {
-		"message": "Data Packs page"
-	},
-	"settings.display.project-list-layouts.description": {
-		"message": "Select your preferred layout for each page that displays project lists on this device."
-	},
-	"settings.display.project-list-layouts.mod": {
-		"message": "Mods page"
-	},
-	"settings.display.project-list-layouts.modpack": {
-		"message": "Modpacks page"
-	},
-	"settings.display.project-list-layouts.plugin": {
-		"message": "Plugins page"
-	},
-	"settings.display.project-list-layouts.resourcepack": {
-		"message": "Resource Packs page"
-	},
-	"settings.display.project-list-layouts.shader": {
-		"message": "Shaders page"
-	},
-	"settings.display.project-list-layouts.title": {
-		"message": "Project list layouts"
-	},
-	"settings.display.project-list-layouts.user": {
-		"message": "User profile pages"
-	},
-	"settings.display.project-list.layouts.collection": {
-		"message": "Collection"
-	},
-	"settings.display.sidebar.advanced-rendering.description": {
-		"message": "Enables advanced rendering such as blur effects that may cause performance issues without hardware-accelerated rendering."
-	},
-	"settings.display.sidebar.advanced-rendering.title": {
-		"message": "Advanced rendering"
-	},
-	"settings.display.sidebar.external-links-new-tab.description": {
-		"message": "Make links which go outside of Modrinth open in a new tab. No matter this setting, links on the same domain and in Markdown descriptions will open in the same tab, and links on ads and edit pages will open in a new tab."
-	},
-	"settings.display.sidebar.external-links-new-tab.title": {
-		"message": "Open external links in new tab"
-	},
-	"settings.display.sidebar.hide-app-promos.description": {
-		"message": "Hides the \"Get Modrinth App\" buttons from primary navigation. The Modrinth App page can still be found on the landing page or in the footer."
-	},
-	"settings.display.sidebar.hide-app-promos.title": {
-		"message": "Hide Modrinth App promotions"
-	},
-	"settings.display.sidebar.left-aligned-content-sidebar.title": {
-		"message": "Left-aligned sidebar on content pages"
-	},
-	"settings.display.sidebar.right-aligned-content-sidebar.description": {
-		"message": "Aligns the sidebar to the left of the page's content."
-	},
-	"settings.display.sidebar.right-aligned-filters-sidebar.description": {
-		"message": "Aligns the filters sidebar to the right of the search results."
-	},
-	"settings.display.sidebar.right-aligned-filters-sidebar.title": {
-		"message": "Right-aligned filters sidebar on search pages"
-	},
-	"settings.display.theme.description": {
-		"message": "Select your preferred color theme for Modrinth on this device."
-	},
-	"settings.display.theme.title": {
-		"message": "Color theme"
-	},
-	"settings.pats.action.create": {
-		"message": "Create a PAT"
-	},
-	"settings.pats.description": {
-		"message": "PATs can be used to access Modrinth's API. For more information, see <doc-link>Modrinth's API documentation</doc-link>. They can be created and revoked at any time."
-	},
-	"settings.pats.modal.create.action": {
-		"message": "Create PAT"
-	},
-	"settings.pats.modal.create.expires.label": {
-		"message": "Expires"
-	},
-	"settings.pats.modal.create.name.label": {
-		"message": "Name"
-	},
-	"settings.pats.modal.create.name.placeholder": {
-		"message": "Enter the PAT's name..."
-	},
-	"settings.pats.modal.create.title": {
-		"message": "Create personal access token"
-	},
-	"settings.pats.modal.delete.action": {
-		"message": "Delete this token"
-	},
-	"settings.pats.modal.delete.description": {
-		"message": "This will remove this token forever (like really forever)."
-	},
-	"settings.pats.modal.delete.title": {
-		"message": "Are you sure you want to delete this token?"
-	},
-	"settings.pats.modal.edit.title": {
-		"message": "Edit personal access token"
-	},
-	"settings.pats.token.action.edit": {
-		"message": "Edit token"
-	},
-	"settings.pats.token.action.revoke": {
-		"message": "Revoke token"
-	},
-	"settings.pats.token.expired-ago": {
-		"message": "Expired {ago}"
-	},
-	"settings.pats.token.expires-in": {
-		"message": "Expires {inTime}"
-	},
-	"settings.pats.token.last-used": {
-		"message": "Last used {ago}"
-	},
-	"settings.pats.token.never-used": {
-		"message": "Never used"
-	},
-	"settings.profile.bio.description": {
-		"message": "A short description to tell everyone a little bit about you."
-	},
-	"settings.profile.bio.title": {
-		"message": "Bio"
-	},
-	"settings.profile.description": {
-		"message": "Your profile information is publicly viewable on Modrinth and through the <docs-link>Modrinth API</docs-link>."
-	},
-	"settings.profile.profile-info": {
-		"message": "Profile information"
-	},
-	"settings.profile.profile-picture.title": {
-		"message": "Profile picture"
-	},
-	"settings.profile.username.description": {
-		"message": "A unique case-insensitive name to identify your profile."
-	},
-	"settings.sessions.action.revoke-session": {
-		"message": "Revoke session"
-	},
-	"settings.sessions.created-ago": {
-		"message": "Created {ago}"
-	},
-	"settings.sessions.current-session": {
-		"message": "Current session"
-	},
-	"settings.sessions.description": {
-		"message": "Here are all the devices that are currently logged in with your Modrinth account. You can log out of each one individually.\n\nIf you see an entry you don't recognize, log out of that device and change your Modrinth account password immediately."
-	},
-	"settings.sessions.last-accessed-ago": {
-		"message": "Last accessed {ago}"
-	},
-	"settings.sessions.unknown-os": {
-		"message": "Unknown OS"
-	},
-	"settings.sessions.unknown-platform": {
-		"message": "Unknown platform"
-	},
-	"ui.latest-news-row.latest-news": {
-		"message": "Latest news from Modrinth"
-	},
-	"ui.latest-news-row.view-all": {
-		"message": "View all news"
-	},
-	"version.environment.none.description": {
-		"message": "The environment for this version has not been specified."
-	},
-	"version.environment.none.title": {
-		"message": "No environment set"
-	},
-	"version.environment.unknown.description": {
-		"message": "The environment: \"{environment}\" is not recognized."
-	},
-	"version.environment.unknown.title": {
-		"message": "Unknown environment"
-	}
+  "action.cancel": {
+    "message": "Cancel"
+  },
+  "action.continue": {
+    "message": "Continue"
+  },
+  "admin.billing.error.not-found": {
+    "message": "User not found"
+  },
+  "app-marketing.download.description": {
+    "message": "Our desktop app is available across all platforms, choose your desired version."
+  },
+  "app-marketing.download.download-appimage": {
+    "message": "Download the AppImage"
+  },
+  "app-marketing.download.download-beta": {
+    "message": "Download the beta"
+  },
+  "app-marketing.download.download-deb": {
+    "message": "Download the DEB"
+  },
+  "app-marketing.download.download-rpm": {
+    "message": "Download the RPM"
+  },
+  "app-marketing.download.flathub": {
+    "message": "Get it on Flathub"
+  },
+  "app-marketing.download.linux": {
+    "message": "Linux"
+  },
+  "app-marketing.download.linux-disclaimer": {
+    "message": "The Linux versions of Modrinth App are <issues-link>known to have issues</issues-link> on certain systems and configurations. If Modrinth App is unstable on your system, we encourage you to try other apps like <prism-link>Prism Launcher</prism-link> to easily install Modrinth content."
+  },
+  "app-marketing.download.mac": {
+    "message": "Mac"
+  },
+  "app-marketing.download.options-title": {
+    "message": "Download options"
+  },
+  "app-marketing.download.terms": {
+    "message": "By downloading Modrinth App you agree to our <terms-link>Terms</terms-link> and <privacy-link>Privacy Policy</privacy-link>."
+  },
+  "app-marketing.download.title": {
+    "message": "Download Modrinth App (Beta)"
+  },
+  "app-marketing.download.windows": {
+    "message": "Windows"
+  },
+  "app-marketing.features.follow.description": {
+    "message": "Save content you love and receive updates with one click."
+  },
+  "app-marketing.features.follow.title": {
+    "message": "Follow projects"
+  },
+  "app-marketing.features.importing.description": {
+    "message": "Import all your favorite profiles from the launcher you were using before, and get started with Modrinth App in seconds!"
+  },
+  "app-marketing.features.importing.gdlauncher-alt": {
+    "message": "GDLauncher"
+  },
+  "app-marketing.features.importing.multimc-alt": {
+    "message": "MultiMC"
+  },
+  "app-marketing.features.importing.title": {
+    "message": "Profile importing"
+  },
+  "app-marketing.features.mod-management.actions": {
+    "message": "Actions"
+  },
+  "app-marketing.features.mod-management.byAuthor": {
+    "message": "by {author}"
+  },
+  "app-marketing.features.mod-management.description": {
+    "message": "Modrinth makes it easy to manage all your mods in one place. You can install, uninstall, and update mods with a single click."
+  },
+  "app-marketing.features.mod-management.installed-mods": {
+    "message": "Installed mods"
+  },
+  "app-marketing.features.mod-management.name": {
+    "message": "Name"
+  },
+  "app-marketing.features.mod-management.search-mods": {
+    "message": "Search mods"
+  },
+  "app-marketing.features.mod-management.title": {
+    "message": "Mod management"
+  },
+  "app-marketing.features.mod-management.version": {
+    "message": "Version"
+  },
+  "app-marketing.features.offline.description": {
+    "message": "Play your mods, whether you are connected to the internet, or not."
+  },
+  "app-marketing.features.offline.title": {
+    "message": "Offline mode"
+  },
+  "app-marketing.features.open-source.description": {
+    "message": "Modrinth's launcher is fully open source. You can view the source code on our <github-link>GitHub</github-link>!"
+  },
+  "app-marketing.features.open-source.title": {
+    "message": "Open source"
+  },
+  "app-marketing.features.performance.activity-monitor": {
+    "message": "Activity monitor"
+  },
+  "app-marketing.features.performance.cpu-percent": {
+    "message": "% CPU"
+  },
+  "app-marketing.features.performance.description": {
+    "message": "Modrinth App performs better than many of the leading mod managers, using just 150mb of RAM!"
+  },
+  "app-marketing.features.performance.discord": {
+    "message": "Discord"
+  },
+  "app-marketing.features.performance.good-performance": {
+    "message": "Good performance"
+  },
+  "app-marketing.features.performance.google-chrome": {
+    "message": "Google Chrome"
+  },
+  "app-marketing.features.performance.infinite-mb": {
+    "message": "∞ MB"
+  },
+  "app-marketing.features.performance.infinite-times-infinite-mb": {
+    "message": "∞ * ∞ MB"
+  },
+  "app-marketing.features.performance.less-than-150mb": {
+    "message": "< 150 MB"
+  },
+  "app-marketing.features.performance.modrinth-app": {
+    "message": "Modrinth App"
+  },
+  "app-marketing.features.performance.one-billion-percent": {
+    "message": "1 billion %"
+  },
+  "app-marketing.features.performance.process-name": {
+    "message": "Process name"
+  },
+  "app-marketing.features.performance.ram": {
+    "message": "RAM"
+  },
+  "app-marketing.features.performance.small": {
+    "message": "Small"
+  },
+  "app-marketing.features.performance.title": {
+    "message": "Performant"
+  },
+  "app-marketing.features.play.description": {
+    "message": "Use Modrinth App to download and play with your favorite mods and modpacks."
+  },
+  "app-marketing.features.play.title": {
+    "message": "Play with your favorite mods"
+  },
+  "app-marketing.features.sharing.description": {
+    "message": "Build, share, and play modpacks with any of the thousands of mods and modpacks hosted here on Modrinth."
+  },
+  "app-marketing.features.sharing.modpack": {
+    "message": "Modpack"
+  },
+  "app-marketing.features.sharing.share-button": {
+    "message": "Share"
+  },
+  "app-marketing.features.sharing.title": {
+    "message": "Share modpacks"
+  },
+  "app-marketing.features.unlike-any-launcher": {
+    "message": "Unlike any launcher"
+  },
+  "app-marketing.features.website.description": {
+    "message": "Modrinth App is fully integrated with the website, so you can access all your favorite projects from the app!"
+  },
+  "app-marketing.features.website.title": {
+    "message": "Website integration"
+  },
+  "app-marketing.features.youve-used-before": {
+    "message": "you've used before"
+  },
+  "app-marketing.hero.app-screenshot-alt": {
+    "message": "Screenshot of Modrinth App with a Cobblemon instance opened to the 'Content' page."
+  },
+  "app-marketing.hero.description": {
+    "message": "Modrinth App is a unique, open source launcher that allows you to play your favorite mods, and keep them up to date, all in one neat little package."
+  },
+  "app-marketing.hero.download-button": {
+    "message": "Download Modrinth App"
+  },
+  "app-marketing.hero.download-modrinth-app": {
+    "message": "Download Modrinth App"
+  },
+  "app-marketing.hero.download-modrinth-app-for-os": {
+    "message": "Download Modrinth App for {os}"
+  },
+  "app-marketing.hero.minecraft-screenshot-alt": {
+    "message": "Screenshot of the Cobblemon instance's main menu screen."
+  },
+  "app-marketing.hero.more-download-options": {
+    "message": "More Download Options"
+  },
+  "app-marketing.hide-other-packages": {
+    "message": "Hide other packages"
+  },
+  "app-marketing.not-recommended": {
+    "message": "We don't recommend you use these unless you know what you're doing."
+  },
+  "app-marketing.show-other-packages": {
+    "message": "Show other packages"
+  },
+  "auth.authorize.action.authorize": {
+    "message": "Authorize"
+  },
+  "auth.authorize.action.decline": {
+    "message": "Decline"
+  },
+  "auth.authorize.app-info": {
+    "message": "<strong>{appName}</strong> by <creator-link>{creator}</creator-link> will be able to:"
+  },
+  "auth.authorize.authorize-app-name": {
+    "message": "Authorize {appName}"
+  },
+  "auth.authorize.error.no-redirect-url": {
+    "message": "No redirect location found in response"
+  },
+  "auth.authorize.redirect-url": {
+    "message": "You will be redirected to <redirect-url>{url}</redirect-url>"
+  },
+  "auth.reset-password.method-choice.action": {
+    "message": "Send recovery email"
+  },
+  "auth.reset-password.method-choice.description": {
+    "message": "Enter your email below and we'll send a recovery link to allow you to recover your account."
+  },
+  "auth.reset-password.notification.email-sent.text": {
+    "message": "An email with instructions has been sent to you if the email was previously saved on your account."
+  },
+  "auth.reset-password.notification.email-sent.title": {
+    "message": "Email sent"
+  },
+  "auth.reset-password.notification.password-reset.text": {
+    "message": "You can now log-in into your account with your new password."
+  },
+  "auth.reset-password.notification.password-reset.title": {
+    "message": "Password successfully reset"
+  },
+  "auth.reset-password.post-challenge.action": {
+    "message": "Reset password"
+  },
+  "auth.reset-password.post-challenge.confirm-password.label": {
+    "message": "Confirm password"
+  },
+  "auth.reset-password.post-challenge.description": {
+    "message": "Enter your new password below to gain access to your account."
+  },
+  "auth.reset-password.title": {
+    "message": "Reset Password"
+  },
+  "auth.reset-password.title.long": {
+    "message": "Reset your password"
+  },
+  "auth.sign-in.2fa.description": {
+    "message": "Please enter a two-factor code to proceed."
+  },
+  "auth.sign-in.2fa.label": {
+    "message": "Enter two-factor code"
+  },
+  "auth.sign-in.2fa.placeholder": {
+    "message": "Enter code..."
+  },
+  "auth.sign-in.additional-options": {
+    "message": "<forgot-password-link>Forgot password?</forgot-password-link> • <create-account-link>Create an account</create-account-link>"
+  },
+  "auth.sign-in.sign-in-with": {
+    "message": "Sign in with"
+  },
+  "auth.sign-in.title": {
+    "message": "Sign In"
+  },
+  "auth.sign-in.use-password": {
+    "message": "Or use a password"
+  },
+  "auth.sign-up.action.create-account": {
+    "message": "Create account"
+  },
+  "auth.sign-up.legal-dislaimer": {
+    "message": "By creating an account, you agree to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
+  },
+  "auth.sign-up.notification.password-mismatch.text": {
+    "message": "Passwords do not match!"
+  },
+  "auth.sign-up.sign-in-option.title": {
+    "message": "Already have an account?"
+  },
+  "auth.sign-up.subscribe.label": {
+    "message": "Subscribe to updates about Modrinth"
+  },
+  "auth.sign-up.title": {
+    "message": "Sign Up"
+  },
+  "auth.sign-up.title.create-account": {
+    "message": "Or create an account yourself"
+  },
+  "auth.sign-up.title.sign-up-with": {
+    "message": "Sign up with"
+  },
+  "auth.verify-email.action.account-settings": {
+    "message": "Account settings"
+  },
+  "auth.verify-email.already-verified.description": {
+    "message": "Your email is already verified!"
+  },
+  "auth.verify-email.already-verified.title": {
+    "message": "Email already verified"
+  },
+  "auth.verify-email.failed-verification.action": {
+    "message": "Resend verification email"
+  },
+  "auth.verify-email.failed-verification.description": {
+    "message": "We were unable to verify your email. Try re-sending the verification email through your dashboard by signing in."
+  },
+  "auth.verify-email.failed-verification.description.logged-in": {
+    "message": "We were unable to verify your email. Try re-sending the verification email through the button below."
+  },
+  "auth.verify-email.failed-verification.title": {
+    "message": "Email verification failed"
+  },
+  "auth.verify-email.post-verification.description": {
+    "message": "Your email address has been successfully verified!"
+  },
+  "auth.verify-email.post-verification.title": {
+    "message": "Email verification"
+  },
+  "auth.verify-email.title": {
+    "message": "Verify Email"
+  },
+  "auth.welcome.checkbox.subscribe": {
+    "message": "Subscribe to updates about Modrinth"
+  },
+  "auth.welcome.description": {
+    "message": "You’re now part of the awesome community of creators & explorers already building, downloading, and staying up-to-date with amazing mods."
+  },
+  "auth.welcome.label.tos": {
+    "message": "By creating an account, you have agreed to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
+  },
+  "auth.welcome.long-title": {
+    "message": "Welcome to Modrinth!"
+  },
+  "auth.welcome.title": {
+    "message": "Welcome"
+  },
+  "collection.button.edit-icon": {
+    "message": "Edit icon"
+  },
+  "collection.button.remove-icon": {
+    "message": "Remove icon"
+  },
+  "collection.button.remove-project": {
+    "message": "Remove project"
+  },
+  "collection.button.replace-icon": {
+    "message": "Replace icon"
+  },
+  "collection.button.select-icon": {
+    "message": "Select icon"
+  },
+  "collection.button.unfollow-project": {
+    "message": "Unfollow project"
+  },
+  "collection.delete-modal.description": {
+    "message": "This will permanently delete this collection. This action cannot be undone."
+  },
+  "collection.delete-modal.title": {
+    "message": "Are you sure you want to delete this collection?"
+  },
+  "collection.description": {
+    "message": "{description} - View the collection {name} by {username} on Modrinth"
+  },
+  "collection.description.following": {
+    "message": "Auto-generated collection of all the projects you're following."
+  },
+  "collection.editing": {
+    "message": "Editing collection"
+  },
+  "collection.error.not-found": {
+    "message": "Collection not found"
+  },
+  "collection.label.created-at": {
+    "message": "Created {ago}"
+  },
+  "collection.label.curated-by": {
+    "message": "Curated by"
+  },
+  "collection.label.no-projects": {
+    "message": "No projects in collection yet"
+  },
+  "collection.label.projects-count": {
+    "message": "{count, plural, =0 {No projects yet} one {<stat>{count}</stat> project} other {<stat>{count}</stat> {type}}}"
+  },
+  "collection.label.updated-at": {
+    "message": "Updated {ago}"
+  },
+  "collection.return-link.dashboard-collections": {
+    "message": "Your collections"
+  },
+  "collection.return-link.user": {
+    "message": "{user}'s profile"
+  },
+  "collection.title": {
+    "message": "{name} - Collection"
+  },
+  "create-project-version.create-modal.stage.add-files.admonition": {
+    "message": "Supplementary files are for supporting resources like source code, not for alternative versions or variants."
+  },
+  "create.collection.collection-info": {
+    "message": "Your new collection will be created as a public collection with {count, plural, =0 {no projects} one {# project} other {# projects}}."
+  },
+  "create.collection.create-collection": {
+    "message": "Create collection"
+  },
+  "create.collection.name-label": {
+    "message": "Name"
+  },
+  "create.collection.name-placeholder": {
+    "message": "Enter collection name..."
+  },
+  "create.collection.summary-description": {
+    "message": "A sentence or two that describes your collection."
+  },
+  "create.collection.summary-label": {
+    "message": "Summary"
+  },
+  "create.collection.summary-placeholder": {
+    "message": "This is a collection of..."
+  },
+  "create.collection.title": {
+    "message": "Creating a collection"
+  },
+  "create.limit-alert.approaching-limit": {
+    "message": "Approaching {type} limit ({current}/{max})"
+  },
+  "create.limit-alert.approaching-limit-description": {
+    "message": "You're about to hit the {type} limit, please contact support if you need more than {max} {typePlural}."
+  },
+  "create.limit-alert.contact-support": {
+    "message": "Contact support"
+  },
+  "create.limit-alert.limit-reached": {
+    "message": "{type} limit reached"
+  },
+  "create.limit-alert.limit-reached-description": {
+    "message": "You've reached your {type} limit of {max}. Please contact support to increase your limit."
+  },
+  "create.limit-alert.type-collection": {
+    "message": "collection"
+  },
+  "create.limit-alert.type-organization": {
+    "message": "organization"
+  },
+  "create.limit-alert.type-plural-collection": {
+    "message": "collections"
+  },
+  "create.limit-alert.type-plural-organization": {
+    "message": "organizations"
+  },
+  "create.limit-alert.type-plural-project": {
+    "message": "projects"
+  },
+  "create.limit-alert.type-project": {
+    "message": "project"
+  },
+  "create.organization.create-organization": {
+    "message": "Create organization"
+  },
+  "create.organization.name-label": {
+    "message": "Name"
+  },
+  "create.organization.name-placeholder": {
+    "message": "Enter organization name..."
+  },
+  "create.organization.ownership-info": {
+    "message": "You will be the owner of this organization, but you can invite other members and transfer ownership at any time."
+  },
+  "create.organization.summary-description": {
+    "message": "A sentence or two that describes your organization."
+  },
+  "create.organization.summary-label": {
+    "message": "Summary"
+  },
+  "create.organization.summary-placeholder": {
+    "message": "An organization for..."
+  },
+  "create.organization.title": {
+    "message": "Creating an organization"
+  },
+  "create.organization.url-label": {
+    "message": "URL"
+  },
+  "create.project.create-project": {
+    "message": "Create project"
+  },
+  "create.project.create-server-project": {
+    "message": "Create server"
+  },
+  "create.project.name-label": {
+    "message": "Name"
+  },
+  "create.project.name-placeholder": {
+    "message": "Enter project name..."
+  },
+  "create.project.owner-description": {
+    "message": "Set the project owner as yourself, an individual, or an organization."
+  },
+  "create.project.owner-label": {
+    "message": "Owner"
+  },
+  "create.project.server-project-title": {
+    "message": "Creating a server project"
+  },
+  "create.project.summary-description": {
+    "message": "A sentence or two that describes your project."
+  },
+  "create.project.summary-label": {
+    "message": "Summary"
+  },
+  "create.project.summary-placeholder": {
+    "message": "This project adds..."
+  },
+  "create.project.title": {
+    "message": "Creating a project"
+  },
+  "create.project.type-label": {
+    "message": "Type"
+  },
+  "create.project.type-project": {
+    "message": "Project"
+  },
+  "create.project.type-server": {
+    "message": "Server"
+  },
+  "create.project.url-label": {
+    "message": "URL"
+  },
+  "create.project.visibility-description": {
+    "message": "The visibility of your project after it has been approved."
+  },
+  "create.project.visibility-private": {
+    "message": "Private"
+  },
+  "create.project.visibility-public": {
+    "message": "Public"
+  },
+  "create.project.visibility-unlisted": {
+    "message": "Unlisted"
+  },
+  "dashboard.affiliate-links.create.button": {
+    "message": "Create affiliate link"
+  },
+  "dashboard.affiliate-links.error.title": {
+    "message": "Error loading affiliate links"
+  },
+  "dashboard.affiliate-links.header": {
+    "message": "Your affiliate links"
+  },
+  "dashboard.affiliate-links.revoke-confirm.body": {
+    "message": "This will permanently revoke the affiliate code `{id}` and any existing links with this code that have been shared will no longer be valid."
+  },
+  "dashboard.affiliate-links.revoke-confirm.button": {
+    "message": "Revoke"
+  },
+  "dashboard.affiliate-links.revoke-confirm.title": {
+    "message": "Are you sure you want to revoke your ''{title}'' affiliate link?"
+  },
+  "dashboard.affiliate-links.search": {
+    "message": "Search affiliate links..."
+  },
+  "dashboard.collections.button.create-new": {
+    "message": "Create new"
+  },
+  "dashboard.collections.label.projects-count": {
+    "message": "{count, plural, one {{count} project} other {{count} projects}}"
+  },
+  "dashboard.collections.label.search-input": {
+    "message": "Search your collections"
+  },
+  "dashboard.collections.long-title": {
+    "message": "Your collections"
+  },
+  "dashboard.creator-tax-form-modal.confirmation.download-button": {
+    "message": "Download {formType}"
+  },
+  "dashboard.creator-tax-form-modal.confirmation.success": {
+    "message": "Your {formType} tax form has been submitted successfully!"
+  },
+  "dashboard.creator-tax-form-modal.confirmation.support-text": {
+    "message": "You can freely withdraw now. If you have questions or need to update your details <support-link>contact support</support-link>."
+  },
+  "dashboard.creator-tax-form-modal.confirmation.title": {
+    "message": "You're all set! 🎉"
+  },
+  "dashboard.creator-tax-form-modal.entity.description": {
+    "message": "A foreign entity means a business entity organized outside the United States (such as a non-US corporation, partnership, or LLC)."
+  },
+  "dashboard.creator-tax-form-modal.entity.foreign-entity": {
+    "message": "Foreign entity"
+  },
+  "dashboard.creator-tax-form-modal.entity.private-individual": {
+    "message": "Private individual"
+  },
+  "dashboard.creator-tax-form-modal.entity.question": {
+    "message": "Are you a private individual or part of a foreign entity?"
+  },
+  "dashboard.creator-tax-form-modal.header": {
+    "message": "Tax form"
+  },
+  "dashboard.creator-tax-form-modal.security.description": {
+    "message": "Modrinth uses third-party provider Track1099 to securely collect and store your tax forms. <security-link>Learn more here.</security-link>"
+  },
+  "dashboard.creator-tax-form-modal.security.header": {
+    "message": "Security practices"
+  },
+  "dashboard.creator-tax-form-modal.us-citizen.question": {
+    "message": "Are you a US citizen?"
+  },
+  "dashboard.creator-withdraw-modal.complete-tax-form": {
+    "message": "Complete tax form"
+  },
+  "dashboard.creator-withdraw-modal.continue-with-limit": {
+    "message": "Continue with limit"
+  },
+  "dashboard.creator-withdraw-modal.details-label": {
+    "message": "Details"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-amount": {
+    "message": "Amount"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-exchange-rate": {
+    "message": "FX rate"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-fee": {
+    "message": "Fee"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-gift-card-value": {
+    "message": "Gift card value"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-net-amount": {
+    "message": "Net amount"
+  },
+  "dashboard.creator-withdraw-modal.fee-breakdown-usd-equivalent": {
+    "message": "USD equivalent"
+  },
+  "dashboard.creator-withdraw-modal.kyc.business-entity": {
+    "message": "Business entity"
+  },
+  "dashboard.creator-withdraw-modal.kyc.entity-description": {
+    "message": "A business entity refers to a registered organization such as a corporation, partnership, or LLC."
+  },
+  "dashboard.creator-withdraw-modal.kyc.entity-question": {
+    "message": "Are you a withdrawing as an individual or business?"
+  },
+  "dashboard.creator-withdraw-modal.kyc.private-individual": {
+    "message": "Private individual"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.country-placeholder": {
+    "message": "Select your country"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.country-search-placeholder": {
+    "message": "Search countries..."
+  },
+  "dashboard.creator-withdraw-modal.method-selection.error-text": {
+    "message": "Unable to fetch available payment methods. Please try again later."
+  },
+  "dashboard.creator-withdraw-modal.method-selection.error-title": {
+    "message": "Failed to load payment methods"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.region": {
+    "message": "Region"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.region-tooltip": {
+    "message": "Some payout methods are not available in certain regions."
+  },
+  "dashboard.creator-withdraw-modal.method-selection.select-method": {
+    "message": "Select withdraw method"
+  },
+  "dashboard.creator-withdraw-modal.method-selection.tax-limit-warning": {
+    "message": "Your withdraw limit is <b>{amount}</b>, <tax-link>complete a tax form</tax-link> to withdraw more."
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.account-owner": {
+    "message": "Account owner"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.bank-account-owner": {
+    "message": "Bank account owner"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.bank-account-owner-description": {
+    "message": "Enter the name of the person authorized to operate this bank account on behalf of the business."
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.coin": {
+    "message": "Coin"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.crypto-warning-header": {
+    "message": "Confirm your wallet address"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id": {
+    "message": "National ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id-placeholder": {
+    "message": "Enter national ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-passport": {
+    "message": "Passport number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-passport-placeholder": {
+    "message": "Enter passport number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id": {
+    "message": "Resident ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id-placeholder": {
+    "message": "Enter resident ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc": {
+    "message": "RUC number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc-placeholder": {
+    "message": "Enter RUC number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id": {
+    "message": "Tax ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id-placeholder": {
+    "message": "Enter tax ID number"
+  },
+  "dashboard.creator-withdraw-modal.muralpay-details.network": {
+    "message": "Network"
+  },
+  "dashboard.creator-withdraw-modal.nearing-threshold": {
+    "message": "You're nearing the withdraw threshold. You can withdraw <b>{amountRemaining}</b> now, but a tax form is required for more."
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.account": {
+    "message": "Account"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.disconnect-account": {
+    "message": "Disconnect account"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.payment-method": {
+    "message": "Payment method"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.paypal-account": {
+    "message": "PayPal account"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.paypal-auth-description": {
+    "message": "Connect your PayPal account to receive payments directly."
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.save-success": {
+    "message": "Venmo handle saved successfully!"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.sign-in-with-paypal": {
+    "message": "Sign in with PayPal"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.venmo-description": {
+    "message": "Enter your Venmo handle to receive payments."
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.venmo-handle": {
+    "message": "Venmo handle"
+  },
+  "dashboard.creator-withdraw-modal.paypal-details.venmo-handle-placeholder": {
+    "message": "@username"
+  },
+  "dashboard.creator-withdraw-modal.stage.completion": {
+    "message": "Complete"
+  },
+  "dashboard.creator-withdraw-modal.stage.method-selection": {
+    "message": "Method"
+  },
+  "dashboard.creator-withdraw-modal.stage.tax-form": {
+    "message": "Tax form"
+  },
+  "dashboard.creator-withdraw-modal.tax-form-required.body": {
+    "message": "To withdraw your full <b>{available}</b> available balance please complete the form below. It is required for tax reporting and only needs to be done once."
+  },
+  "dashboard.creator-withdraw-modal.tax-form-required.body-with-limit": {
+    "message": "You must complete a W-9 or W-8 form for Modrinth's tax records so we remain compliant with tax regulations."
+  },
+  "dashboard.creator-withdraw-modal.tax-form-required.header": {
+    "message": "Tax form required"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.available-denominations-label": {
+    "message": "Available denominations"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.balance-worth-hint": {
+    "message": "Your balance of {usdBalance} is currently worth {localBalance}."
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.enter-amount-hint": {
+    "message": "Find gift cards near this value."
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.enter-denomination-placeholder": {
+    "message": "Enter amount"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.payment-method": {
+    "message": "Payment method"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.reward": {
+    "message": "Reward"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.reward-placeholder": {
+    "message": "Select reward"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.reward-plural": {
+    "message": "Rewards"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.search-amount-label": {
+    "message": "Search amount"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.select-denomination-hint": {
+    "message": "Select a denomination:"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.select-denomination-required": {
+    "message": "Please select a denomination to continue"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.unverified-email-header": {
+    "message": "Unverified email"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.unverified-email-message": {
+    "message": "The delivery email you have entered is not associated with your Modrinth account. Modrinth cannot recover rewards sent to an incorrect email address."
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.usd-paypal-warning-header": {
+    "message": "Lower fees available"
+  },
+  "dashboard.creator-withdraw-modal.tremendous-details.usd-paypal-warning-message": {
+    "message": "You selected USD for PayPal International. <direct-paypal-link>Switch to direct PayPal</direct-paypal-link> for better fees (≈2% instead of ≈6%)."
+  },
+  "dashboard.creator-withdraw-modal.withdraw-button": {
+    "message": "Withdraw"
+  },
+  "dashboard.creator-withdraw-modal.withdraw-limit": {
+    "message": "Withdraw limit"
+  },
+  "dashboard.creator-withdraw-modal.withdraw-limit-used": {
+    "message": "You've used up your <b>{withdrawLimit}</b> withdrawal limit. You must complete a tax form to withdraw more."
+  },
+  "dashboard.revenue.available-now": {
+    "message": "Available now"
+  },
+  "dashboard.revenue.balance": {
+    "message": "Balance"
+  },
+  "dashboard.revenue.estimated-tooltip.msg1": {
+    "message": "Estimated revenue may be subject to change until it is made available."
+  },
+  "dashboard.revenue.estimated-tooltip.msg2": {
+    "message": "Click to read about how Modrinth handles your revenue."
+  },
+  "dashboard.revenue.estimated-with-date": {
+    "message": "Estimated {date}"
+  },
+  "dashboard.revenue.processing": {
+    "message": "Processing"
+  },
+  "dashboard.revenue.processing.tooltip": {
+    "message": "Revenue stays in processing until the end of the month, then becomes available 60 days later."
+  },
+  "dashboard.revenue.stats.received": {
+    "message": "Received"
+  },
+  "dashboard.revenue.stats.transactions": {
+    "message": "Transactions"
+  },
+  "dashboard.revenue.stats.withdrawn": {
+    "message": "Withdrawn"
+  },
+  "dashboard.revenue.tos": {
+    "message": "By uploading projects to Modrinth and withdrawing money from your account, you agree to our <terms-link>Rewards Program Terms</terms-link>. Learn more about the <info-link>Reward Program</info-link>."
+  },
+  "dashboard.revenue.transactions.btn.download-csv": {
+    "message": "Download as CSV"
+  },
+  "dashboard.revenue.transactions.header": {
+    "message": "Transactions"
+  },
+  "dashboard.revenue.transactions.none": {
+    "message": "No transactions"
+  },
+  "dashboard.revenue.transactions.none.desc": {
+    "message": "Your payouts and withdrawals will appear here."
+  },
+  "dashboard.revenue.transactions.see-all": {
+    "message": "See all"
+  },
+  "dashboard.revenue.withdraw.blocked-tin-mismatch": {
+    "message": "Your withdrawals are temporarily locked because your TIN or SSN didn't match IRS records. Please contact support to reset and resubmit your tax form."
+  },
+  "dashboard.revenue.withdraw.card.description": {
+    "message": "Withdraw from your available balance to any payout method."
+  },
+  "dashboard.revenue.withdraw.card.title": {
+    "message": "Withdraw"
+  },
+  "dashboard.revenue.withdraw.header": {
+    "message": "Withdraw"
+  },
+  "dashboard.withdraw.completion.account": {
+    "message": "Account"
+  },
+  "dashboard.withdraw.completion.amount": {
+    "message": "Amount"
+  },
+  "dashboard.withdraw.completion.date": {
+    "message": "Date"
+  },
+  "dashboard.withdraw.completion.email-confirmation": {
+    "message": "You'll receive an email at <b>{email}</b> with instructions to redeem your withdrawal."
+  },
+  "dashboard.withdraw.completion.exchange-rate": {
+    "message": "Exchange rate"
+  },
+  "dashboard.withdraw.completion.fee": {
+    "message": "Fee"
+  },
+  "dashboard.withdraw.completion.method": {
+    "message": "Method"
+  },
+  "dashboard.withdraw.completion.net-amount": {
+    "message": "Net amount"
+  },
+  "dashboard.withdraw.completion.recipient": {
+    "message": "Recipient"
+  },
+  "dashboard.withdraw.completion.title": {
+    "message": "Withdraw complete"
+  },
+  "dashboard.withdraw.completion.transactions-button": {
+    "message": "Transactions"
+  },
+  "dashboard.withdraw.completion.wallet": {
+    "message": "Wallet"
+  },
+  "dashboard.withdraw.error.account-not-linked.text": {
+    "message": "Please link your payment account before withdrawing."
+  },
+  "dashboard.withdraw.error.account-not-linked.title": {
+    "message": "Account not linked"
+  },
+  "dashboard.withdraw.error.email-verification.text": {
+    "message": "You must verify your email address before withdrawing funds."
+  },
+  "dashboard.withdraw.error.email-verification.title": {
+    "message": "Email verification required"
+  },
+  "dashboard.withdraw.error.generic.text": {
+    "message": "We were unable to submit your withdrawal request, please check your details or contact support.\n{error}"
+  },
+  "dashboard.withdraw.error.generic.title": {
+    "message": "Unable to withdraw"
+  },
+  "dashboard.withdraw.error.insufficient-balance.text": {
+    "message": "You do not have enough funds to make this withdrawal."
+  },
+  "dashboard.withdraw.error.insufficient-balance.title": {
+    "message": "Insufficient balance"
+  },
+  "dashboard.withdraw.error.invalid-address.text": {
+    "message": "The address you provided could not be verified. Please check your address details."
+  },
+  "dashboard.withdraw.error.invalid-address.title": {
+    "message": "Address verification failed"
+  },
+  "dashboard.withdraw.error.invalid-bank.text": {
+    "message": "The bank account details you provided are invalid. Please verify your information."
+  },
+  "dashboard.withdraw.error.invalid-bank.title": {
+    "message": "Invalid bank details"
+  },
+  "dashboard.withdraw.error.invalid-wallet.text": {
+    "message": "The crypto wallet address you provided is invalid. Please double-check and try again."
+  },
+  "dashboard.withdraw.error.invalid-wallet.title": {
+    "message": "Invalid wallet address"
+  },
+  "dashboard.withdraw.error.minimum-not-met.text": {
+    "message": "The withdrawal amount (after fees) doesn't meet the minimum requirement. Please increase your withdrawal amount."
+  },
+  "dashboard.withdraw.error.minimum-not-met.title": {
+    "message": "Amount too low"
+  },
+  "dashboard.withdraw.error.paypal-country-mismatch.text": {
+    "message": "Please use the correct PayPal transfer option for your region (US or International)."
+  },
+  "dashboard.withdraw.error.paypal-country-mismatch.title": {
+    "message": "PayPal region mismatch"
+  },
+  "dashboard.withdraw.error.tax-form.text": {
+    "message": "You must complete a tax form to submit your withdrawal request."
+  },
+  "dashboard.withdraw.error.tax-form.title": {
+    "message": "Please complete tax form"
+  },
+  "error.collection.404.list_item.1": {
+    "message": "You may have mistyped the collection's URL."
+  },
+  "error.collection.404.list_item.2": {
+    "message": "The collection may be private."
+  },
+  "error.collection.404.list_item.3": {
+    "message": "The collection may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.collection.404.list_title": {
+    "message": "Why?"
+  },
+  "error.collection.404.title": {
+    "message": "Collection not found"
+  },
+  "error.generic.404.subtitle": {
+    "message": "The page you were looking for doesn't seem to exist."
+  },
+  "error.generic.404.title": {
+    "message": "Page not found"
+  },
+  "error.generic.451.subtitle": {
+    "message": "This page has been blocked for legal reasons, such as government censorship or ongoing legal proceedings."
+  },
+  "error.generic.451.title": {
+    "message": "Content unavailable for legal reasons"
+  },
+  "error.generic.default.list_item.1": {
+    "message": "Check if Modrinth is down on our <status-link>Status page</status-link>."
+  },
+  "error.generic.default.list_item.2": {
+    "message": "If this keeps happening, you may want to let the Modrinth Team know by joining our <discord-link>Discord server</discord-link>."
+  },
+  "error.generic.default.list_title": {
+    "message": "Please try again in a few minutes."
+  },
+  "error.generic.default.subtitle": {
+    "message": "Something went wrong."
+  },
+  "error.generic.default.title": {
+    "message": "Uh oh!"
+  },
+  "error.organization.404.list_item.1": {
+    "message": "You may have mistyped the organization's URL."
+  },
+  "error.organization.404.list_item.2": {
+    "message": "The organization's owner may have changed the URL or deleted it."
+  },
+  "error.organization.404.list_item.3": {
+    "message": "The organization may have been removed by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.organization.404.list_title": {
+    "message": "Why?"
+  },
+  "error.organization.404.title": {
+    "message": "Organization not found"
+  },
+  "error.project.404.list_item.1": {
+    "message": "You may have mistyped the project's URL."
+  },
+  "error.project.404.list_item.2": {
+    "message": "The project's owner may have changed the URL, made the project private, or deleted it."
+  },
+  "error.project.404.list_item.3": {
+    "message": "The project may have been taken down by Modrinth's moderation team for violating our <tou-link>Terms of Use</tou-link>."
+  },
+  "error.project.404.list_title": {
+    "message": "Why?"
+  },
+  "error.project.404.title": {
+    "message": "Project not found"
+  },
+  "error.user.404.list_item.1": {
+    "message": "You may have mistyped the user's username."
+  },
+  "error.user.404.list_item.2": {
+    "message": "The user may have changed their username or deleted their account."
+  },
+  "error.user.404.list_item.3": {
+    "message": "The user's account may have been terminated for violating Modrinth's <tou-link>Terms of Use</tou-link>."
+  },
+  "error.user.404.list_title": {
+    "message": "Why?"
+  },
+  "error.user.404.title": {
+    "message": "User not found"
+  },
+  "frog": {
+    "message": "You've been frogged! 🐸"
+  },
+  "frog.altText": {
+    "message": "A photorealistic painting of a frog labyrinth"
+  },
+  "frog.froggedPeople": {
+    "message": "{count, plural, one {{count} more person} other {{count} more people}} were also frogged!"
+  },
+  "frog.sinceOpened": {
+    "message": "This page was opened {ago}"
+  },
+  "frog.title": {
+    "message": "Frog"
+  },
+  "hosting-marketing.available-locations": {
+    "message": "Available in North America, Europe, and Southeast Asia for wide coverage."
+  },
+  "hosting-marketing.billing.monthly": {
+    "message": "Pay monthly"
+  },
+  "hosting-marketing.billing.quarterly": {
+    "message": "Pay quarterly"
+  },
+  "hosting-marketing.billing.save-with-quarterly": {
+    "message": "Save 16% with quarterly billing!"
+  },
+  "hosting-marketing.billing.starting-at": {
+    "message": "Starting at {price} / month"
+  },
+  "hosting-marketing.billing.yearly": {
+    "message": "Pay yearly"
+  },
+  "hosting-marketing.faq.burst-threads": {
+    "message": "How do CPU burst threads work?"
+  },
+  "hosting-marketing.faq.burst-threads.answer": {
+    "message": "When your server is under heavy load, we temporarily give it access to additional CPU threads to help mitigate lag spikes and instability. This helps prevent the TPS from going below 20, ensuring the smoothest experience possible. Since those extra CPU threads are only shortly available during high load periods, they might not show up in Spark reports or other profiling tools."
+  },
+  "hosting-marketing.faq.cpu-kind": {
+    "message": "What kind of CPUs do Modrinth Hosting servers run on?"
+  },
+  "hosting-marketing.faq.cpu-kind.answer": {
+    "message": "Modrinth Hosting servers are powered by AMD Ryzen 7900 and 7950X3D equivalent CPUs at 5+ GHz, paired with DDR5 memory."
+  },
+  "hosting-marketing.faq.currency": {
+    "message": "What currency are the prices in?"
+  },
+  "hosting-marketing.faq.currency.answer": {
+    "message": "All prices are listed in United States Dollars (USD)."
+  },
+  "hosting-marketing.faq.ddos-protection": {
+    "message": "Do Modrinth Hosting servers have DDoS protection?"
+  },
+  "hosting-marketing.faq.ddos-protection.answer": {
+    "message": "Yes. All Modrinth Hosting servers come with DDoS protection, with up to 17Tbps capacity in some locations."
+  },
+  "hosting-marketing.faq.heading": {
+    "message": "Frequently Asked Questions"
+  },
+  "hosting-marketing.faq.how-fast": {
+    "message": "How fast are Modrinth Hosting servers?"
+  },
+  "hosting-marketing.faq.how-fast.answer.one": {
+    "message": "Modrinth Hosting servers are hosted on very modern high-performance hardware, but it's tough to say how exactly that will translate into how fast your server will run because there are so many factors that affect it, such as the mods, data packs, or plugins you're running on your server, and even user behavior."
+  },
+  "hosting-marketing.faq.how-fast.answer.two": {
+    "message": "Most performance issues that arise tend to be the fault of an unoptimized modpack, mod, data pack, or plugin that causes the server to lag. Since our servers are very high-end, you shouldn't run into much trouble as long as you pick an appropriate plan for the content you're running on the server."
+  },
+  "hosting-marketing.faq.increase-storage": {
+    "message": "Can I increase the storage on my server?"
+  },
+  "hosting-marketing.faq.increase-storage.answer": {
+    "message": "Yes, storage can be increased on your server at no additional cost. If you need more storage, reach out to Modrinth Support."
+  },
+  "hosting-marketing.faq.location": {
+    "message": "Where are Modrinth Hosting servers located? Can I choose a region?"
+  },
+  "hosting-marketing.faq.location.answer": {
+    "message": "We have servers available in North America, Europe, and Southeast Asia at the moment that you can choose upon purchase. More regions to come in the future! If you'd like to switch your region, please contact support."
+  },
+  "hosting-marketing.faq.versions-loaders": {
+    "message": "What Minecraft versions and loaders can be used?"
+  },
+  "hosting-marketing.faq.versions-loaders.answer.one": {
+    "message": "Modrinth Hosting servers can run any version of Minecraft: Java Edition going all the way back to version 1.2.5, including snapshot versions."
+  },
+  "hosting-marketing.faq.versions-loaders.answer.two": {
+    "message": "We also support a wide range of mod and plugin loaders, including Fabric, Quilt, Forge, and NeoForge for mods, as well as Paper and Purpur for plugins. Availability depends on whether the mod or plugin loader supports the selected Minecraft version."
+  },
+  "hosting-marketing.get-started": {
+    "message": "Get started"
+  },
+  "hosting-marketing.hero.button.manage-your-servers": {
+    "message": "Manage your servers"
+  },
+  "hosting-marketing.hero.button.start-a-new-server": {
+    "message": "Start a new server"
+  },
+  "hosting-marketing.hero.button.start-your-server": {
+    "message": "Start your server"
+  },
+  "hosting-marketing.hero.host-with-modrinth": {
+    "message": "Host your next server with Modrinth Hosting"
+  },
+  "hosting-marketing.hero.hosting-description": {
+    "message": "Modrinth Hosting is the easiest way to host your own Minecraft: Java Edition server. Seamlessly install and play your favorite mods and modpacks, all within the Modrinth platform."
+  },
+  "hosting-marketing.included.advanced-networking": {
+    "message": "Advanced networking management"
+  },
+  "hosting-marketing.included.advanced-networking.description": {
+    "message": "Add your own domain to your server, reserve up to 15 ports for mods that require them, and more."
+  },
+  "hosting-marketing.included.backups-included": {
+    "message": "Backups included"
+  },
+  "hosting-marketing.included.backups-included.description": {
+    "message": "Every server comes with 15 backups stored securely off-site."
+  },
+  "hosting-marketing.included.custom-url": {
+    "message": "Custom URL"
+  },
+  "hosting-marketing.included.custom-url.description": {
+    "message": "Share your server with a custom <contrast>modrinth.gg</contrast> URL."
+  },
+  "hosting-marketing.included.description": {
+    "message": "Included with every server is a suite of features designed to provide a hosting experience that only Modrinth can offer."
+  },
+  "hosting-marketing.included.file-manager": {
+    "message": "Easy to use file manager"
+  },
+  "hosting-marketing.included.file-manager.description": {
+    "message": "Search, manage, edit, and upload files directly to your server with ease."
+  },
+  "hosting-marketing.included.heading": {
+    "message": "Comes with all the features you need."
+  },
+  "hosting-marketing.included.help": {
+    "message": "Help when you need it"
+  },
+  "hosting-marketing.included.help.description": {
+    "message": "Reach out to the Modrinth team for help with your server at any time."
+  },
+  "hosting-marketing.included.powerful-console": {
+    "message": "A powerful console, server properties manager, and more"
+  },
+  "hosting-marketing.included.powerful-console.description": {
+    "message": "Modrinth Hosting comes with powerful tools to manage your server."
+  },
+  "hosting-marketing.included.sftp-access": {
+    "message": "SFTP access"
+  },
+  "hosting-marketing.included.sftp-access.description": {
+    "message": "Access your server's files directly with SFTP built into Modrinth Hosting."
+  },
+  "hosting-marketing.included.with-your-server": {
+    "message": "Included with your server"
+  },
+  "hosting-marketing.know-what-you-need": {
+    "message": "Know exactly what you need?"
+  },
+  "hosting-marketing.medal.info": {
+    "message": "Try a free <orange>3GB server</orange> for 5 days powered by <orange>Medal</orange>"
+  },
+  "hosting-marketing.medal.learn-more": {
+    "message": "Learn more"
+  },
+  "hosting-marketing.medal.text-secondary": {
+    "message": "Limited-time offer. No credit card required. Available for US servers."
+  },
+  "hosting-marketing.pick-customized-plan": {
+    "message": "Pick a customized plan with just the specs you need."
+  },
+  "hosting-marketing.server-for-everyone": {
+    "message": "There's a server for everyone"
+  },
+  "hosting-marketing.why.all-on-modrinth": {
+    "message": "Manage it all on Modrinth"
+  },
+  "hosting-marketing.why.all-on-modrinth.description": {
+    "message": "Your server, mods, players, and more are all on Modrinth. No need to switch between platforms."
+  },
+  "hosting-marketing.why.consistently-fast": {
+    "message": "Consistently fast"
+  },
+  "hosting-marketing.why.consistently-fast.description": {
+    "message": "Our infrastructure is never overloaded, meaning each server hosted with Modrinth always runs at its full performance."
+  },
+  "hosting-marketing.why.description": {
+    "message": "Choose from the thousands of modpacks on Modrinth or create your own. Invite your friends when you're ready to play."
+  },
+  "hosting-marketing.why.heading": {
+    "message": "Find a modpack. Now it's a server."
+  },
+  "hosting-marketing.why.modern-reliable-hosting": {
+    "message": "Experience modern, reliable hosting"
+  },
+  "hosting-marketing.why.modern-reliable-hosting.description": {
+    "message": "Modrinth Hosting servers are hosted on <contrast>high-performance AMD CPUs with DDR5 RAM</contrast>, running on custom-built software to ensure your server performs smoothly."
+  },
+  "hosting-marketing.why.where-mods-are": {
+    "message": "Play where your mods are"
+  },
+  "hosting-marketing.why.where-mods-are.description": {
+    "message": "Modrinth Hosting seamlessly integrates the mod and modpack installation process into your server."
+  },
+  "hosting-marketing.why.why-modrinth-hosting": {
+    "message": "Why Modrinth Hosting?"
+  },
+  "hosting-marketing.why.your-favorite-mods": {
+    "message": "All your favorite mods"
+  },
+  "hosting-marketing.why.your-favorite-mods.description": {
+    "message": "Choose between Vanilla, Fabric, Forge, Quilt and NeoForge. If it's on Modrinth, it can run on your server."
+  },
+  "hosting.plan.out-of-stock": {
+    "message": "Out of stock"
+  },
+  "hosting.plan.select-plan": {
+    "message": "Select plan"
+  },
+  "landing.button.discover-mods": {
+    "message": "Discover mods"
+  },
+  "landing.button.go-to-dashboard": {
+    "message": "Go to dashboard"
+  },
+  "landing.creator.feature.constantly-evolving.description": {
+    "message": "Get the best modding experience possible with constant updates from the Modrinth team"
+  },
+  "landing.creator.feature.constantly-evolving.title": {
+    "message": "Constantly Evolving"
+  },
+  "landing.creator.feature.data-statistics.description": {
+    "message": "Get detailed reports on page views, download counts, and revenue"
+  },
+  "landing.creator.feature.data-statistics.title": {
+    "message": "Data and Statistics"
+  },
+  "landing.creator.feature.discovery.description": {
+    "message": "Get your project discovered by thousands of users through search, our home page, Discord server, and more ways to come in the future!"
+  },
+  "landing.creator.feature.discovery.title": {
+    "message": "Discovery"
+  },
+  "landing.creator.feature.diverse-ecosystem.description": {
+    "message": "Integrate with your build tools through Minotaur for automatic uploads right when you release a new version"
+  },
+  "landing.creator.feature.diverse-ecosystem.title": {
+    "message": "Diverse Ecosystem"
+  },
+  "landing.creator.feature.monetization.description": {
+    "message": "Get paid ad revenue from your project pages and withdraw your funds at any time"
+  },
+  "landing.creator.feature.monetization.title": {
+    "message": "Monetization"
+  },
+  "landing.creator.feature.team-management.description": {
+    "message": "Invite your teammates and manage roles and permissions with ease"
+  },
+  "landing.creator.feature.team-management.title": {
+    "message": "Team Management"
+  },
+  "landing.error.failedToLoadRandomProjects": {
+    "message": "Failed to load random projects :("
+  },
+  "landing.feature.follow.description": {
+    "message": "Get notified every time your favorite projects update and stay in the loop."
+  },
+  "landing.feature.follow.heading": {
+    "message": "Follow projects you love"
+  },
+  "landing.feature.launcher.description": {
+    "message": "Modrinth's open-source API lets launchers add deep integration with Modrinth. You can use Modrinth through <link>our own app</link> and some of the most popular launchers like ATLauncher, MultiMC, and Prism Launcher."
+  },
+  "landing.feature.launcher.heading": {
+    "message": "Play with your favorite launcher"
+  },
+  "landing.feature.search.description": {
+    "message": "Modrinth's lightning-fast search and powerful filters let you find what you want as you type."
+  },
+  "landing.feature.search.heading": {
+    "message": "Find what you want, quickly and easily"
+  },
+  "landing.heading.the-place-for-minecraft": {
+    "message": "The place for Minecraft {content}"
+  },
+  "landing.heading.the-place-for-minecraft.data-packs": {
+    "message": "data packs"
+  },
+  "landing.heading.the-place-for-minecraft.modpacks": {
+    "message": "modpacks"
+  },
+  "landing.heading.the-place-for-minecraft.mods": {
+    "message": "mods"
+  },
+  "landing.heading.the-place-for-minecraft.plugins": {
+    "message": "plugins"
+  },
+  "landing.heading.the-place-for-minecraft.resource-packs": {
+    "message": "resource packs"
+  },
+  "landing.heading.the-place-for-minecraft.servers": {
+    "message": "servers"
+  },
+  "landing.heading.the-place-for-minecraft.shaders": {
+    "message": "shaders"
+  },
+  "landing.launcher.atlauncher-label": {
+    "message": "ATLauncher"
+  },
+  "landing.launcher.graphic-alt": {
+    "message": "A simplified representation of a Minecraft window, with the Mojang Studios logo in Modrinth green."
+  },
+  "landing.launcher.modrinth-app-label": {
+    "message": "Modrinth App"
+  },
+  "landing.launcher.prism-launcher-label": {
+    "message": "Prism Launcher"
+  },
+  "landing.notifications.has-been-updated": {
+    "message": "{title} has been updated!"
+  },
+  "landing.notifications.heading": {
+    "message": "Notifications"
+  },
+  "landing.notifications.received-time": {
+    "message": "Received {time}"
+  },
+  "landing.notifications.version-released": {
+    "message": "Version {version} has been released for {gameVersion}"
+  },
+  "landing.section.for-creators.description": {
+    "message": "Give an online home to your creations and reach a massive audience of dedicated players."
+  },
+  "landing.section.for-creators.label": {
+    "message": "For Creators"
+  },
+  "landing.section.for-creators.tagline": {
+    "message": "Share your content with the world"
+  },
+  "landing.section.for-players.description": {
+    "message": "From magical biomes to cursed dungeons, you can be sure to find content to bring your gameplay to the next level."
+  },
+  "landing.section.for-players.label": {
+    "message": "For Players"
+  },
+  "landing.section.for-players.tagline": {
+    "message": "Discover over {count} creations"
+  },
+  "landing.subheading": {
+    "message": "Discover, play, and share Minecraft content through our open-source platform built for the community."
+  },
+  "layout.action.change-theme": {
+    "message": "Change theme"
+  },
+  "layout.action.create-new": {
+    "message": "Create new..."
+  },
+  "layout.action.file-lookup": {
+    "message": "File lookup"
+  },
+  "layout.action.lookup-by-email": {
+    "message": "Lookup by email"
+  },
+  "layout.action.manage-affiliates": {
+    "message": "Manage affiliate links"
+  },
+  "layout.action.manage-server-notices": {
+    "message": "Manage server notices"
+  },
+  "layout.action.new-collection": {
+    "message": "New collection"
+  },
+  "layout.action.new-organization": {
+    "message": "New organization"
+  },
+  "layout.action.new-project": {
+    "message": "New project"
+  },
+  "layout.action.new-server-project": {
+    "message": "New server"
+  },
+  "layout.action.publish": {
+    "message": "Publish"
+  },
+  "layout.action.reports": {
+    "message": "Review reports"
+  },
+  "layout.action.review-projects": {
+    "message": "Project review"
+  },
+  "layout.action.tech-review": {
+    "message": "Tech review"
+  },
+  "layout.avatar.alt": {
+    "message": "Your avatar"
+  },
+  "layout.banner.account-action": {
+    "message": "Account action required"
+  },
+  "layout.banner.add-email.button": {
+    "message": "Visit account settings"
+  },
+  "layout.banner.add-email.description": {
+    "message": "For security reasons, Modrinth needs you to register an email address to your account."
+  },
+  "layout.banner.build-fail.description": {
+    "message": "This deploy of Modrinth's frontend failed to generate state from the API. This may be due to an outage or an error in configuration. Rebuild when the API is available. Error codes: {errors}; Current API URL is: {url}"
+  },
+  "layout.banner.build-fail.title": {
+    "message": "Error generating state from API when building."
+  },
+  "layout.banner.preview.description": {
+    "message": "If you meant to access the official Modrinth website, visit <link>https://modrinth.com</link>. This preview deploy is used by Modrinth staff for testing purposes. It was built using <branch-link>{owner}/{branch}</branch-link> @ {commit}."
+  },
+  "layout.banner.preview.title": {
+    "message": "This is a preview deploy of the Modrinth website."
+  },
+  "layout.banner.staging.description": {
+    "message": "The staging environment is completely separate from the production Modrinth database. This is used for testing and debugging purposes, and may be running in-development versions of the Modrinth backend or frontend newer than the production instance."
+  },
+  "layout.banner.staging.title": {
+    "message": "You’re viewing Modrinth’s staging environment"
+  },
+  "layout.banner.subscription-payment-failed.button": {
+    "message": "Update billing info"
+  },
+  "layout.banner.subscription-payment-failed.description": {
+    "message": "One or more subscriptions failed to renew. Please update your payment method to prevent losing access!"
+  },
+  "layout.banner.subscription-payment-failed.title": {
+    "message": "Billing action required."
+  },
+  "layout.banner.tax.action": {
+    "message": "Complete tax form"
+  },
+  "layout.banner.tax.description": {
+    "message": "You've already withdrawn over $600 from Modrinth this year. To comply with tax regulations, you need to complete a tax form. Your withdrawals are paused until this form is submitted."
+  },
+  "layout.banner.tax.title": {
+    "message": "Tax form required"
+  },
+  "layout.banner.tin-mismatch.action": {
+    "message": "Contact support"
+  },
+  "layout.banner.tin-mismatch.description": {
+    "message": "Your withdrawals are temporarily locked because your TIN or SSN didn't match IRS records. Please contact support to reset and resubmit your tax form."
+  },
+  "layout.banner.tin-mismatch.title": {
+    "message": "Tax form failed"
+  },
+  "layout.banner.verify-email.action": {
+    "message": "Re-send verification email"
+  },
+  "layout.banner.verify-email.description": {
+    "message": "For security reasons, Modrinth needs you to verify the email address associated with your account."
+  },
+  "layout.footer.about": {
+    "message": "About"
+  },
+  "layout.footer.about.careers": {
+    "message": "Careers"
+  },
+  "layout.footer.about.changelog": {
+    "message": "Changelog"
+  },
+  "layout.footer.about.news": {
+    "message": "News"
+  },
+  "layout.footer.about.rewards-program": {
+    "message": "Rewards Program"
+  },
+  "layout.footer.about.status": {
+    "message": "Status"
+  },
+  "layout.footer.legal": {
+    "message": "Legal"
+  },
+  "layout.footer.legal-disclaimer": {
+    "message": "NOT AN OFFICIAL MINECRAFT SERVICE. NOT APPROVED BY OR ASSOCIATED WITH MOJANG OR MICROSOFT."
+  },
+  "layout.footer.legal.copyright-policy": {
+    "message": "Copyright Policy and DMCA"
+  },
+  "layout.footer.legal.privacy-policy": {
+    "message": "Privacy Policy"
+  },
+  "layout.footer.legal.rules": {
+    "message": "Content Rules"
+  },
+  "layout.footer.legal.security-notice": {
+    "message": "Security Notice"
+  },
+  "layout.footer.legal.terms-of-use": {
+    "message": "Terms of Use"
+  },
+  "layout.footer.modrinth-information": {
+    "message": "Modrinth information"
+  },
+  "layout.footer.open-source": {
+    "message": "Modrinth is <github-link>open source</github-link>."
+  },
+  "layout.footer.products": {
+    "message": "Products"
+  },
+  "layout.footer.products.app": {
+    "message": "Modrinth App"
+  },
+  "layout.footer.products.plus": {
+    "message": "Modrinth+"
+  },
+  "layout.footer.products.servers": {
+    "message": "Modrinth Hosting"
+  },
+  "layout.footer.resources": {
+    "message": "Resources"
+  },
+  "layout.footer.resources.api-docs": {
+    "message": "API documentation"
+  },
+  "layout.footer.resources.help-center": {
+    "message": "Help Center"
+  },
+  "layout.footer.resources.report-issues": {
+    "message": "Report issues"
+  },
+  "layout.footer.resources.translate": {
+    "message": "Translate"
+  },
+  "layout.footer.social.bluesky": {
+    "message": "Bluesky"
+  },
+  "layout.footer.social.discord": {
+    "message": "Discord"
+  },
+  "layout.footer.social.github": {
+    "message": "GitHub"
+  },
+  "layout.footer.social.mastodon": {
+    "message": "Mastodon"
+  },
+  "layout.footer.social.x": {
+    "message": "X"
+  },
+  "layout.menu-toggle.action": {
+    "message": "Toggle menu"
+  },
+  "layout.meta.description": {
+    "message": "Download Minecraft mods, plugins, datapacks, shaders, resourcepacks, and modpacks on Modrinth. Discover and publish projects on Modrinth with a modern, easy to use interface and API."
+  },
+  "layout.meta.og-description": {
+    "message": "Discover and publish Minecraft content!"
+  },
+  "layout.mobile.close-menu": {
+    "message": "Close menu"
+  },
+  "layout.mobile.open-menu": {
+    "message": "Open menu"
+  },
+  "layout.nav.active-reports": {
+    "message": "Active reports"
+  },
+  "layout.nav.discover": {
+    "message": "Discover"
+  },
+  "layout.nav.discover-content": {
+    "message": "Discover content"
+  },
+  "layout.nav.feature-flags": {
+    "message": "Feature flags"
+  },
+  "layout.nav.get-modrinth-app": {
+    "message": "Get Modrinth App"
+  },
+  "layout.nav.home": {
+    "message": "Home"
+  },
+  "layout.nav.host-a-server": {
+    "message": "Host a server"
+  },
+  "layout.nav.modrinth-app": {
+    "message": "Modrinth App"
+  },
+  "layout.nav.modrinth-home-page": {
+    "message": "Modrinth home page"
+  },
+  "layout.nav.my-servers": {
+    "message": "My servers"
+  },
+  "layout.nav.organizations": {
+    "message": "Organizations"
+  },
+  "layout.nav.profile": {
+    "message": "Profile"
+  },
+  "layout.nav.projects": {
+    "message": "Projects"
+  },
+  "layout.nav.revenue": {
+    "message": "Revenue"
+  },
+  "layout.nav.saved-projects": {
+    "message": "Saved projects"
+  },
+  "layout.nav.search": {
+    "message": "Search"
+  },
+  "layout.nav.upgrade-to-modrinth-plus": {
+    "message": "Upgrade to Modrinth+"
+  },
+  "moderation.moderate": {
+    "message": "Moderate"
+  },
+  "moderation.page.projects": {
+    "message": "Projects"
+  },
+  "moderation.page.reports": {
+    "message": "Reports"
+  },
+  "moderation.page.technicalReview": {
+    "message": "Technical Review"
+  },
+  "muralpay.account-type.checking": {
+    "message": "Checking"
+  },
+  "muralpay.account-type.savings": {
+    "message": "Savings"
+  },
+  "muralpay.country.at": {
+    "message": "Austria"
+  },
+  "muralpay.country.be": {
+    "message": "Belgium"
+  },
+  "muralpay.country.cy": {
+    "message": "Cyprus"
+  },
+  "muralpay.country.de": {
+    "message": "Germany"
+  },
+  "muralpay.country.ee": {
+    "message": "Estonia"
+  },
+  "muralpay.country.es": {
+    "message": "Spain"
+  },
+  "muralpay.country.fi": {
+    "message": "Finland"
+  },
+  "muralpay.country.fr": {
+    "message": "France"
+  },
+  "muralpay.country.gr": {
+    "message": "Greece"
+  },
+  "muralpay.country.ie": {
+    "message": "Ireland"
+  },
+  "muralpay.country.it": {
+    "message": "Italy"
+  },
+  "muralpay.country.lt": {
+    "message": "Lithuania"
+  },
+  "muralpay.country.lu": {
+    "message": "Luxembourg"
+  },
+  "muralpay.country.lv": {
+    "message": "Latvia"
+  },
+  "muralpay.country.mt": {
+    "message": "Malta"
+  },
+  "muralpay.country.nl": {
+    "message": "Netherlands"
+  },
+  "muralpay.country.pt": {
+    "message": "Portugal"
+  },
+  "muralpay.country.sk": {
+    "message": "Slovakia"
+  },
+  "muralpay.document-type.national-id": {
+    "message": "National ID"
+  },
+  "muralpay.document-type.passport": {
+    "message": "Passport"
+  },
+  "muralpay.document-type.resident-id": {
+    "message": "Resident ID"
+  },
+  "muralpay.document-type.ruc": {
+    "message": "RUC"
+  },
+  "muralpay.document-type.tax-id": {
+    "message": "Tax ID"
+  },
+  "muralpay.field.account-number": {
+    "message": "Account number"
+  },
+  "muralpay.field.account-number-cbu-cvu": {
+    "message": "Account number (CBU/CVU)"
+  },
+  "muralpay.field.account-number-cci": {
+    "message": "Account number (CCI)"
+  },
+  "muralpay.field.account-number-type": {
+    "message": "Account number type"
+  },
+  "muralpay.field.account-type": {
+    "message": "Account type"
+  },
+  "muralpay.field.bank-account-number": {
+    "message": "Account number"
+  },
+  "muralpay.field.branch-code": {
+    "message": "Branch code"
+  },
+  "muralpay.field.clabe": {
+    "message": "CLABE"
+  },
+  "muralpay.field.country": {
+    "message": "Country"
+  },
+  "muralpay.field.cpf-cnpj": {
+    "message": "CPF/CNPJ"
+  },
+  "muralpay.field.cuit-cuil": {
+    "message": "CUIT/CUIL"
+  },
+  "muralpay.field.document-type": {
+    "message": "Document type"
+  },
+  "muralpay.field.iban": {
+    "message": "IBAN"
+  },
+  "muralpay.field.phone-number": {
+    "message": "Phone number"
+  },
+  "muralpay.field.pix-email": {
+    "message": "PIX email"
+  },
+  "muralpay.field.pix-key-type": {
+    "message": "PIX key type"
+  },
+  "muralpay.field.pix-phone": {
+    "message": "PIX phone"
+  },
+  "muralpay.field.routing-number": {
+    "message": "Routing number"
+  },
+  "muralpay.field.swift-bic": {
+    "message": "SWIFT/BIC"
+  },
+  "muralpay.field.wallet-address": {
+    "message": "Wallet address"
+  },
+  "muralpay.help.cbu-cvu": {
+    "message": "Clave Bancaria Uniforme or Clave Virtual Uniforme"
+  },
+  "muralpay.help.cci": {
+    "message": "Código de Cuenta Interbancaria"
+  },
+  "muralpay.help.clabe": {
+    "message": "Clave Bancaria Estandarizada (Mexican bank account number)"
+  },
+  "muralpay.help.cpf-cnpj": {
+    "message": "Brazilian tax identification number"
+  },
+  "muralpay.help.cuit-cuil": {
+    "message": "Argentine tax ID"
+  },
+  "muralpay.help.iban": {
+    "message": "International Bank Account Number"
+  },
+  "muralpay.help.swift-bic": {
+    "message": "Bank Identifier Code"
+  },
+  "muralpay.pix-type.bank-account": {
+    "message": "Bank account"
+  },
+  "muralpay.pix-type.document": {
+    "message": "CPF/CNPJ"
+  },
+  "muralpay.pix-type.email": {
+    "message": "Email"
+  },
+  "muralpay.pix-type.phone": {
+    "message": "Phone number"
+  },
+  "muralpay.placeholder.account-number": {
+    "message": "Enter account number"
+  },
+  "muralpay.placeholder.cbu-cvu": {
+    "message": "Enter CBU or CVU"
+  },
+  "muralpay.placeholder.cbu-cvu-type": {
+    "message": "CBU or CVU"
+  },
+  "muralpay.placeholder.cci": {
+    "message": "Enter 20-digit CCI"
+  },
+  "muralpay.placeholder.cuit-cuil": {
+    "message": "Enter CUIT or CUIL"
+  },
+  "muralpay.placeholder.enter-account-number": {
+    "message": "Enter account number"
+  },
+  "muralpay.placeholder.enter-branch-code": {
+    "message": "Enter branch code"
+  },
+  "muralpay.placeholder.enter-clabe": {
+    "message": "Enter 18-digit CLABE"
+  },
+  "muralpay.placeholder.enter-cpf-cnpj": {
+    "message": "Enter CPF or CNPJ"
+  },
+  "muralpay.placeholder.enter-iban": {
+    "message": "Enter IBAN"
+  },
+  "muralpay.placeholder.enter-pix-email": {
+    "message": "Enter PIX email"
+  },
+  "muralpay.placeholder.enter-routing-number": {
+    "message": "Enter 9-digit routing number"
+  },
+  "muralpay.placeholder.enter-swift-bic": {
+    "message": "Enter SWIFT/BIC code"
+  },
+  "muralpay.placeholder.iban-crc": {
+    "message": "Enter Costa Rican IBAN"
+  },
+  "muralpay.placeholder.phone-cop": {
+    "message": "+57..."
+  },
+  "muralpay.placeholder.pix-phone": {
+    "message": "+55..."
+  },
+  "muralpay.placeholder.wallet-address-eth": {
+    "message": "0x..."
+  },
+  "muralpay.rail.fiat-ars.name": {
+    "message": "Bank Transfer (ARS)"
+  },
+  "muralpay.rail.fiat-brl.name": {
+    "message": "PIX Transfer (BRL)"
+  },
+  "muralpay.rail.fiat-clp.name": {
+    "message": "Bank Transfer (CLP)"
+  },
+  "muralpay.rail.fiat-cop.name": {
+    "message": "Bank Transfer (COP)"
+  },
+  "muralpay.rail.fiat-crc.name": {
+    "message": "Bank Transfer (CRC)"
+  },
+  "muralpay.rail.fiat-eur.name": {
+    "message": "Bank Transfer (EUR)"
+  },
+  "muralpay.rail.fiat-mxn.name": {
+    "message": "Bank Transfer (MXN)"
+  },
+  "muralpay.rail.fiat-pen.name": {
+    "message": "Bank Transfer (PEN)"
+  },
+  "muralpay.rail.fiat-usd-peru.name": {
+    "message": "Bank Transfer (USD - Peru)"
+  },
+  "muralpay.rail.fiat-usd.name": {
+    "message": "Bank Transfer (USD)"
+  },
+  "muralpay.rail.fiat-zar.name": {
+    "message": "Bank Transfer (ZAR)"
+  },
+  "muralpay.rail.usdc-base.name": {
+    "message": "USDC (Base)"
+  },
+  "muralpay.rail.usdc-celo.name": {
+    "message": "USDC (Celo)"
+  },
+  "muralpay.rail.usdc-ethereum.name": {
+    "message": "USDC (Ethereum)"
+  },
+  "muralpay.rail.usdc-polygon.name": {
+    "message": "Crypto (USDC)"
+  },
+  "muralpay.warning.wallet-address": {
+    "message": "Double-check your wallet address. Funds sent to an incorrect address cannot be recovered."
+  },
+  "profile.bio.fallback.creator": {
+    "message": "A Modrinth creator."
+  },
+  "profile.bio.fallback.user": {
+    "message": "A Modrinth user."
+  },
+  "profile.button.billing": {
+    "message": "Manage user billing"
+  },
+  "profile.button.edit-role": {
+    "message": "Edit role"
+  },
+  "profile.button.info": {
+    "message": "View user details"
+  },
+  "profile.button.manage-projects": {
+    "message": "Manage projects"
+  },
+  "profile.button.remove-affiliate": {
+    "message": "Remove as affiliate"
+  },
+  "profile.button.set-affiliate": {
+    "message": "Set as affiliate"
+  },
+  "profile.details.label.auth-providers": {
+    "message": "Auth providers"
+  },
+  "profile.details.label.email": {
+    "message": "Email"
+  },
+  "profile.details.label.email-verified": {
+    "message": "Email verified"
+  },
+  "profile.details.label.has-password": {
+    "message": "Has password"
+  },
+  "profile.details.label.has-totp": {
+    "message": "Has TOTP"
+  },
+  "profile.details.label.payment-methods": {
+    "message": "Payment methods"
+  },
+  "profile.details.tooltip.email-not-verified": {
+    "message": "Email not verified"
+  },
+  "profile.details.tooltip.email-verified": {
+    "message": "Email verified"
+  },
+  "profile.error.not-found": {
+    "message": "User not found"
+  },
+  "profile.label.affiliate": {
+    "message": "Affiliate"
+  },
+  "profile.label.badges": {
+    "message": "Badges"
+  },
+  "profile.label.collection": {
+    "message": "Collection"
+  },
+  "profile.label.downloads": {
+    "message": "{count} {count, plural, one {download} other {downloads}}"
+  },
+  "profile.label.joined": {
+    "message": "Joined"
+  },
+  "profile.label.no-collections": {
+    "message": "This user has no collections!"
+  },
+  "profile.label.no-collections-auth": {
+    "message": "You don't have any collections.\nWould you like to <create-link>create one</create-link>?"
+  },
+  "profile.label.no-projects": {
+    "message": "This user has no projects!"
+  },
+  "profile.label.no-projects-auth": {
+    "message": "You don't have any projects.\nWould you like to <create-link>create one</create-link>?"
+  },
+  "profile.label.organizations": {
+    "message": "Organizations"
+  },
+  "profile.label.projects": {
+    "message": "{count} {count, plural, one {project} other {projects}}"
+  },
+  "profile.label.saving": {
+    "message": "Saving..."
+  },
+  "profile.meta.description": {
+    "message": "Download {username}'s projects on Modrinth"
+  },
+  "profile.meta.description-with-bio": {
+    "message": "{bio} - Download {username}'s projects on Modrinth"
+  },
+  "profile.stats.projects-followers": {
+    "message": "{count, plural, one {<stat>{count}</stat> project follower} other {<stat>{count}</stat> project followers}}"
+  },
+  "profile.user-id": {
+    "message": "User ID: {id}"
+  },
+  "project-member-header.error-decline": {
+    "message": "Failed to decline team invitation"
+  },
+  "project-member-header.error-join": {
+    "message": "Failed to accept team invitation"
+  },
+  "project-member-header.invitation-no-role": {
+    "message": "You've been invited to join this project. Please accept or decline the invitation."
+  },
+  "project-member-header.invitation-title": {
+    "message": "Invitation to join project"
+  },
+  "project-member-header.invitation-with-role": {
+    "message": "You've been invited to be a member of this project with the role of ''{role}''."
+  },
+  "project-member-header.success-decline": {
+    "message": "You have declined the team invitation"
+  },
+  "project-member-header.success-join": {
+    "message": "You have joined the project team"
+  },
+  "project-moderation-nags.publishing-checklist": {
+    "message": "Publishing checklist"
+  },
+  "project-moderation-nags.required": {
+    "message": "Required"
+  },
+  "project-moderation-nags.resubmit-for-review": {
+    "message": "Resubmit for review"
+  },
+  "project-moderation-nags.resubmit-for-review-desc": {
+    "message": "Your project has been {status, select, rejected {rejected} withheld {withheld} other {{status}}} by Modrinth's staff. In most cases, you can resubmit for review after addressing the staff's message."
+  },
+  "project-moderation-nags.submit-checklist-tooltip": {
+    "message": "You must complete the required steps in the publishing checklist!"
+  },
+  "project-moderation-nags.submit-for-review": {
+    "message": "Submit for review"
+  },
+  "project-moderation-nags.submit-for-review-button": {
+    "message": "Submit for review"
+  },
+  "project-moderation-nags.submit-for-review-desc": {
+    "message": "Your project is only viewable by members of the project. It must be reviewed by moderators in order to be published."
+  },
+  "project-moderation-nags.suggestion": {
+    "message": "Suggestion"
+  },
+  "project-moderation-nags.visit-moderation-page": {
+    "message": "Visit moderation page"
+  },
+  "project-moderation-nags.warning": {
+    "message": "Warning"
+  },
+  "project-type.collection.plural": {
+    "message": "Collections"
+  },
+  "project-type.collection.singular": {
+    "message": "Collection"
+  },
+  "project-type.datapack.plural": {
+    "message": "Data Packs"
+  },
+  "project-type.datapack.singular": {
+    "message": "Data Pack"
+  },
+  "project-type.mod.plural": {
+    "message": "Mods"
+  },
+  "project-type.mod.singular": {
+    "message": "Mod"
+  },
+  "project-type.modpack.plural": {
+    "message": "Modpacks"
+  },
+  "project-type.modpack.singular": {
+    "message": "Modpack"
+  },
+  "project-type.plugin.plural": {
+    "message": "Plugins"
+  },
+  "project-type.plugin.singular": {
+    "message": "Plugin"
+  },
+  "project-type.project.plural": {
+    "message": "Projects"
+  },
+  "project-type.project.singular": {
+    "message": "Project"
+  },
+  "project-type.resourcepack.plural": {
+    "message": "Resource Packs"
+  },
+  "project-type.resourcepack.singular": {
+    "message": "Resource Pack"
+  },
+  "project-type.shader.plural": {
+    "message": "Shaders"
+  },
+  "project-type.shader.singular": {
+    "message": "Shader"
+  },
+  "project.about.details.created": {
+    "message": "Created {date}"
+  },
+  "project.about.details.licensed": {
+    "message": "Licensed {license}"
+  },
+  "project.about.details.published": {
+    "message": "Published {date}"
+  },
+  "project.about.details.submitted": {
+    "message": "Submitted {date}"
+  },
+  "project.about.details.title": {
+    "message": "Details"
+  },
+  "project.about.details.updated": {
+    "message": "Updated {date}"
+  },
+  "project.actions.create-server": {
+    "message": "Create a server"
+  },
+  "project.actions.create-server-tooltip": {
+    "message": "Create a server"
+  },
+  "project.actions.dont-show-again": {
+    "message": "Don't show again"
+  },
+  "project.actions.review-project": {
+    "message": "Review project"
+  },
+  "project.actions.servers-promo.description": {
+    "message": "Modrinth Hosting is the easiest way to play with your friends without hassle!"
+  },
+  "project.actions.servers-promo.pricing": {
+    "message": "Starting at {price}<small> / month</small>"
+  },
+  "project.actions.servers-promo.title": {
+    "message": "Create a server"
+  },
+  "project.collections.create-new": {
+    "message": "Create new collection"
+  },
+  "project.collections.none-found": {
+    "message": "No collections found."
+  },
+  "project.description.title": {
+    "message": "Description"
+  },
+  "project.details.licensed": {
+    "message": "Licensed"
+  },
+  "project.download.game-version": {
+    "message": "Game version: {version}"
+  },
+  "project.download.game-version-error": {
+    "message": "Error: no game versions found"
+  },
+  "project.download.game-version-tooltip": {
+    "message": "{title} is only available for {version}"
+  },
+  "project.download.game-version-unsupported-tooltip": {
+    "message": "{title} does not support {gameVersion} for {platform}"
+  },
+  "project.download.install-with-app": {
+    "message": "Install with Modrinth App"
+  },
+  "project.download.no-app": {
+    "message": "Don't have Modrinth App?"
+  },
+  "project.download.no-versions-available": {
+    "message": "No versions available for {gameVersion} and {platform}."
+  },
+  "project.download.platform": {
+    "message": "Platform: {platform}"
+  },
+  "project.download.platform-error": {
+    "message": "Error: no platforms found"
+  },
+  "project.download.platform-tooltip": {
+    "message": "{title} is only available for {platform}"
+  },
+  "project.download.platform-unsupported-tooltip": {
+    "message": "{title} does not support {platform} for {gameVersion}"
+  },
+  "project.download.search-game-versions": {
+    "message": "Search game versions..."
+  },
+  "project.download.search-game-versions-label": {
+    "message": "Search game versions..."
+  },
+  "project.download.select-game-version": {
+    "message": "Select game version"
+  },
+  "project.download.select-platform": {
+    "message": "Select platform"
+  },
+  "project.download.show-all-versions": {
+    "message": "Show all versions"
+  },
+  "project.download.title": {
+    "message": "Download {title}"
+  },
+  "project.environment.migration-no-permission.message": {
+    "message": "We've just overhauled the Environments system on Modrinth and new options are now available. You don't have permission to modify these settings, but please let another member of the project know that the environment metadata needs to be verified."
+  },
+  "project.environment.migration-no-permission.title": {
+    "message": "Environment metadata needs to be reviewed"
+  },
+  "project.environment.migration.learn-more": {
+    "message": "Learn more about this change"
+  },
+  "project.environment.migration.message": {
+    "message": "We've just overhauled the Environments system on Modrinth and new options are now available. Please verify that the metadata is correct."
+  },
+  "project.environment.migration.review-button": {
+    "message": "Review environment settings"
+  },
+  "project.environment.migration.title": {
+    "message": "Please review environment metadata"
+  },
+  "project.error.loading": {
+    "message": "Error loading project data{message}"
+  },
+  "project.error.page-not-found": {
+    "message": "The page could not be found"
+  },
+  "project.error.project-not-found": {
+    "message": "Project not found"
+  },
+  "project.gallery.title": {
+    "message": "Gallery"
+  },
+  "project.license.error": {
+    "message": "License text could not be retrieved."
+  },
+  "project.license.loading": {
+    "message": "Loading license text..."
+  },
+  "project.license.title": {
+    "message": "License"
+  },
+  "project.moderation.title": {
+    "message": "Moderation"
+  },
+  "project.navigation.changelog": {
+    "message": "Changelog"
+  },
+  "project.notification.icon-updated.message": {
+    "message": "Your project's icon has been updated."
+  },
+  "project.notification.icon-updated.title": {
+    "message": "Project icon updated"
+  },
+  "project.notification.updated.message": {
+    "message": "Your project has been updated."
+  },
+  "project.notification.updated.title": {
+    "message": "Project updated"
+  },
+  "project.settings.general.name.description": {
+    "message": "Avoid prefixes, suffixes, parentheticals, or added descriptions—just the project's actual name."
+  },
+  "project.settings.general.name.placeholder.1": {
+    "message": "e.g. Nether Overhaul 2"
+  },
+  "project.settings.general.name.placeholder.2": {
+    "message": "e.g. Construction Equipment"
+  },
+  "project.settings.general.name.placeholder.3": {
+    "message": "e.g. Better than Caving"
+  },
+  "project.settings.general.name.placeholder.4": {
+    "message": "e.g. Enhanced Portals"
+  },
+  "project.settings.general.name.placeholder.5": {
+    "message": "e.g. Dangerous Mobs"
+  },
+  "project.settings.general.name.title": {
+    "message": "Name"
+  },
+  "project.settings.general.tagline.description": {
+    "message": "Summarize your project in no more than one sentence."
+  },
+  "project.settings.general.tagline.placeholder.1": {
+    "message": "e.g. Overhauls game progression to revolve around the Nether."
+  },
+  "project.settings.general.tagline.placeholder.2": {
+    "message": "e.g. Adds wearable construction gear."
+  },
+  "project.settings.general.tagline.placeholder.3": {
+    "message": "e.g. Adds realistic mineshaft-building mechanics."
+  },
+  "project.settings.general.tagline.placeholder.4": {
+    "message": "e.g. Improves how Nether portals link to each other."
+  },
+  "project.settings.general.tagline.placeholder.5": {
+    "message": "e.g. Adds powerful boss versions of the normal mobs to encounter in the night."
+  },
+  "project.settings.general.tagline.title": {
+    "message": "Tagline"
+  },
+  "project.settings.general.url.title": {
+    "message": "URL"
+  },
+  "project.settings.title": {
+    "message": "Settings"
+  },
+  "project.settings.visit-dashboard": {
+    "message": "Visit projects dashboard"
+  },
+  "project.stats.downloads-label": {
+    "message": "download{count, plural, one {} other {s}}"
+  },
+  "project.stats.followers-label": {
+    "message": "follower{count, plural, one {} other {s}}"
+  },
+  "project.status.archived.message": {
+    "message": "{title} has been archived. {title} will not receive any further updates unless the author decides to unarchive the project."
+  },
+  "project.versions.title": {
+    "message": "Versions"
+  },
+  "report.already-reported": {
+    "message": "You've already reported {title}"
+  },
+  "report.already-reported-description": {
+    "message": "You have an open report for this {item} already. You can add more details to your report if you have more information to add."
+  },
+  "report.back-to-item": {
+    "message": "Back to {item}"
+  },
+  "report.body.description": {
+    "message": "Include links and images if possible and relevant. Empty or insufficient reports will be closed and ignored."
+  },
+  "report.body.title": {
+    "message": "Please provide additional context about your report"
+  },
+  "report.checking": {
+    "message": "Checking {item}..."
+  },
+  "report.could-not-find": {
+    "message": "Could not find {item}"
+  },
+  "report.for.violation": {
+    "message": "Violation of Modrinth <rules-link>Rules</rules-link> or <terms-link>Terms of Use</terms-link>"
+  },
+  "report.for.violation.description": {
+    "message": "Examples include malicious, spam, offensive, deceptive, misleading, and illegal content."
+  },
+  "report.form-not-for": {
+    "message": "This form is not for:"
+  },
+  "report.go-to-report": {
+    "message": "Go to report"
+  },
+  "report.not-for.bug-reports": {
+    "message": "Bug reports"
+  },
+  "report.not-for.bug-reports.description": {
+    "message": "You can report bugs to their <issues-link>issue tracker</issues-link>."
+  },
+  "report.not-for.dmca": {
+    "message": "DMCA takedowns"
+  },
+  "report.not-for.dmca.description": {
+    "message": "See our <policy-link>Copyright Policy</policy-link>."
+  },
+  "report.note.copyright.1": {
+    "message": "Please note that you are *not* submitting a DMCA takedown request, but rather a report of reuploaded content."
+  },
+  "report.note.copyright.2": {
+    "message": "If you meant to file a DMCA takedown request (which is a legal action) instead, please see our <copyright-policy-link>Copyright Policy</copyright-policy-link>."
+  },
+  "report.note.malicious.1": {
+    "message": "Reports for malicious or deceptive content must include substantial evidence of the behavior, such as code samples."
+  },
+  "report.note.malicious.2": {
+    "message": "Summaries from Microsoft Defender, VirusTotal, or AI malware detection are not sufficient forms of evidence and will not be accepted."
+  },
+  "report.please-report": {
+    "message": "Please report:"
+  },
+  "report.question.content-id": {
+    "message": "What is the ID of the {item}?"
+  },
+  "report.question.content-type": {
+    "message": "What type of content are you reporting?"
+  },
+  "report.question.report-reason": {
+    "message": "Which of Modrinth's rules is this {item} violating?"
+  },
+  "report.report-content": {
+    "message": "Report content to moderators"
+  },
+  "report.report-item": {
+    "message": "Report {title} to moderators"
+  },
+  "report.submit": {
+    "message": "Submit report"
+  },
+  "scopes.analytics.description": {
+    "message": "Access your analytics data"
+  },
+  "scopes.analytics.label": {
+    "message": "Read analytics"
+  },
+  "scopes.collectionCreate.description": {
+    "message": "Create collections"
+  },
+  "scopes.collectionCreate.label": {
+    "message": "Create collections"
+  },
+  "scopes.collectionDelete.description": {
+    "message": "Delete collections"
+  },
+  "scopes.collectionDelete.label": {
+    "message": "Delete collections"
+  },
+  "scopes.collectionRead.description": {
+    "message": "Read collections"
+  },
+  "scopes.collectionRead.label": {
+    "message": "Read collections"
+  },
+  "scopes.collectionWrite.description": {
+    "message": "Write to collections"
+  },
+  "scopes.collectionWrite.label": {
+    "message": "Write collections"
+  },
+  "scopes.notificationRead.description": {
+    "message": "Read your notifications"
+  },
+  "scopes.notificationRead.label": {
+    "message": "Read notifications"
+  },
+  "scopes.notificationWrite.description": {
+    "message": "Delete/View your notifications"
+  },
+  "scopes.notificationWrite.label": {
+    "message": "Write notifications"
+  },
+  "scopes.organizationCreate.description": {
+    "message": "Create organizations"
+  },
+  "scopes.organizationCreate.label": {
+    "message": "Create organizations"
+  },
+  "scopes.organizationDelete.description": {
+    "message": "Delete organizations"
+  },
+  "scopes.organizationDelete.label": {
+    "message": "Delete organizations"
+  },
+  "scopes.organizationRead.description": {
+    "message": "Read organizations"
+  },
+  "scopes.organizationRead.label": {
+    "message": "Read organizations"
+  },
+  "scopes.organizationWrite.description": {
+    "message": "Write to organizations"
+  },
+  "scopes.organizationWrite.label": {
+    "message": "Write organizations"
+  },
+  "scopes.patCreate.description": {
+    "message": "Create personal API tokens"
+  },
+  "scopes.patCreate.label": {
+    "message": "Create PATs"
+  },
+  "scopes.patDelete.description": {
+    "message": "Delete your personal API tokens"
+  },
+  "scopes.patDelete.label": {
+    "message": "Delete PATs"
+  },
+  "scopes.patRead.description": {
+    "message": "View created API tokens"
+  },
+  "scopes.patRead.label": {
+    "message": "Read PATs"
+  },
+  "scopes.patWrite.description": {
+    "message": "Edit personal API tokens"
+  },
+  "scopes.patWrite.label": {
+    "message": "Write PATs"
+  },
+  "scopes.payoutsRead.description": {
+    "message": "Read your payouts data"
+  },
+  "scopes.payoutsRead.label": {
+    "message": "Read payouts"
+  },
+  "scopes.payoutsWrite.description": {
+    "message": "Withdraw money"
+  },
+  "scopes.payoutsWrite.label": {
+    "message": "Write payouts"
+  },
+  "scopes.performAnalytics.description": {
+    "message": "Perform analytics actions"
+  },
+  "scopes.performAnalytics.label": {
+    "message": "Perform analytics"
+  },
+  "scopes.projectCreate.description": {
+    "message": "Create new projects"
+  },
+  "scopes.projectCreate.label": {
+    "message": "Create projects"
+  },
+  "scopes.projectDelete.description": {
+    "message": "Delete your projects"
+  },
+  "scopes.projectDelete.label": {
+    "message": "Delete projects"
+  },
+  "scopes.projectRead.description": {
+    "message": "Read all your projects"
+  },
+  "scopes.projectRead.label": {
+    "message": "Read projects"
+  },
+  "scopes.projectWrite.description": {
+    "message": "Write to project data"
+  },
+  "scopes.projectWrite.label": {
+    "message": "Write projects"
+  },
+  "scopes.reportCreate.description": {
+    "message": "Create reports"
+  },
+  "scopes.reportCreate.label": {
+    "message": "Create reports"
+  },
+  "scopes.reportDelete.description": {
+    "message": "Delete reports"
+  },
+  "scopes.reportDelete.label": {
+    "message": "Delete reports"
+  },
+  "scopes.reportRead.description": {
+    "message": "Read reports"
+  },
+  "scopes.reportRead.label": {
+    "message": "Read reports"
+  },
+  "scopes.reportWrite.description": {
+    "message": "Edit reports"
+  },
+  "scopes.reportWrite.label": {
+    "message": "Write reports"
+  },
+  "scopes.sessionAccess.description": {
+    "message": "Access modrinth-issued sessions"
+  },
+  "scopes.sessionAccess.label": {
+    "message": "Access sessions"
+  },
+  "scopes.sessionDelete.description": {
+    "message": "Delete sessions"
+  },
+  "scopes.sessionDelete.label": {
+    "message": "Delete sessions"
+  },
+  "scopes.sessionRead.description": {
+    "message": "Read active sessions"
+  },
+  "scopes.sessionRead.label": {
+    "message": "Read sessions"
+  },
+  "scopes.threadRead.description": {
+    "message": "Read threads"
+  },
+  "scopes.threadRead.label": {
+    "message": "Read threads"
+  },
+  "scopes.threadWrite.description": {
+    "message": "Write to threads"
+  },
+  "scopes.threadWrite.label": {
+    "message": "Write threads"
+  },
+  "scopes.userAuthWrite.description": {
+    "message": "Modify your authentication data"
+  },
+  "scopes.userAuthWrite.label": {
+    "message": "Write auth data"
+  },
+  "scopes.userDelete.description": {
+    "message": "Delete your account"
+  },
+  "scopes.userDelete.label": {
+    "message": "Delete your account"
+  },
+  "scopes.userRead.description": {
+    "message": "Access your public profile information"
+  },
+  "scopes.userRead.label": {
+    "message": "Read user data"
+  },
+  "scopes.userReadEmail.description": {
+    "message": "Read your email"
+  },
+  "scopes.userReadEmail.label": {
+    "message": "Read user email"
+  },
+  "scopes.userWrite.description": {
+    "message": "Write to your profile"
+  },
+  "scopes.userWrite.label": {
+    "message": "Write user data"
+  },
+  "scopes.versionCreate.description": {
+    "message": "Create new versions"
+  },
+  "scopes.versionCreate.label": {
+    "message": "Create versions"
+  },
+  "scopes.versionDelete.description": {
+    "message": "Delete a version"
+  },
+  "scopes.versionDelete.label": {
+    "message": "Delete versions"
+  },
+  "scopes.versionRead.description": {
+    "message": "Read all versions"
+  },
+  "scopes.versionRead.label": {
+    "message": "Read versions"
+  },
+  "scopes.versionWrite.description": {
+    "message": "Write to version data"
+  },
+  "scopes.versionWrite.label": {
+    "message": "Write versions"
+  },
+  "search.filter.game-version-shader-message": {
+    "message": "Shader packs for older versions most likely work on newer versions with only minor issues."
+  },
+  "search.filter.locked.server": {
+    "message": "Provided by the server"
+  },
+  "search.filter.locked.server-game-version.title": {
+    "message": "Game version is provided by the server"
+  },
+  "search.filter.locked.server-loader.title": {
+    "message": "Loader is provided by the server"
+  },
+  "search.filter.locked.server.sync": {
+    "message": "Sync with server"
+  },
+  "servers.backup.restore.in-progress.tooltip": {
+    "message": "Backup restore in progress"
+  },
+  "servers.notice.actions": {
+    "message": "Actions"
+  },
+  "servers.notice.begins": {
+    "message": "Begins"
+  },
+  "servers.notice.dismissable": {
+    "message": "Dismissable"
+  },
+  "servers.notice.expires": {
+    "message": "Expires"
+  },
+  "servers.notice.id": {
+    "message": "ID"
+  },
+  "servers.notice.level": {
+    "message": "Level"
+  },
+  "servers.notice.undismissable": {
+    "message": "Undismissable"
+  },
+  "servers.notices.create-notice": {
+    "message": "Create notice"
+  },
+  "servers.notices.no-notices": {
+    "message": "No notices"
+  },
+  "servers.plan.large.description": {
+    "message": "Ideal for 15–25 players, modpacks, or heavy modding."
+  },
+  "servers.plan.large.name": {
+    "message": "Large"
+  },
+  "servers.plan.medium.description": {
+    "message": "Great for 6–15 players and multiple mods."
+  },
+  "servers.plan.medium.name": {
+    "message": "Medium"
+  },
+  "servers.plan.small.description": {
+    "message": "Perfect for 1–5 friends with a few light mods."
+  },
+  "servers.plan.small.name": {
+    "message": "Small"
+  },
+  "settings.billing.modal.cancel.action": {
+    "message": "Cancel subscription"
+  },
+  "settings.billing.modal.cancel.description": {
+    "message": "This will cancel your subscription. You will retain your perks until the end of the current billing cycle."
+  },
+  "settings.billing.modal.cancel.title": {
+    "message": "Are you sure you want to cancel your subscription?"
+  },
+  "settings.billing.modal.delete.action": {
+    "message": "Remove this payment method"
+  },
+  "settings.billing.modal.delete.description": {
+    "message": "This will remove this payment method forever (like really forever)."
+  },
+  "settings.billing.modal.delete.title": {
+    "message": "Are you sure you want to remove this payment method?"
+  },
+  "settings.billing.payment_method.action.add": {
+    "message": "Add payment method"
+  },
+  "settings.billing.payment_method.action.history": {
+    "message": "View past charges"
+  },
+  "settings.billing.payment_method.action.primary": {
+    "message": "Make primary"
+  },
+  "settings.billing.payment_method.card_expiry": {
+    "message": "Expires {month}/{year}"
+  },
+  "settings.billing.payment_method.none": {
+    "message": "You have not added any payment methods."
+  },
+  "settings.billing.payment_method.primary": {
+    "message": "Primary"
+  },
+  "settings.billing.payment_method.title": {
+    "message": "Payment methods"
+  },
+  "settings.billing.pyro_subscription.description": {
+    "message": "Manage your Modrinth Server subscriptions."
+  },
+  "settings.billing.pyro_subscription.title": {
+    "message": "Modrinth Server Subscriptions"
+  },
+  "settings.billing.subscription.description": {
+    "message": "Manage your Modrinth subscriptions."
+  },
+  "settings.billing.subscription.title": {
+    "message": "Subscriptions"
+  },
+  "settings.display.banner.developer-mode.button": {
+    "message": "Deactivate developer mode"
+  },
+  "settings.display.banner.developer-mode.description": {
+    "message": "<strong>Developer mode</strong> is active. This will allow you to view the internal IDs of various things throughout Modrinth that may be helpful if you're a developer using the Modrinth API. Click on the Modrinth logo at the bottom of the page 5 times to toggle developer mode."
+  },
+  "settings.display.flags.description": {
+    "message": "Enable or disable certain features on this device."
+  },
+  "settings.display.flags.title": {
+    "message": "Toggle features"
+  },
+  "settings.display.project-list-layouts.datapack": {
+    "message": "Data Packs page"
+  },
+  "settings.display.project-list-layouts.description": {
+    "message": "Select your preferred layout for each page that displays project lists on this device."
+  },
+  "settings.display.project-list-layouts.mod": {
+    "message": "Mods page"
+  },
+  "settings.display.project-list-layouts.modpack": {
+    "message": "Modpacks page"
+  },
+  "settings.display.project-list-layouts.plugin": {
+    "message": "Plugins page"
+  },
+  "settings.display.project-list-layouts.resourcepack": {
+    "message": "Resource Packs page"
+  },
+  "settings.display.project-list-layouts.shader": {
+    "message": "Shaders page"
+  },
+  "settings.display.project-list-layouts.title": {
+    "message": "Project list layouts"
+  },
+  "settings.display.project-list-layouts.user": {
+    "message": "User profile pages"
+  },
+  "settings.display.project-list.layouts.collection": {
+    "message": "Collection"
+  },
+  "settings.display.sidebar.advanced-rendering.description": {
+    "message": "Enables advanced rendering such as blur effects that may cause performance issues without hardware-accelerated rendering."
+  },
+  "settings.display.sidebar.advanced-rendering.title": {
+    "message": "Advanced rendering"
+  },
+  "settings.display.sidebar.external-links-new-tab.description": {
+    "message": "Make links which go outside of Modrinth open in a new tab. No matter this setting, links on the same domain and in Markdown descriptions will open in the same tab, and links on ads and edit pages will open in a new tab."
+  },
+  "settings.display.sidebar.external-links-new-tab.title": {
+    "message": "Open external links in new tab"
+  },
+  "settings.display.sidebar.hide-app-promos.description": {
+    "message": "Hides the \"Get Modrinth App\" buttons from primary navigation. The Modrinth App page can still be found on the landing page or in the footer."
+  },
+  "settings.display.sidebar.hide-app-promos.title": {
+    "message": "Hide Modrinth App promotions"
+  },
+  "settings.display.sidebar.left-aligned-content-sidebar.title": {
+    "message": "Left-aligned sidebar on content pages"
+  },
+  "settings.display.sidebar.right-aligned-content-sidebar.description": {
+    "message": "Aligns the sidebar to the left of the page's content."
+  },
+  "settings.display.sidebar.right-aligned-filters-sidebar.description": {
+    "message": "Aligns the filters sidebar to the right of the search results."
+  },
+  "settings.display.sidebar.right-aligned-filters-sidebar.title": {
+    "message": "Right-aligned filters sidebar on search pages"
+  },
+  "settings.display.theme.description": {
+    "message": "Select your preferred color theme for Modrinth on this device."
+  },
+  "settings.display.theme.title": {
+    "message": "Color theme"
+  },
+  "settings.pats.action.create": {
+    "message": "Create a PAT"
+  },
+  "settings.pats.description": {
+    "message": "PATs can be used to access Modrinth's API. For more information, see <doc-link>Modrinth's API documentation</doc-link>. They can be created and revoked at any time."
+  },
+  "settings.pats.modal.create.action": {
+    "message": "Create PAT"
+  },
+  "settings.pats.modal.create.expires.label": {
+    "message": "Expires"
+  },
+  "settings.pats.modal.create.name.label": {
+    "message": "Name"
+  },
+  "settings.pats.modal.create.name.placeholder": {
+    "message": "Enter the PAT's name..."
+  },
+  "settings.pats.modal.create.title": {
+    "message": "Create personal access token"
+  },
+  "settings.pats.modal.delete.action": {
+    "message": "Delete this token"
+  },
+  "settings.pats.modal.delete.description": {
+    "message": "This will remove this token forever (like really forever)."
+  },
+  "settings.pats.modal.delete.title": {
+    "message": "Are you sure you want to delete this token?"
+  },
+  "settings.pats.modal.edit.title": {
+    "message": "Edit personal access token"
+  },
+  "settings.pats.token.action.edit": {
+    "message": "Edit token"
+  },
+  "settings.pats.token.action.revoke": {
+    "message": "Revoke token"
+  },
+  "settings.pats.token.expired-ago": {
+    "message": "Expired {ago}"
+  },
+  "settings.pats.token.expires-in": {
+    "message": "Expires {inTime}"
+  },
+  "settings.pats.token.last-used": {
+    "message": "Last used {ago}"
+  },
+  "settings.pats.token.never-used": {
+    "message": "Never used"
+  },
+  "settings.profile.bio.description": {
+    "message": "A short description to tell everyone a little bit about you."
+  },
+  "settings.profile.bio.title": {
+    "message": "Bio"
+  },
+  "settings.profile.description": {
+    "message": "Your profile information is publicly viewable on Modrinth and through the <docs-link>Modrinth API</docs-link>."
+  },
+  "settings.profile.profile-info": {
+    "message": "Profile information"
+  },
+  "settings.profile.profile-picture.title": {
+    "message": "Profile picture"
+  },
+  "settings.profile.username.description": {
+    "message": "A unique case-insensitive name to identify your profile."
+  },
+  "settings.sessions.action.revoke-session": {
+    "message": "Revoke session"
+  },
+  "settings.sessions.created-ago": {
+    "message": "Created {ago}"
+  },
+  "settings.sessions.current-session": {
+    "message": "Current session"
+  },
+  "settings.sessions.description": {
+    "message": "Here are all the devices that are currently logged in with your Modrinth account. You can log out of each one individually.\n\nIf you see an entry you don't recognize, log out of that device and change your Modrinth account password immediately."
+  },
+  "settings.sessions.last-accessed-ago": {
+    "message": "Last accessed {ago}"
+  },
+  "settings.sessions.unknown-os": {
+    "message": "Unknown OS"
+  },
+  "settings.sessions.unknown-platform": {
+    "message": "Unknown platform"
+  },
+  "ui.latest-news-row.latest-news": {
+    "message": "Latest news from Modrinth"
+  },
+  "ui.latest-news-row.view-all": {
+    "message": "View all news"
+  },
+  "version.environment.none.description": {
+    "message": "The environment for this version has not been specified."
+  },
+  "version.environment.none.title": {
+    "message": "No environment set"
+  },
+  "version.environment.unknown.description": {
+    "message": "The environment: \"{environment}\" is not recognized."
+  },
+  "version.environment.unknown.title": {
+    "message": "Unknown environment"
+  }
 }
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 65f02a7f6c..129d213fa4 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -33,10 +33,10 @@
 
 			<Table
 				v-if="mockVersions.length > 0"
-				:columns="columns"
-				:data="mockVersions"
 				v-model:sort-column="sortColumn"
 				v-model:sort-direction="sortDirection"
+				:columns="columns"
+				:data="mockVersions"
 			>
 				<template #cell-name="{ row }">
 					<div class="flex items-center gap-2">
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index cbe38deddb..e6346fa24a 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -250,8 +250,8 @@
 						<label for="server-version">
 							<span class="label__title">Supported versions</span>
 							<McVersionPicker
-								noHeader
 								v-model="supportedGameVersions"
+								no-header
 								:game-versions="gameVersions"
 								:disabled="!hasPermission"
 							/>
@@ -450,8 +450,8 @@ import {
 } from '@modrinth/ui'
 import { formatProjectStatus, formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
-import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 
+import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 import FileInput from '~/components/ui/FileInput.vue'
 import { useFormattedCountries } from '~/composables/country.ts'
 import { useFeatureFlags } from '~/composables/featureFlags.ts'
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index 22569d9b31..d960a5f4da 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -3,8 +3,6 @@
 
 import type { FunctionalComponent, SVGAttributes } from 'vue'
 
-export type IconComponent = FunctionalComponent<SVGAttributes>
-
 import _AffiliateIcon from './icons/affiliate.svg?component'
 import _AlignLeftIcon from './icons/align-left.svg?component'
 import _ArchiveIcon from './icons/archive.svg?component'
@@ -327,6 +325,8 @@ import _XCircleIcon from './icons/x-circle.svg?component'
 import _ZoomInIcon from './icons/zoom-in.svg?component'
 import _ZoomOutIcon from './icons/zoom-out.svg?component'
 
+export type IconComponent = FunctionalComponent<SVGAttributes>
+
 export const AffiliateIcon = _AffiliateIcon
 export const AlignLeftIcon = _AlignLeftIcon
 export const ArchiveIcon = _ArchiveIcon
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index f9c0f64278..63fc6904f9 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -1,1595 +1,1691 @@
 {
-	"affiliate.create.button": {
-		"defaultMessage": "Create affiliate link"
-	},
-	"affiliate.create.header": {
-		"defaultMessage": "Creating new affiliate code"
-	},
-	"affiliate.create.title.description": {
-		"defaultMessage": "Give your affiliate link a name so you know where people are coming from!"
-	},
-	"affiliate.create.title.label": {
-		"defaultMessage": "Title of affiliate link"
-	},
-	"affiliate.create.title.placeholder": {
-		"defaultMessage": "e.g. YouTube"
-	},
-	"affiliate.create.user.description": {
-		"defaultMessage": "The username of the user to create the affiliate code for"
-	},
-	"affiliate.create.user.placeholder": {
-		"defaultMessage": "Enter username..."
-	},
-	"affiliate.createdBy": {
-		"defaultMessage": "Created by {user}"
-	},
-	"affiliate.creating.button": {
-		"defaultMessage": "Creating affiliate link..."
-	},
-	"affiliate.revoke": {
-		"defaultMessage": "Revoke affiliate link"
-	},
-	"affiliate.viewAnalytics": {
-		"defaultMessage": "View analytics"
-	},
-	"badge.beta": {
-		"defaultMessage": "Beta"
-	},
-	"badge.beta-release": {
-		"defaultMessage": "Beta Release"
-	},
-	"badge.new": {
-		"defaultMessage": "New"
-	},
-	"button.accept": {
-		"defaultMessage": "Accept"
-	},
-	"button.affiliate-links": {
-		"defaultMessage": "Affiliate links"
-	},
-	"button.analytics": {
-		"defaultMessage": "Analytics"
-	},
-	"button.back": {
-		"defaultMessage": "Back"
-	},
-	"button.cancel": {
-		"defaultMessage": "Cancel"
-	},
-	"button.clear": {
-		"defaultMessage": "Clear"
-	},
-	"button.close": {
-		"defaultMessage": "Close"
-	},
-	"button.continue": {
-		"defaultMessage": "Continue"
-	},
-	"button.copy-id": {
-		"defaultMessage": "Copy ID"
-	},
-	"button.copy-permalink": {
-		"defaultMessage": "Copy permanent link"
-	},
-	"button.create-a-project": {
-		"defaultMessage": "Create a project"
-	},
-	"button.decline": {
-		"defaultMessage": "Decline"
-	},
-	"button.download": {
-		"defaultMessage": "Download"
-	},
-	"button.downloading": {
-		"defaultMessage": "Downloading"
-	},
-	"button.edit": {
-		"defaultMessage": "Edit"
-	},
-	"button.follow": {
-		"defaultMessage": "Follow"
-	},
-	"button.max": {
-		"defaultMessage": "Max"
-	},
-	"button.more-options": {
-		"defaultMessage": "More options"
-	},
-	"button.next": {
-		"defaultMessage": "Next"
-	},
-	"button.open-folder": {
-		"defaultMessage": "Open folder"
-	},
-	"button.play": {
-		"defaultMessage": "Play"
-	},
-	"button.refresh": {
-		"defaultMessage": "Refresh"
-	},
-	"button.remove": {
-		"defaultMessage": "Remove"
-	},
-	"button.remove-image": {
-		"defaultMessage": "Remove image"
-	},
-	"button.report": {
-		"defaultMessage": "Report"
-	},
-	"button.reset": {
-		"defaultMessage": "Reset"
-	},
-	"button.retry": {
-		"defaultMessage": "Retry"
-	},
-	"button.save": {
-		"defaultMessage": "Save"
-	},
-	"button.save-changes": {
-		"defaultMessage": "Save changes"
-	},
-	"button.saving": {
-		"defaultMessage": "Saving"
-	},
-	"button.sign-in": {
-		"defaultMessage": "Sign in"
-	},
-	"button.sign-out": {
-		"defaultMessage": "Sign out"
-	},
-	"button.sign-up": {
-		"defaultMessage": "Sign up"
-	},
-	"button.stop": {
-		"defaultMessage": "Stop"
-	},
-	"button.unfollow": {
-		"defaultMessage": "Unfollow"
-	},
-	"button.update": {
-		"defaultMessage": "Update"
-	},
-	"button.upload-image": {
-		"defaultMessage": "Upload image"
-	},
-	"changelog.justNow": {
-		"defaultMessage": "Just now"
-	},
-	"changelog.product.api": {
-		"defaultMessage": "API"
-	},
-	"changelog.product.app": {
-		"defaultMessage": "App"
-	},
-	"changelog.product.hosting": {
-		"defaultMessage": "Hosting"
-	},
-	"changelog.product.web": {
-		"defaultMessage": "Website"
-	},
-	"collections.label.private": {
-		"defaultMessage": "Private"
-	},
-	"form.label.address-line": {
-		"defaultMessage": "Address line"
-	},
-	"form.label.address-line-2": {
-		"defaultMessage": "Address line 2 (optional)"
-	},
-	"form.label.amount": {
-		"defaultMessage": "Amount"
-	},
-	"form.label.bank-name": {
-		"defaultMessage": "Bank name"
-	},
-	"form.label.business-name": {
-		"defaultMessage": "Business name"
-	},
-	"form.label.city": {
-		"defaultMessage": "City"
-	},
-	"form.label.country": {
-		"defaultMessage": "Country"
-	},
-	"form.label.date-of-birth": {
-		"defaultMessage": "Date of birth"
-	},
-	"form.label.email": {
-		"defaultMessage": "Email"
-	},
-	"form.label.first-name": {
-		"defaultMessage": "First name"
-	},
-	"form.label.last-name": {
-		"defaultMessage": "Last name"
-	},
-	"form.label.postal-code": {
-		"defaultMessage": "Postal code/ZIP code"
-	},
-	"form.label.state-province": {
-		"defaultMessage": "State/province"
-	},
-	"form.placeholder.address": {
-		"defaultMessage": "Enter address"
-	},
-	"form.placeholder.address-2": {
-		"defaultMessage": "Apartment, suite, etc."
-	},
-	"form.placeholder.amount": {
-		"defaultMessage": "Enter amount"
-	},
-	"form.placeholder.bank-name": {
-		"defaultMessage": "Enter bank name"
-	},
-	"form.placeholder.bank-name-dropdown": {
-		"defaultMessage": "Select bank name"
-	},
-	"form.placeholder.business-name": {
-		"defaultMessage": "Enter business name"
-	},
-	"form.placeholder.city": {
-		"defaultMessage": "Enter city"
-	},
-	"form.placeholder.country": {
-		"defaultMessage": "Select country"
-	},
-	"form.placeholder.email": {
-		"defaultMessage": "Enter email address"
-	},
-	"form.placeholder.first-name": {
-		"defaultMessage": "Enter first name"
-	},
-	"form.placeholder.last-name": {
-		"defaultMessage": "Enter last name"
-	},
-	"form.placeholder.postal-code": {
-		"defaultMessage": "Enter postal code"
-	},
-	"form.placeholder.state": {
-		"defaultMessage": "Enter state/province"
-	},
-	"hosting.specs.burst": {
-		"defaultMessage": "Bursts up to {cpus} CPUs"
-	},
-	"hosting.specs.burst.tooltip": {
-		"defaultMessage": "CPU bursting allows your server to temporarily use additional threads to help mitigate TPS spikes. Click for more info."
-	},
-	"hosting.specs.gb-ram": {
-		"defaultMessage": "{ram} GB RAM"
-	},
-	"hosting.specs.gb-storage": {
-		"defaultMessage": "{storage} GB Storage"
-	},
-	"hosting.specs.shared-cpus": {
-		"defaultMessage": "{cpus} Shared CPUs"
-	},
-	"icon-select.edit": {
-		"defaultMessage": "Edit icon"
-	},
-	"icon-select.remove": {
-		"defaultMessage": "Remove icon"
-	},
-	"icon-select.replace": {
-		"defaultMessage": "Replace icon"
-	},
-	"icon-select.select": {
-		"defaultMessage": "Select icon"
-	},
-	"input.search.placeholder": {
-		"defaultMessage": "Search..."
-	},
-	"input.view.gallery": {
-		"defaultMessage": "Gallery view"
-	},
-	"input.view.grid": {
-		"defaultMessage": "Grid view"
-	},
-	"input.view.list": {
-		"defaultMessage": "Rows view"
-	},
-	"instance.worlds.game_mode.adventure": {
-		"defaultMessage": "Adventure mode"
-	},
-	"instance.worlds.game_mode.creative": {
-		"defaultMessage": "Creative mode"
-	},
-	"instance.worlds.game_mode.spectator": {
-		"defaultMessage": "Spectator mode"
-	},
-	"instance.worlds.game_mode.survival": {
-		"defaultMessage": "Survival mode"
-	},
-	"instance.worlds.game_mode.unknown": {
-		"defaultMessage": "Unknown game mode"
-	},
-	"instances.modpack-card.unlink": {
-		"defaultMessage": "Unlink modpack"
-	},
-	"instances.updater-modal.badge.current": {
-		"defaultMessage": "Current"
-	},
-	"instances.updater-modal.badge.incompatible": {
-		"defaultMessage": "Incompatible"
-	},
-	"instances.updater-modal.downgrade-to": {
-		"defaultMessage": "Downgrade to v{version}"
-	},
-	"instances.updater-modal.header": {
-		"defaultMessage": "Update version"
-	},
-	"instances.updater-modal.hide-incompatible": {
-		"defaultMessage": "Hide incompatible"
-	},
-	"instances.updater-modal.no-changelog": {
-		"defaultMessage": "No changelog provided for this version."
-	},
-	"instances.updater-modal.no-versions": {
-		"defaultMessage": "No versions found"
-	},
-	"instances.updater-modal.search-placeholder": {
-		"defaultMessage": "Search version..."
-	},
-	"instances.updater-modal.select-version": {
-		"defaultMessage": "Select a version to view its changelog"
-	},
-	"instances.updater-modal.show-incompatible": {
-		"defaultMessage": "Show incompatible"
-	},
-	"instances.updater-modal.update-to": {
-		"defaultMessage": "Update to v{version}"
-	},
-	"instances.updater-modal.warning.app": {
-		"defaultMessage": "We can't guarantee updates are safe for your instance. Review the changelog for all intermediate versions and consider a backup."
-	},
-	"instances.updater-modal.warning.web": {
-		"defaultMessage": "We can't guarantee updates are safe for your worlds. Review the changelog for all intermediate versions and consider a backup."
-	},
-	"label.actions": {
-		"defaultMessage": "Actions"
-	},
-	"label.available": {
-		"defaultMessage": "{amount} available."
-	},
-	"label.changelog": {
-		"defaultMessage": "Changelog"
-	},
-	"label.changes-saved": {
-		"defaultMessage": "Changes saved"
-	},
-	"label.collections": {
-		"defaultMessage": "Collections"
-	},
-	"label.confirm-password": {
-		"defaultMessage": "Confirm password"
-	},
-	"label.content": {
-		"defaultMessage": "Content"
-	},
-	"label.created-ago": {
-		"defaultMessage": "Created {ago}"
-	},
-	"label.dashboard": {
-		"defaultMessage": "Dashboard"
-	},
-	"label.delete": {
-		"defaultMessage": "Delete"
-	},
-	"label.description": {
-		"defaultMessage": "Description"
-	},
-	"label.details": {
-		"defaultMessage": "Details"
-	},
-	"label.email": {
-		"defaultMessage": "Email"
-	},
-	"label.email-username": {
-		"defaultMessage": "Email or username"
-	},
-	"label.error": {
-		"defaultMessage": "Error"
-	},
-	"label.filter-by": {
-		"defaultMessage": "Filter by"
-	},
-	"label.followed-projects": {
-		"defaultMessage": "Followed projects"
-	},
-	"label.loading": {
-		"defaultMessage": "Loading..."
-	},
-	"label.moderation": {
-		"defaultMessage": "Moderation"
-	},
-	"label.no": {
-		"defaultMessage": "No"
-	},
-	"label.no-items": {
-		"defaultMessage": "No items"
-	},
-	"label.notifications": {
-		"defaultMessage": "Notifications"
-	},
-	"label.or": {
-		"defaultMessage": "or"
-	},
-	"label.password": {
-		"defaultMessage": "Password"
-	},
-	"label.played": {
-		"defaultMessage": "Played {time}"
-	},
-	"label.project": {
-		"defaultMessage": "Project"
-	},
-	"label.public": {
-		"defaultMessage": "Public"
-	},
-	"label.rejected": {
-		"defaultMessage": "Rejected"
-	},
-	"label.rewards-program-terms-agreement": {
-		"defaultMessage": "I agree to the <terms-link>Rewards Program Terms</terms-link>"
-	},
-	"label.saved": {
-		"defaultMessage": "Saved"
-	},
-	"label.scopes": {
-		"defaultMessage": "Scopes"
-	},
-	"label.search": {
-		"defaultMessage": "Search"
-	},
-	"label.server": {
-		"defaultMessage": "Server"
-	},
-	"label.servers": {
-		"defaultMessage": "Servers"
-	},
-	"label.settings": {
-		"defaultMessage": "Settings"
-	},
-	"label.singleplayer": {
-		"defaultMessage": "Singleplayer"
-	},
-	"label.sort-by": {
-		"defaultMessage": "Sort by"
-	},
-	"label.success": {
-		"defaultMessage": "Success"
-	},
-	"label.title": {
-		"defaultMessage": "Title"
-	},
-	"label.unlisted": {
-		"defaultMessage": "Unlisted"
-	},
-	"label.update-available": {
-		"defaultMessage": "Update available"
-	},
-	"label.username": {
-		"defaultMessage": "Username"
-	},
-	"label.version": {
-		"defaultMessage": "Version"
-	},
-	"label.visibility": {
-		"defaultMessage": "Visibility"
-	},
-	"label.visit-your-profile": {
-		"defaultMessage": "Visit your profile"
-	},
-	"label.yes": {
-		"defaultMessage": "Yes"
-	},
-	"modal.add-payment-method.action": {
-		"defaultMessage": "Add payment method"
-	},
-	"modal.add-payment-method.title": {
-		"defaultMessage": "Adding a payment method"
-	},
-	"notification.error.title": {
-		"defaultMessage": "An error occurred"
-	},
-	"omorphia.component.badge.label.accepted": {
-		"defaultMessage": "Accepted"
-	},
-	"omorphia.component.badge.label.approved": {
-		"defaultMessage": "Approved"
-	},
-	"omorphia.component.badge.label.archived": {
-		"defaultMessage": "Archived"
-	},
-	"omorphia.component.badge.label.closed": {
-		"defaultMessage": "Closed"
-	},
-	"omorphia.component.badge.label.creator": {
-		"defaultMessage": "Creator"
-	},
-	"omorphia.component.badge.label.draft": {
-		"defaultMessage": "Draft"
-	},
-	"omorphia.component.badge.label.failed": {
-		"defaultMessage": "Failed"
-	},
-	"omorphia.component.badge.label.listed": {
-		"defaultMessage": "Listed"
-	},
-	"omorphia.component.badge.label.moderator": {
-		"defaultMessage": "Moderator"
-	},
-	"omorphia.component.badge.label.modrinth-team": {
-		"defaultMessage": "Modrinth Team"
-	},
-	"omorphia.component.badge.label.pending": {
-		"defaultMessage": "Pending"
-	},
-	"omorphia.component.badge.label.private": {
-		"defaultMessage": "Private"
-	},
-	"omorphia.component.badge.label.processed": {
-		"defaultMessage": "Processed"
-	},
-	"omorphia.component.badge.label.rejected": {
-		"defaultMessage": "Rejected"
-	},
-	"omorphia.component.badge.label.returned": {
-		"defaultMessage": "Returned"
-	},
-	"omorphia.component.badge.label.safe": {
-		"defaultMessage": "Pass"
-	},
-	"omorphia.component.badge.label.scheduled": {
-		"defaultMessage": "Scheduled"
-	},
-	"omorphia.component.badge.label.under-review": {
-		"defaultMessage": "Under review"
-	},
-	"omorphia.component.badge.label.unlisted": {
-		"defaultMessage": "Unlisted"
-	},
-	"omorphia.component.badge.label.unsafe": {
-		"defaultMessage": "Fail"
-	},
-	"omorphia.component.badge.label.withheld": {
-		"defaultMessage": "Withheld"
-	},
-	"omorphia.component.copy.action.copy": {
-		"defaultMessage": "Copy code to clipboard"
-	},
-	"omorphia.component.environment-indicator.label.client": {
-		"defaultMessage": "Client"
-	},
-	"omorphia.component.environment-indicator.label.client-and-server": {
-		"defaultMessage": "Client and server"
-	},
-	"omorphia.component.environment-indicator.label.client-or-server": {
-		"defaultMessage": "Client or server"
-	},
-	"omorphia.component.environment-indicator.label.server": {
-		"defaultMessage": "Server"
-	},
-	"omorphia.component.environment-indicator.label.type": {
-		"defaultMessage": "A {type}"
-	},
-	"omorphia.component.environment-indicator.label.unsupported": {
-		"defaultMessage": "Unsupported"
-	},
-	"payment-method.amazon_pay": {
-		"defaultMessage": "Amazon Pay"
-	},
-	"payment-method.amex": {
-		"defaultMessage": "American Express"
-	},
-	"payment-method.card_display": {
-		"defaultMessage": "{card_brand} ending in {last_four}"
-	},
-	"payment-method.cashapp": {
-		"defaultMessage": "Cash App"
-	},
-	"payment-method.charity": {
-		"defaultMessage": "Charity"
-	},
-	"payment-method.charity-plural": {
-		"defaultMessage": "Charities"
-	},
-	"payment-method.diners": {
-		"defaultMessage": "Diners Club"
-	},
-	"payment-method.discover": {
-		"defaultMessage": "Discover"
-	},
-	"payment-method.eftpos": {
-		"defaultMessage": "EFTPOS"
-	},
-	"payment-method.gift-card": {
-		"defaultMessage": "Gift card"
-	},
-	"payment-method.gift-card-plural": {
-		"defaultMessage": "Gift cards"
-	},
-	"payment-method.jcb": {
-		"defaultMessage": "JCB"
-	},
-	"payment-method.mastercard": {
-		"defaultMessage": "MasterCard"
-	},
-	"payment-method.paypal": {
-		"defaultMessage": "PayPal"
-	},
-	"payment-method.paypal_international": {
-		"defaultMessage": "PayPal International"
-	},
-	"payment-method.unionpay": {
-		"defaultMessage": "UnionPay"
-	},
-	"payment-method.unknown": {
-		"defaultMessage": "Unknown payment method"
-	},
-	"payment-method.venmo": {
-		"defaultMessage": "Venmo"
-	},
-	"payment-method.virtual-visa": {
-		"defaultMessage": "Virtual Visa"
-	},
-	"payment-method.virtual-visa-plural": {
-		"defaultMessage": "Virtual Visas"
-	},
-	"payment-method.visa": {
-		"defaultMessage": "Visa"
-	},
-	"project-type.all": {
-		"defaultMessage": "All"
-	},
-	"project-type.datapack.capital": {
-		"defaultMessage": "{count, plural, one {Data Pack} other {Data Packs}}"
-	},
-	"project-type.datapack.category": {
-		"defaultMessage": "Data Packs"
-	},
-	"project-type.datapack.lowercase": {
-		"defaultMessage": "{count, plural, one {data pack} other {data packs}}"
-	},
-	"project-type.mod.capital": {
-		"defaultMessage": "{count, plural, one {Mod} other {Mods}}"
-	},
-	"project-type.mod.category": {
-		"defaultMessage": "Mods"
-	},
-	"project-type.mod.lowercase": {
-		"defaultMessage": "{count, plural, one {mod} other {mods}}"
-	},
-	"project-type.modpack.capital": {
-		"defaultMessage": "{count, plural, one {Modpack} other {Modpacks}}"
-	},
-	"project-type.modpack.category": {
-		"defaultMessage": "Modpacks"
-	},
-	"project-type.modpack.lowercase": {
-		"defaultMessage": "{count, plural, one {modpack} other {modpacks}}"
-	},
-	"project-type.plugin.capital": {
-		"defaultMessage": "{count, plural, one {Plugin} other {Plugins}}"
-	},
-	"project-type.plugin.category": {
-		"defaultMessage": "Plugins"
-	},
-	"project-type.plugin.lowercase": {
-		"defaultMessage": "{count, plural, one {plugin} other {plugins}}"
-	},
-	"project-type.project.category": {
-		"defaultMessage": "Projects"
-	},
-	"project-type.project.lowercase": {
-		"defaultMessage": "{count, plural, one {project} other {projects}}"
-	},
-	"project-type.resourcepack.capital": {
-		"defaultMessage": "{count, plural, one {Resource Pack} other {Resource Packs}}"
-	},
-	"project-type.resourcepack.category": {
-		"defaultMessage": "Resource Packs"
-	},
-	"project-type.resourcepack.lowercase": {
-		"defaultMessage": "{count, plural, one {resource pack} other {resource packs}}"
-	},
-	"project-type.server.capital": {
-		"defaultMessage": "{count, plural, one {Server} other {Servers}}"
-	},
-	"project-type.server.category": {
-		"defaultMessage": "Servers"
-	},
-	"project-type.server.lowercase": {
-		"defaultMessage": "{count, plural, one {server} other {servers}}"
-	},
-	"project-type.shader.capital": {
-		"defaultMessage": "{count, plural, one {Shader} other {Shaders}}"
-	},
-	"project-type.shader.category": {
-		"defaultMessage": "Shaders"
-	},
-	"project-type.shader.lowercase": {
-		"defaultMessage": "{count, plural, one {shader} other {shaders}}"
-	},
-	"project.about.compatibility.environments": {
-		"defaultMessage": "Supported environments"
-	},
-	"project.about.compatibility.environments.client-and-server": {
-		"defaultMessage": "Client and server"
-	},
-	"project.about.compatibility.environments.client-side": {
-		"defaultMessage": "Client-side"
-	},
-	"project.about.compatibility.environments.dedicated-servers-only": {
-		"defaultMessage": "Dedicated servers only"
-	},
-	"project.about.compatibility.environments.server-side": {
-		"defaultMessage": "Server-side"
-	},
-	"project.about.compatibility.environments.singleplayer": {
-		"defaultMessage": "Singleplayer"
-	},
-	"project.about.compatibility.environments.singleplayer-only": {
-		"defaultMessage": "Singleplayer only"
-	},
-	"project.about.compatibility.game.minecraftJava": {
-		"defaultMessage": "Minecraft: Java Edition"
-	},
-	"project.about.compatibility.platforms": {
-		"defaultMessage": "Platforms"
-	},
-	"project.about.compatibility.title": {
-		"defaultMessage": "Compatibility"
-	},
-	"project.about.creators.owner": {
-		"defaultMessage": "Project owner"
-	},
-	"project.about.creators.title": {
-		"defaultMessage": "Creators"
-	},
-	"project.about.details.created": {
-		"defaultMessage": "Created {date}"
-	},
-	"project.about.details.licensed": {
-		"defaultMessage": "Licensed {license}"
-	},
-	"project.about.details.published": {
-		"defaultMessage": "Published {date}"
-	},
-	"project.about.details.submitted": {
-		"defaultMessage": "Submitted {date}"
-	},
-	"project.about.details.updated": {
-		"defaultMessage": "Updated {date}"
-	},
-	"project.about.links.discord": {
-		"defaultMessage": "Join Discord server"
-	},
-	"project.about.links.donate.bmac": {
-		"defaultMessage": "Buy Me a Coffee"
-	},
-	"project.about.links.donate.generic": {
-		"defaultMessage": "Donate"
-	},
-	"project.about.links.donate.github": {
-		"defaultMessage": "Sponsor on GitHub"
-	},
-	"project.about.links.donate.kofi": {
-		"defaultMessage": "Donate on Ko-fi"
-	},
-	"project.about.links.donate.patreon": {
-		"defaultMessage": "Donate on Patreon"
-	},
-	"project.about.links.donate.paypal": {
-		"defaultMessage": "Donate on PayPal"
-	},
-	"project.about.links.issues": {
-		"defaultMessage": "Report issues"
-	},
-	"project.about.links.source": {
-		"defaultMessage": "View source"
-	},
-	"project.about.links.title": {
-		"defaultMessage": "Links"
-	},
-	"project.about.links.wiki": {
-		"defaultMessage": "Visit wiki"
-	},
-	"project.environment.client-and-server.description": {
-		"defaultMessage": "Has some functionality on both the client and server, even if only partially."
-	},
-	"project.environment.client-and-server.title": {
-		"defaultMessage": "Client and server, required on both"
-	},
-	"project.environment.client-only-server-optional.description": {
-		"defaultMessage": "Has some functionality on both the client and server, even if only partially."
-	},
-	"project.environment.client-only-server-optional.title": {
-		"defaultMessage": "Client and server, optional on server"
-	},
-	"project.environment.client-only.description": {
-		"defaultMessage": "All functionality is done client-side and is compatible with vanilla servers."
-	},
-	"project.environment.client-only.title": {
-		"defaultMessage": "Client-side only"
-	},
-	"project.environment.client-or-server-prefers-both.description": {
-		"defaultMessage": "Has some functionality on both the client and server, even if only partially."
-	},
-	"project.environment.client-or-server-prefers-both.title": {
-		"defaultMessage": "Client and server, best when installed on both"
-	},
-	"project.environment.client-or-server.description": {
-		"defaultMessage": "Has some functionality on both the client and server, even if only partially."
-	},
-	"project.environment.client-or-server.title": {
-		"defaultMessage": "Client and server, optional on both"
-	},
-	"project.environment.dedicated-server-only.description": {
-		"defaultMessage": "All functionality is done server-side and is compatible with vanilla clients."
-	},
-	"project.environment.dedicated-server-only.title": {
-		"defaultMessage": "Server-side only"
-	},
-	"project.environment.server-only-client-optional.description": {
-		"defaultMessage": "Has some functionality on both the client and server, even if only partially."
-	},
-	"project.environment.server-only-client-optional.title": {
-		"defaultMessage": "Client and server, optional on client"
-	},
-	"project.environment.server-only.description": {
-		"defaultMessage": "All functionality is done server-side and is compatible with vanilla clients."
-	},
-	"project.environment.server-only.title": {
-		"defaultMessage": "Server-side only, works in singleplayer too"
-	},
-	"project.environment.singleplayer-only.description": {
-		"defaultMessage": "Only functions in Singleplayer or when not connected to a Multiplayer server."
-	},
-	"project.environment.singleplayer-only.title": {
-		"defaultMessage": "Singleplayer only"
-	},
-	"project.environment.tag.not-applicable": {
-		"defaultMessage": "N/A"
-	},
-	"project.environment.tag.unknown": {
-		"defaultMessage": "Unknown"
-	},
-	"project.environment.unknown.description": {
-		"defaultMessage": "The environment for this version could not be determined."
-	},
-	"project.environment.unknown.title": {
-		"defaultMessage": "Unknown environment"
-	},
-	"project.settings.analytics.title": {
-		"defaultMessage": "Analytics"
-	},
-	"project.settings.description.title": {
-		"defaultMessage": "Description"
-	},
-	"project.settings.environment.client_and_server.description": {
-		"defaultMessage": "Has some functionality on both the client and server, even if only partially."
-	},
-	"project.settings.environment.client_and_server.optional_both.title": {
-		"defaultMessage": "Optional on both, works the same if installed on either side"
-	},
-	"project.settings.environment.client_and_server.optional_both_prefers_both.title": {
-		"defaultMessage": "Optional on both, works best when installed on both sides"
-	},
-	"project.settings.environment.client_and_server.optional_client.title": {
-		"defaultMessage": "Optional on client"
-	},
-	"project.settings.environment.client_and_server.optional_server.title": {
-		"defaultMessage": "Optional on server"
-	},
-	"project.settings.environment.client_and_server.required_both.title": {
-		"defaultMessage": "Required on both"
-	},
-	"project.settings.environment.client_and_server.title": {
-		"defaultMessage": "Client and server"
-	},
-	"project.settings.environment.client_only.description": {
-		"defaultMessage": "All functionality is done client-side and is compatible with vanilla servers."
-	},
-	"project.settings.environment.client_only.title": {
-		"defaultMessage": "Client-side only"
-	},
-	"project.settings.environment.notice.missing-env.description": {
-		"defaultMessage": "Your project is missing environment metadata, please select the appropriate option below."
-	},
-	"project.settings.environment.notice.missing-env.title": {
-		"defaultMessage": "Please select an environment for your project"
-	},
-	"project.settings.environment.notice.multiple-environments.description": {
-		"defaultMessage": "Different versions of your project have different environments selected, so you can't edit them globally at this time."
-	},
-	"project.settings.environment.notice.multiple-environments.title": {
-		"defaultMessage": "Your project has multiple environments"
-	},
-	"project.settings.environment.notice.review-options.description": {
-		"defaultMessage": "We've just overhauled the Environments system on Modrinth and new options are now available. Please ensure the correct option is selected below and then click 'Verify' when you're done!"
-	},
-	"project.settings.environment.notice.review-options.title": {
-		"defaultMessage": "Please review the options below"
-	},
-	"project.settings.environment.notice.wrong-project-type.description": {
-		"defaultMessage": "Only mod or modpack projects can have environment metadata."
-	},
-	"project.settings.environment.notice.wrong-project-type.title": {
-		"defaultMessage": "This project type does not support environment metadata"
-	},
-	"project.settings.environment.server_only.dedicated_only.title": {
-		"defaultMessage": "Dedicated server only"
-	},
-	"project.settings.environment.server_only.description": {
-		"defaultMessage": "All functionality is done server-side and is compatible with vanilla clients."
-	},
-	"project.settings.environment.server_only.supports_singleplayer.title": {
-		"defaultMessage": "Works in singleplayer too"
-	},
-	"project.settings.environment.server_only.title": {
-		"defaultMessage": "Server-side only"
-	},
-	"project.settings.environment.singleplayer.description": {
-		"defaultMessage": "Only functions in Singleplayer or when not connected to a Multiplayer server."
-	},
-	"project.settings.environment.singleplayer.title": {
-		"defaultMessage": "Singleplayer only"
-	},
-	"project.settings.environment.suboption.accessibility-option-label": {
-		"defaultMessage": "{title}: {description}"
-	},
-	"project.settings.environment.suboption.accessibility-suboption-group-label": {
-		"defaultMessage": "Suboptions of {option}"
-	},
-	"project.settings.environment.title": {
-		"defaultMessage": "Environment"
-	},
-	"project.settings.environment.verification.verify-button": {
-		"defaultMessage": "Verify"
-	},
-	"project.settings.environment.verification.verify-text": {
-		"defaultMessage": "Verify that this project's environment is set correctly."
-	},
-	"project.settings.gallery.title": {
-		"defaultMessage": "Gallery"
-	},
-	"project.settings.general.title": {
-		"defaultMessage": "General"
-	},
-	"project.settings.license.title": {
-		"defaultMessage": "License"
-	},
-	"project.settings.links.title": {
-		"defaultMessage": "Links"
-	},
-	"project.settings.members.title": {
-		"defaultMessage": "Members"
-	},
-	"project.settings.notice.no-permission.description": {
-		"defaultMessage": "You don't have permission to edit this."
-	},
-	"project.settings.notice.no-permission.title": {
-		"defaultMessage": "No permission"
-	},
-	"project.settings.tags.title": {
-		"defaultMessage": "Tags"
-	},
-	"project.settings.upload.title": {
-		"defaultMessage": "Upload"
-	},
-	"project.settings.versions.title": {
-		"defaultMessage": "Versions"
-	},
-	"project.settings.view.title": {
-		"defaultMessage": "View"
-	},
-	"project.versions.channel.alpha.symbol": {
-		"defaultMessage": "A"
-	},
-	"project.versions.channel.beta.symbol": {
-		"defaultMessage": "B"
-	},
-	"project.versions.channel.release.symbol": {
-		"defaultMessage": "R"
-	},
-	"project.visibility.archived": {
-		"defaultMessage": "Archived"
-	},
-	"project.visibility.draft": {
-		"defaultMessage": "Draft"
-	},
-	"project.visibility.private": {
-		"defaultMessage": "Private"
-	},
-	"project.visibility.public": {
-		"defaultMessage": "Public"
-	},
-	"project.visibility.rejected": {
-		"defaultMessage": "Rejected"
-	},
-	"project.visibility.scheduled": {
-		"defaultMessage": "Scheduled"
-	},
-	"project.visibility.under-review": {
-		"defaultMessage": "Under review"
-	},
-	"project.visibility.unknown": {
-		"defaultMessage": "Unknown"
-	},
-	"project.visibility.unlisted": {
-		"defaultMessage": "Unlisted"
-	},
-	"project.visibility.unlisted-by-staff": {
-		"defaultMessage": "Unlisted by staff"
-	},
-	"search.filter.locked.default": {
-		"defaultMessage": "Filter locked"
-	},
-	"search.filter.locked.default.description": {
-		"defaultMessage": "Unlocking this filter may allow you to install incompatible content."
-	},
-	"search.filter.locked.default.sync": {
-		"defaultMessage": "Sync filter"
-	},
-	"search.filter.locked.default.title": {
-		"defaultMessage": "{type} is locked"
-	},
-	"search.filter.locked.default.unlock": {
-		"defaultMessage": "Unlock filter"
-	},
-	"search.filter.option.exclusion.add.tooltip": {
-		"defaultMessage": "Exclude"
-	},
-	"search.filter.option.search.clear.aria_label": {
-		"defaultMessage": "Clear search"
-	},
-	"search.filter.option.search.placeholder": {
-		"defaultMessage": "Search..."
-	},
-	"search.filter.option.show_fewer": {
-		"defaultMessage": "Show fewer"
-	},
-	"search.filter.option.show_more": {
-		"defaultMessage": "Show more"
-	},
-	"search.filter_type.environment": {
-		"defaultMessage": "Environment"
-	},
-	"search.filter_type.environment.client": {
-		"defaultMessage": "Client"
-	},
-	"search.filter_type.environment.server": {
-		"defaultMessage": "Server"
-	},
-	"search.filter_type.game_version": {
-		"defaultMessage": "Game version"
-	},
-	"search.filter_type.game_version.all_versions": {
-		"defaultMessage": "Show all versions"
-	},
-	"search.filter_type.license": {
-		"defaultMessage": "License"
-	},
-	"search.filter_type.license.open_source": {
-		"defaultMessage": "Open source"
-	},
-	"search.filter_type.mod_loader": {
-		"defaultMessage": "Loader"
-	},
-	"search.filter_type.modpack_loader": {
-		"defaultMessage": "Loader"
-	},
-	"search.filter_type.plugin_loader": {
-		"defaultMessage": "Loader"
-	},
-	"search.filter_type.plugin_platform": {
-		"defaultMessage": "Platform"
-	},
-	"search.filter_type.project_id": {
-		"defaultMessage": "Project ID"
-	},
-	"search.filter_type.shader_loader": {
-		"defaultMessage": "Loader"
-	},
-	"servers.backups.item.auto": {
-		"defaultMessage": "Auto"
-	},
-	"servers.backups.item.backup-schedule": {
-		"defaultMessage": "Backup schedule"
-	},
-	"servers.backups.item.creating-backup": {
-		"defaultMessage": "Creating backup..."
-	},
-	"servers.backups.item.failed-to-create-backup": {
-		"defaultMessage": "Failed to create backup"
-	},
-	"servers.backups.item.failed-to-restore-backup": {
-		"defaultMessage": "Failed to restore from backup"
-	},
-	"servers.backups.item.manual-backup": {
-		"defaultMessage": "Manual backup"
-	},
-	"servers.backups.item.queued-for-backup": {
-		"defaultMessage": "Backup queued"
-	},
-	"servers.backups.item.queued-for-restore": {
-		"defaultMessage": "Restore queued"
-	},
-	"servers.backups.item.rename": {
-		"defaultMessage": "Rename"
-	},
-	"servers.backups.item.restore": {
-		"defaultMessage": "Restore"
-	},
-	"servers.backups.item.restoring-backup": {
-		"defaultMessage": "Restoring from backup..."
-	},
-	"servers.notice.dismiss": {
-		"defaultMessage": "Dismiss"
-	},
-	"servers.notice.dismissable": {
-		"defaultMessage": "Dismissable"
-	},
-	"servers.notice.heading.attention": {
-		"defaultMessage": "Attention"
-	},
-	"servers.notice.heading.info": {
-		"defaultMessage": "Info"
-	},
-	"servers.notice.level.critical.name": {
-		"defaultMessage": "Critical"
-	},
-	"servers.notice.level.info.name": {
-		"defaultMessage": "Info"
-	},
-	"servers.notice.level.survey.name": {
-		"defaultMessage": "Survey"
-	},
-	"servers.notice.level.warn.name": {
-		"defaultMessage": "Warning"
-	},
-	"servers.notice.undismissable": {
-		"defaultMessage": "Undismissable"
-	},
-	"servers.purchase.step.payment.description": {
-		"defaultMessage": "You won't be charged yet."
-	},
-	"servers.purchase.step.payment.prompt": {
-		"defaultMessage": "Select a payment method"
-	},
-	"servers.purchase.step.payment.title": {
-		"defaultMessage": "Payment method"
-	},
-	"servers.purchase.step.plan.billed": {
-		"defaultMessage": "billed {interval}"
-	},
-	"servers.purchase.step.plan.custom.desc": {
-		"defaultMessage": "Pick a customized plan with just the specs you need."
-	},
-	"servers.purchase.step.plan.get-started": {
-		"defaultMessage": "Get started"
-	},
-	"servers.purchase.step.plan.large.desc": {
-		"defaultMessage": "Ideal for 15–25 players, modpacks, or heavy modding."
-	},
-	"servers.purchase.step.plan.medium.desc": {
-		"defaultMessage": "Great for 6–15 players and multiple mods."
-	},
-	"servers.purchase.step.plan.most-popular": {
-		"defaultMessage": "Most Popular"
-	},
-	"servers.purchase.step.plan.prompt": {
-		"defaultMessage": "Choose a plan"
-	},
-	"servers.purchase.step.plan.select": {
-		"defaultMessage": "Select Plan"
-	},
-	"servers.purchase.step.plan.small.desc": {
-		"defaultMessage": "Perfect for 1–5 friends with a few light mods."
-	},
-	"servers.purchase.step.plan.subtitle": {
-		"defaultMessage": "Pick the amount of RAM and specs that fit your needs."
-	},
-	"servers.purchase.step.plan.title": {
-		"defaultMessage": "Plan"
-	},
-	"servers.purchase.step.region.title": {
-		"defaultMessage": "Region"
-	},
-	"servers.purchase.step.review.title": {
-		"defaultMessage": "Review"
-	},
-	"servers.region.central-europe": {
-		"defaultMessage": "Central Europe"
-	},
-	"servers.region.custom.prompt": {
-		"defaultMessage": "How much RAM do you want your server to have?"
-	},
-	"servers.region.north-america": {
-		"defaultMessage": "North America"
-	},
-	"servers.region.prompt": {
-		"defaultMessage": "Where would you like your server to be located?"
-	},
-	"servers.region.region-unsupported": {
-		"defaultMessage": "Region not listed? <link>Let us know where you'd like to see Modrinth Hosting next!</link>"
-	},
-	"servers.region.southeast-asia": {
-		"defaultMessage": "Southeast Asia"
-	},
-	"servers.region.western-europe": {
-		"defaultMessage": "Western Europe"
-	},
-	"settings.account.title": {
-		"defaultMessage": "Account and security"
-	},
-	"settings.appearance.title": {
-		"defaultMessage": "Appearance"
-	},
-	"settings.applications.title": {
-		"defaultMessage": "Your applications"
-	},
-	"settings.authorized-apps.title": {
-		"defaultMessage": "Authorized apps"
-	},
-	"settings.billing.title": {
-		"defaultMessage": "Billing and subscriptions"
-	},
-	"settings.display.theme.dark": {
-		"defaultMessage": "Dark"
-	},
-	"settings.display.theme.description": {
-		"defaultMessage": "Select your preferred color theme for Modrinth on this device."
-	},
-	"settings.display.theme.light": {
-		"defaultMessage": "Light"
-	},
-	"settings.display.theme.oled": {
-		"defaultMessage": "OLED"
-	},
-	"settings.display.theme.preferred-dark-theme": {
-		"defaultMessage": "Preferred dark theme"
-	},
-	"settings.display.theme.preferred-light-theme": {
-		"defaultMessage": "Preferred light theme"
-	},
-	"settings.display.theme.retro": {
-		"defaultMessage": "Retro"
-	},
-	"settings.display.theme.system": {
-		"defaultMessage": "Sync with system"
-	},
-	"settings.display.theme.title": {
-		"defaultMessage": "Color theme"
-	},
-	"settings.language.categories.default": {
-		"defaultMessage": "Standard languages"
-	},
-	"settings.language.categories.search-result": {
-		"defaultMessage": "Search results"
-	},
-	"settings.language.description": {
-		"defaultMessage": "Choose your preferred language for the {platform}. Translations are contributed by volunteers <crowdin-link>on Crowdin</crowdin-link>."
-	},
-	"settings.language.languages.search-field.placeholder": {
-		"defaultMessage": "Search for a language..."
-	},
-	"settings.language.languages.search-results-announcement": {
-		"defaultMessage": "{matches, plural, =0 {No languages match} one {# language matches} other {# languages match}} your search."
-	},
-	"settings.language.languages.search.no-results": {
-		"defaultMessage": "No languages match your search."
-	},
-	"settings.language.platform.app": {
-		"defaultMessage": "app"
-	},
-	"settings.language.platform.site": {
-		"defaultMessage": "site"
-	},
-	"settings.language.title": {
-		"defaultMessage": "Language"
-	},
-	"settings.language.warning": {
-		"defaultMessage": "Changing the {platform} language may cause some content to appear in English if a translation is not available. The {platform} is not yet fully translated, so some content may remain in English for certain languages."
-	},
-	"settings.pats.title": {
-		"defaultMessage": "Personal access tokens"
-	},
-	"settings.profile.title": {
-		"defaultMessage": "Public profile"
-	},
-	"settings.sessions.title": {
-		"defaultMessage": "Sessions"
-	},
-	"tag.category.128x": {
-		"defaultMessage": "128x"
-	},
-	"tag.category.16x": {
-		"defaultMessage": "16x"
-	},
-	"tag.category.256x": {
-		"defaultMessage": "256x"
-	},
-	"tag.category.32x": {
-		"defaultMessage": "32x"
-	},
-	"tag.category.48x": {
-		"defaultMessage": "48x"
-	},
-	"tag.category.512x+": {
-		"defaultMessage": "512x or higher"
-	},
-	"tag.category.64x": {
-		"defaultMessage": "64x"
-	},
-	"tag.category.8x-": {
-		"defaultMessage": "8x or lower"
-	},
-	"tag.category.adventure": {
-		"defaultMessage": "Adventure"
-	},
-	"tag.category.atmosphere": {
-		"defaultMessage": "Atmosphere"
-	},
-	"tag.category.audio": {
-		"defaultMessage": "Audio"
-	},
-	"tag.category.blocks": {
-		"defaultMessage": "Blocks"
-	},
-	"tag.category.bloom": {
-		"defaultMessage": "Bloom"
-	},
-	"tag.category.cartoon": {
-		"defaultMessage": "Cartoon"
-	},
-	"tag.category.challenging": {
-		"defaultMessage": "Challenging"
-	},
-	"tag.category.colored-lighting": {
-		"defaultMessage": "Colored Lighting"
-	},
-	"tag.category.combat": {
-		"defaultMessage": "Combat"
-	},
-	"tag.category.core-shaders": {
-		"defaultMessage": "Core Shaders"
-	},
-	"tag.category.cursed": {
-		"defaultMessage": "Cursed"
-	},
-	"tag.category.decoration": {
-		"defaultMessage": "Decoration"
-	},
-	"tag.category.economy": {
-		"defaultMessage": "Economy"
-	},
-	"tag.category.entities": {
-		"defaultMessage": "Entities"
-	},
-	"tag.category.environment": {
-		"defaultMessage": "Environment"
-	},
-	"tag.category.equipment": {
-		"defaultMessage": "Equipment"
-	},
-	"tag.category.fantasy": {
-		"defaultMessage": "Fantasy"
-	},
-	"tag.category.foliage": {
-		"defaultMessage": "Foliage"
-	},
-	"tag.category.fonts": {
-		"defaultMessage": "Fonts"
-	},
-	"tag.category.food": {
-		"defaultMessage": "Food"
-	},
-	"tag.category.game-mechanics": {
-		"defaultMessage": "Game Mechanics"
-	},
-	"tag.category.gui": {
-		"defaultMessage": "GUI"
-	},
-	"tag.category.high": {
-		"defaultMessage": "High"
-	},
-	"tag.category.items": {
-		"defaultMessage": "Items"
-	},
-	"tag.category.kitchen-sink": {
-		"defaultMessage": "Kitchen Sink"
-	},
-	"tag.category.library": {
-		"defaultMessage": "Library"
-	},
-	"tag.category.lightweight": {
-		"defaultMessage": "Lightweight"
-	},
-	"tag.category.locale": {
-		"defaultMessage": "Locale"
-	},
-	"tag.category.low": {
-		"defaultMessage": "Low"
-	},
-	"tag.category.magic": {
-		"defaultMessage": "Magic"
-	},
-	"tag.category.management": {
-		"defaultMessage": "Management"
-	},
-	"tag.category.medium": {
-		"defaultMessage": "Medium"
-	},
-	"tag.category.minigame": {
-		"defaultMessage": "Minigame"
-	},
-	"tag.category.mobs": {
-		"defaultMessage": "Mobs"
-	},
-	"tag.category.modded": {
-		"defaultMessage": "Modded"
-	},
-	"tag.category.models": {
-		"defaultMessage": "Models"
-	},
-	"tag.category.multiplayer": {
-		"defaultMessage": "Multiplayer"
-	},
-	"tag.category.optimization": {
-		"defaultMessage": "Optimization"
-	},
-	"tag.category.path-tracing": {
-		"defaultMessage": "Path Tracing"
-	},
-	"tag.category.pbr": {
-		"defaultMessage": "PBR"
-	},
-	"tag.category.potato": {
-		"defaultMessage": "Potato"
-	},
-	"tag.category.quests": {
-		"defaultMessage": "Quests"
-	},
-	"tag.category.realistic": {
-		"defaultMessage": "Realistic"
-	},
-	"tag.category.reflections": {
-		"defaultMessage": "Reflections"
-	},
-	"tag.category.screenshot": {
-		"defaultMessage": "Screenshot"
-	},
-	"tag.category.semi-realistic": {
-		"defaultMessage": "Semi Realistic"
-	},
-	"tag.category.shadows": {
-		"defaultMessage": "Shadows"
-	},
-	"tag.category.simplistic": {
-		"defaultMessage": "Simplistic"
-	},
-	"tag.category.social": {
-		"defaultMessage": "Social"
-	},
-	"tag.category.storage": {
-		"defaultMessage": "Storage"
-	},
-	"tag.category.technology": {
-		"defaultMessage": "Technology"
-	},
-	"tag.category.themed": {
-		"defaultMessage": "Themed"
-	},
-	"tag.category.transportation": {
-		"defaultMessage": "Transportation"
-	},
-	"tag.category.tweaks": {
-		"defaultMessage": "Tweaks"
-	},
-	"tag.category.utility": {
-		"defaultMessage": "Utility"
-	},
-	"tag.category.vanilla-like": {
-		"defaultMessage": "Vanilla Like"
-	},
-	"tag.category.worldgen": {
-		"defaultMessage": "World Generation"
-	},
-	"tag.loader.babric": {
-		"defaultMessage": "Babric"
-	},
-	"tag.loader.bta-babric": {
-		"defaultMessage": "BTA (Babric)"
-	},
-	"tag.loader.bukkit": {
-		"defaultMessage": "Bukkit"
-	},
-	"tag.loader.bungeecord": {
-		"defaultMessage": "BungeeCord"
-	},
-	"tag.loader.canvas": {
-		"defaultMessage": "Canvas"
-	},
-	"tag.loader.datapack": {
-		"defaultMessage": "Data Pack"
-	},
-	"tag.loader.fabric": {
-		"defaultMessage": "Fabric"
-	},
-	"tag.loader.folia": {
-		"defaultMessage": "Folia"
-	},
-	"tag.loader.forge": {
-		"defaultMessage": "Forge"
-	},
-	"tag.loader.geyser": {
-		"defaultMessage": "Geyser Extension"
-	},
-	"tag.loader.iris": {
-		"defaultMessage": "Iris"
-	},
-	"tag.loader.java-agent": {
-		"defaultMessage": "Java Agent"
-	},
-	"tag.loader.legacy-fabric": {
-		"defaultMessage": "Legacy Fabric"
-	},
-	"tag.loader.liteloader": {
-		"defaultMessage": "LiteLoader"
-	},
-	"tag.loader.minecraft": {
-		"defaultMessage": "Resource Pack"
-	},
-	"tag.loader.modloader": {
-		"defaultMessage": "Risugami's ModLoader"
-	},
-	"tag.loader.mrpack": {
-		"defaultMessage": "Modpack"
-	},
-	"tag.loader.neoforge": {
-		"defaultMessage": "NeoForge"
-	},
-	"tag.loader.nilloader": {
-		"defaultMessage": "NilLoader"
-	},
-	"tag.loader.optifine": {
-		"defaultMessage": "OptiFine"
-	},
-	"tag.loader.ornithe": {
-		"defaultMessage": "Ornithe"
-	},
-	"tag.loader.paper": {
-		"defaultMessage": "Paper"
-	},
-	"tag.loader.purpur": {
-		"defaultMessage": "Purpur"
-	},
-	"tag.loader.quilt": {
-		"defaultMessage": "Quilt"
-	},
-	"tag.loader.rift": {
-		"defaultMessage": "Rift"
-	},
-	"tag.loader.spigot": {
-		"defaultMessage": "Spigot"
-	},
-	"tag.loader.sponge": {
-		"defaultMessage": "Sponge"
-	},
-	"tag.loader.vanilla": {
-		"defaultMessage": "Vanilla Shader"
-	},
-	"tag.loader.velocity": {
-		"defaultMessage": "Velocity"
-	},
-	"tag.loader.waterfall": {
-		"defaultMessage": "Waterfall"
-	},
-	"tooltip.date-at-time": {
-		"defaultMessage": "{date, date, long} at {time, time, short}"
-	},
-	"ui.component.unsaved-changes-popup.body": {
-		"defaultMessage": "You have unsaved changes."
-	}
+  "affiliate.create.button": {
+    "defaultMessage": "Create affiliate link"
+  },
+  "affiliate.create.header": {
+    "defaultMessage": "Creating new affiliate code"
+  },
+  "affiliate.create.title.description": {
+    "defaultMessage": "Give your affiliate link a name so you know where people are coming from!"
+  },
+  "affiliate.create.title.label": {
+    "defaultMessage": "Title of affiliate link"
+  },
+  "affiliate.create.title.placeholder": {
+    "defaultMessage": "e.g. YouTube"
+  },
+  "affiliate.create.user.description": {
+    "defaultMessage": "The username of the user to create the affiliate code for"
+  },
+  "affiliate.create.user.placeholder": {
+    "defaultMessage": "Enter username..."
+  },
+  "affiliate.createdBy": {
+    "defaultMessage": "Created by {user}"
+  },
+  "affiliate.creating.button": {
+    "defaultMessage": "Creating affiliate link..."
+  },
+  "affiliate.revoke": {
+    "defaultMessage": "Revoke affiliate link"
+  },
+  "affiliate.viewAnalytics": {
+    "defaultMessage": "View analytics"
+  },
+  "badge.beta": {
+    "defaultMessage": "Beta"
+  },
+  "badge.beta-release": {
+    "defaultMessage": "Beta Release"
+  },
+  "badge.new": {
+    "defaultMessage": "New"
+  },
+  "button.accept": {
+    "defaultMessage": "Accept"
+  },
+  "button.affiliate-links": {
+    "defaultMessage": "Affiliate links"
+  },
+  "button.analytics": {
+    "defaultMessage": "Analytics"
+  },
+  "button.back": {
+    "defaultMessage": "Back"
+  },
+  "button.cancel": {
+    "defaultMessage": "Cancel"
+  },
+  "button.clear": {
+    "defaultMessage": "Clear"
+  },
+  "button.close": {
+    "defaultMessage": "Close"
+  },
+  "button.continue": {
+    "defaultMessage": "Continue"
+  },
+  "button.copy-id": {
+    "defaultMessage": "Copy ID"
+  },
+  "button.copy-permalink": {
+    "defaultMessage": "Copy permanent link"
+  },
+  "button.create-a-project": {
+    "defaultMessage": "Create a project"
+  },
+  "button.decline": {
+    "defaultMessage": "Decline"
+  },
+  "button.download": {
+    "defaultMessage": "Download"
+  },
+  "button.downloading": {
+    "defaultMessage": "Downloading"
+  },
+  "button.edit": {
+    "defaultMessage": "Edit"
+  },
+  "button.follow": {
+    "defaultMessage": "Follow"
+  },
+  "button.max": {
+    "defaultMessage": "Max"
+  },
+  "button.more-options": {
+    "defaultMessage": "More options"
+  },
+  "button.next": {
+    "defaultMessage": "Next"
+  },
+  "button.open-folder": {
+    "defaultMessage": "Open folder"
+  },
+  "button.play": {
+    "defaultMessage": "Play"
+  },
+  "button.refresh": {
+    "defaultMessage": "Refresh"
+  },
+  "button.remove": {
+    "defaultMessage": "Remove"
+  },
+  "button.remove-image": {
+    "defaultMessage": "Remove image"
+  },
+  "button.report": {
+    "defaultMessage": "Report"
+  },
+  "button.reset": {
+    "defaultMessage": "Reset"
+  },
+  "button.retry": {
+    "defaultMessage": "Retry"
+  },
+  "button.save": {
+    "defaultMessage": "Save"
+  },
+  "button.save-changes": {
+    "defaultMessage": "Save changes"
+  },
+  "button.saving": {
+    "defaultMessage": "Saving"
+  },
+  "button.sign-in": {
+    "defaultMessage": "Sign in"
+  },
+  "button.sign-out": {
+    "defaultMessage": "Sign out"
+  },
+  "button.sign-up": {
+    "defaultMessage": "Sign up"
+  },
+  "button.stop": {
+    "defaultMessage": "Stop"
+  },
+  "button.unfollow": {
+    "defaultMessage": "Unfollow"
+  },
+  "button.update": {
+    "defaultMessage": "Update"
+  },
+  "button.upload-image": {
+    "defaultMessage": "Upload image"
+  },
+  "changelog.justNow": {
+    "defaultMessage": "Just now"
+  },
+  "changelog.product.api": {
+    "defaultMessage": "API"
+  },
+  "changelog.product.app": {
+    "defaultMessage": "App"
+  },
+  "changelog.product.hosting": {
+    "defaultMessage": "Hosting"
+  },
+  "changelog.product.web": {
+    "defaultMessage": "Website"
+  },
+  "collections.label.private": {
+    "defaultMessage": "Private"
+  },
+  "create-version-modal.active-version-tooltip": {
+    "defaultMessage": "This version will be used when players join the server."
+  },
+  "create-version-modal.cancel": {
+    "defaultMessage": "Cancel"
+  },
+  "create-version-modal.custom-modpack": {
+    "defaultMessage": "Custom modpack"
+  },
+  "create-version-modal.dropzone-primary": {
+    "defaultMessage": "Drag and drop files or click to browse"
+  },
+  "create-version-modal.dropzone-secondary": {
+    "defaultMessage": "You can try to drag files or folder or click this area to select it"
+  },
+  "create-version-modal.learn-more": {
+    "defaultMessage": "Learn more"
+  },
+  "create-version-modal.license-checkbox": {
+    "defaultMessage": "Do you have the appropriate licenses to redistribute all content in this Modpack?"
+  },
+  "create-version-modal.loading": {
+    "defaultMessage": "Loading..."
+  },
+  "create-version-modal.modded-content-label": {
+    "defaultMessage": "Modded content"
+  },
+  "create-version-modal.no-results": {
+    "defaultMessage": "No results found"
+  },
+  "create-version-modal.project-label": {
+    "defaultMessage": "Project"
+  },
+  "create-version-modal.project-placeholder": {
+    "defaultMessage": "Select modpack"
+  },
+  "create-version-modal.project-search-placeholder": {
+    "defaultMessage": "Search by name or paste ID..."
+  },
+  "create-version-modal.published-modpack": {
+    "defaultMessage": "Published modpack"
+  },
+  "create-version-modal.select-modpack": {
+    "defaultMessage": "Select modpack"
+  },
+  "create-version-modal.set-active-version": {
+    "defaultMessage": "Set as the active version."
+  },
+  "create-version-modal.set-primary-version": {
+    "defaultMessage": "Set as the primary version."
+  },
+  "create-version-modal.title": {
+    "defaultMessage": "Create new version"
+  },
+  "create-version-modal.version-label": {
+    "defaultMessage": "Version"
+  },
+  "create-version-modal.version-name-label": {
+    "defaultMessage": "Name"
+  },
+  "create-version-modal.version-number-placeholder": {
+    "defaultMessage": "Enter version number"
+  },
+  "create-version-modal.version-placeholder": {
+    "defaultMessage": "Select version"
+  },
+  "create-version-modal.version-search-placeholder": {
+    "defaultMessage": "Search versions..."
+  },
+  "form.label.address-line": {
+    "defaultMessage": "Address line"
+  },
+  "form.label.address-line-2": {
+    "defaultMessage": "Address line 2 (optional)"
+  },
+  "form.label.amount": {
+    "defaultMessage": "Amount"
+  },
+  "form.label.bank-name": {
+    "defaultMessage": "Bank name"
+  },
+  "form.label.business-name": {
+    "defaultMessage": "Business name"
+  },
+  "form.label.city": {
+    "defaultMessage": "City"
+  },
+  "form.label.country": {
+    "defaultMessage": "Country"
+  },
+  "form.label.date-of-birth": {
+    "defaultMessage": "Date of birth"
+  },
+  "form.label.email": {
+    "defaultMessage": "Email"
+  },
+  "form.label.first-name": {
+    "defaultMessage": "First name"
+  },
+  "form.label.last-name": {
+    "defaultMessage": "Last name"
+  },
+  "form.label.postal-code": {
+    "defaultMessage": "Postal code/ZIP code"
+  },
+  "form.label.state-province": {
+    "defaultMessage": "State/province"
+  },
+  "form.placeholder.address": {
+    "defaultMessage": "Enter address"
+  },
+  "form.placeholder.address-2": {
+    "defaultMessage": "Apartment, suite, etc."
+  },
+  "form.placeholder.amount": {
+    "defaultMessage": "Enter amount"
+  },
+  "form.placeholder.bank-name": {
+    "defaultMessage": "Enter bank name"
+  },
+  "form.placeholder.bank-name-dropdown": {
+    "defaultMessage": "Select bank name"
+  },
+  "form.placeholder.business-name": {
+    "defaultMessage": "Enter business name"
+  },
+  "form.placeholder.city": {
+    "defaultMessage": "Enter city"
+  },
+  "form.placeholder.country": {
+    "defaultMessage": "Select country"
+  },
+  "form.placeholder.email": {
+    "defaultMessage": "Enter email address"
+  },
+  "form.placeholder.first-name": {
+    "defaultMessage": "Enter first name"
+  },
+  "form.placeholder.last-name": {
+    "defaultMessage": "Enter last name"
+  },
+  "form.placeholder.postal-code": {
+    "defaultMessage": "Enter postal code"
+  },
+  "form.placeholder.state": {
+    "defaultMessage": "Enter state/province"
+  },
+  "hosting.specs.burst": {
+    "defaultMessage": "Bursts up to {cpus} CPUs"
+  },
+  "hosting.specs.burst.tooltip": {
+    "defaultMessage": "CPU bursting allows your server to temporarily use additional threads to help mitigate TPS spikes. Click for more info."
+  },
+  "hosting.specs.gb-ram": {
+    "defaultMessage": "{ram} GB RAM"
+  },
+  "hosting.specs.gb-storage": {
+    "defaultMessage": "{storage} GB Storage"
+  },
+  "hosting.specs.shared-cpus": {
+    "defaultMessage": "{cpus} Shared CPUs"
+  },
+  "icon-select.edit": {
+    "defaultMessage": "Edit icon"
+  },
+  "icon-select.remove": {
+    "defaultMessage": "Remove icon"
+  },
+  "icon-select.replace": {
+    "defaultMessage": "Replace icon"
+  },
+  "icon-select.select": {
+    "defaultMessage": "Select icon"
+  },
+  "input.search.placeholder": {
+    "defaultMessage": "Search..."
+  },
+  "input.view.gallery": {
+    "defaultMessage": "Gallery view"
+  },
+  "input.view.grid": {
+    "defaultMessage": "Grid view"
+  },
+  "input.view.list": {
+    "defaultMessage": "Rows view"
+  },
+  "instance.worlds.game_mode.adventure": {
+    "defaultMessage": "Adventure mode"
+  },
+  "instance.worlds.game_mode.creative": {
+    "defaultMessage": "Creative mode"
+  },
+  "instance.worlds.game_mode.spectator": {
+    "defaultMessage": "Spectator mode"
+  },
+  "instance.worlds.game_mode.survival": {
+    "defaultMessage": "Survival mode"
+  },
+  "instance.worlds.game_mode.unknown": {
+    "defaultMessage": "Unknown game mode"
+  },
+  "instances.modpack-card.unlink": {
+    "defaultMessage": "Unlink modpack"
+  },
+  "instances.updater-modal.badge.current": {
+    "defaultMessage": "Current"
+  },
+  "instances.updater-modal.badge.incompatible": {
+    "defaultMessage": "Incompatible"
+  },
+  "instances.updater-modal.downgrade-to": {
+    "defaultMessage": "Downgrade to v{version}"
+  },
+  "instances.updater-modal.header": {
+    "defaultMessage": "Update version"
+  },
+  "instances.updater-modal.hide-incompatible": {
+    "defaultMessage": "Hide incompatible"
+  },
+  "instances.updater-modal.no-changelog": {
+    "defaultMessage": "No changelog provided for this version."
+  },
+  "instances.updater-modal.no-versions": {
+    "defaultMessage": "No versions found"
+  },
+  "instances.updater-modal.search-placeholder": {
+    "defaultMessage": "Search version..."
+  },
+  "instances.updater-modal.select-version": {
+    "defaultMessage": "Select a version to view its changelog"
+  },
+  "instances.updater-modal.show-incompatible": {
+    "defaultMessage": "Show incompatible"
+  },
+  "instances.updater-modal.update-to": {
+    "defaultMessage": "Update to v{version}"
+  },
+  "instances.updater-modal.warning.app": {
+    "defaultMessage": "We can't guarantee updates are safe for your instance. Review the changelog for all intermediate versions and consider a backup."
+  },
+  "instances.updater-modal.warning.web": {
+    "defaultMessage": "We can't guarantee updates are safe for your worlds. Review the changelog for all intermediate versions and consider a backup."
+  },
+  "label.actions": {
+    "defaultMessage": "Actions"
+  },
+  "label.available": {
+    "defaultMessage": "{amount} available."
+  },
+  "label.changelog": {
+    "defaultMessage": "Changelog"
+  },
+  "label.changes-saved": {
+    "defaultMessage": "Changes saved"
+  },
+  "label.collections": {
+    "defaultMessage": "Collections"
+  },
+  "label.confirm-password": {
+    "defaultMessage": "Confirm password"
+  },
+  "label.content": {
+    "defaultMessage": "Content"
+  },
+  "label.created-ago": {
+    "defaultMessage": "Created {ago}"
+  },
+  "label.dashboard": {
+    "defaultMessage": "Dashboard"
+  },
+  "label.delete": {
+    "defaultMessage": "Delete"
+  },
+  "label.description": {
+    "defaultMessage": "Description"
+  },
+  "label.details": {
+    "defaultMessage": "Details"
+  },
+  "label.email": {
+    "defaultMessage": "Email"
+  },
+  "label.email-username": {
+    "defaultMessage": "Email or username"
+  },
+  "label.error": {
+    "defaultMessage": "Error"
+  },
+  "label.filter-by": {
+    "defaultMessage": "Filter by"
+  },
+  "label.followed-projects": {
+    "defaultMessage": "Followed projects"
+  },
+  "label.loading": {
+    "defaultMessage": "Loading..."
+  },
+  "label.moderation": {
+    "defaultMessage": "Moderation"
+  },
+  "label.no": {
+    "defaultMessage": "No"
+  },
+  "label.no-items": {
+    "defaultMessage": "No items"
+  },
+  "label.notifications": {
+    "defaultMessage": "Notifications"
+  },
+  "label.or": {
+    "defaultMessage": "or"
+  },
+  "label.password": {
+    "defaultMessage": "Password"
+  },
+  "label.played": {
+    "defaultMessage": "Played {time}"
+  },
+  "label.project": {
+    "defaultMessage": "Project"
+  },
+  "label.public": {
+    "defaultMessage": "Public"
+  },
+  "label.rejected": {
+    "defaultMessage": "Rejected"
+  },
+  "label.rewards-program-terms-agreement": {
+    "defaultMessage": "I agree to the <terms-link>Rewards Program Terms</terms-link>"
+  },
+  "label.saved": {
+    "defaultMessage": "Saved"
+  },
+  "label.scopes": {
+    "defaultMessage": "Scopes"
+  },
+  "label.search": {
+    "defaultMessage": "Search"
+  },
+  "label.server": {
+    "defaultMessage": "Server"
+  },
+  "label.servers": {
+    "defaultMessage": "Servers"
+  },
+  "label.settings": {
+    "defaultMessage": "Settings"
+  },
+  "label.singleplayer": {
+    "defaultMessage": "Singleplayer"
+  },
+  "label.sort-by": {
+    "defaultMessage": "Sort by"
+  },
+  "label.success": {
+    "defaultMessage": "Success"
+  },
+  "label.title": {
+    "defaultMessage": "Title"
+  },
+  "label.unlisted": {
+    "defaultMessage": "Unlisted"
+  },
+  "label.update-available": {
+    "defaultMessage": "Update available"
+  },
+  "label.username": {
+    "defaultMessage": "Username"
+  },
+  "label.version": {
+    "defaultMessage": "Version"
+  },
+  "label.visibility": {
+    "defaultMessage": "Visibility"
+  },
+  "label.visit-your-profile": {
+    "defaultMessage": "Visit your profile"
+  },
+  "label.yes": {
+    "defaultMessage": "Yes"
+  },
+  "modal.add-payment-method.action": {
+    "defaultMessage": "Add payment method"
+  },
+  "modal.add-payment-method.title": {
+    "defaultMessage": "Adding a payment method"
+  },
+  "modal.open-in-app.benefit.install": {
+    "defaultMessage": "Automatically install required content"
+  },
+  "modal.open-in-app.benefit.launch": {
+    "defaultMessage": "Launch the game straight into the server"
+  },
+  "modal.open-in-app.benefit.update": {
+    "defaultMessage": "Keep files updated when the server changes"
+  },
+  "modal.open-in-app.close": {
+    "defaultMessage": "Close"
+  },
+  "modal.open-in-app.get-app": {
+    "defaultMessage": "Get Modrinth App"
+  },
+  "modal.open-in-app.opening-automatically": {
+    "defaultMessage": "The Modrinth App will open automatically..."
+  },
+  "modal.open-in-app.title": {
+    "defaultMessage": "Opening Modrinth App"
+  },
+  "modal.open-in-app.why-use": {
+    "defaultMessage": "Why use the Modrinth App"
+  },
+  "notification.error.title": {
+    "defaultMessage": "An error occurred"
+  },
+  "omorphia.component.badge.label.accepted": {
+    "defaultMessage": "Accepted"
+  },
+  "omorphia.component.badge.label.approved": {
+    "defaultMessage": "Approved"
+  },
+  "omorphia.component.badge.label.archived": {
+    "defaultMessage": "Archived"
+  },
+  "omorphia.component.badge.label.closed": {
+    "defaultMessage": "Closed"
+  },
+  "omorphia.component.badge.label.creator": {
+    "defaultMessage": "Creator"
+  },
+  "omorphia.component.badge.label.draft": {
+    "defaultMessage": "Draft"
+  },
+  "omorphia.component.badge.label.failed": {
+    "defaultMessage": "Failed"
+  },
+  "omorphia.component.badge.label.listed": {
+    "defaultMessage": "Listed"
+  },
+  "omorphia.component.badge.label.moderator": {
+    "defaultMessage": "Moderator"
+  },
+  "omorphia.component.badge.label.modrinth-team": {
+    "defaultMessage": "Modrinth Team"
+  },
+  "omorphia.component.badge.label.pending": {
+    "defaultMessage": "Pending"
+  },
+  "omorphia.component.badge.label.private": {
+    "defaultMessage": "Private"
+  },
+  "omorphia.component.badge.label.processed": {
+    "defaultMessage": "Processed"
+  },
+  "omorphia.component.badge.label.rejected": {
+    "defaultMessage": "Rejected"
+  },
+  "omorphia.component.badge.label.returned": {
+    "defaultMessage": "Returned"
+  },
+  "omorphia.component.badge.label.safe": {
+    "defaultMessage": "Pass"
+  },
+  "omorphia.component.badge.label.scheduled": {
+    "defaultMessage": "Scheduled"
+  },
+  "omorphia.component.badge.label.under-review": {
+    "defaultMessage": "Under review"
+  },
+  "omorphia.component.badge.label.unlisted": {
+    "defaultMessage": "Unlisted"
+  },
+  "omorphia.component.badge.label.unsafe": {
+    "defaultMessage": "Fail"
+  },
+  "omorphia.component.badge.label.withheld": {
+    "defaultMessage": "Withheld"
+  },
+  "omorphia.component.copy.action.copy": {
+    "defaultMessage": "Copy code to clipboard"
+  },
+  "omorphia.component.environment-indicator.label.client": {
+    "defaultMessage": "Client"
+  },
+  "omorphia.component.environment-indicator.label.client-and-server": {
+    "defaultMessage": "Client and server"
+  },
+  "omorphia.component.environment-indicator.label.client-or-server": {
+    "defaultMessage": "Client or server"
+  },
+  "omorphia.component.environment-indicator.label.server": {
+    "defaultMessage": "Server"
+  },
+  "omorphia.component.environment-indicator.label.type": {
+    "defaultMessage": "A {type}"
+  },
+  "omorphia.component.environment-indicator.label.unsupported": {
+    "defaultMessage": "Unsupported"
+  },
+  "payment-method.amazon_pay": {
+    "defaultMessage": "Amazon Pay"
+  },
+  "payment-method.amex": {
+    "defaultMessage": "American Express"
+  },
+  "payment-method.card_display": {
+    "defaultMessage": "{card_brand} ending in {last_four}"
+  },
+  "payment-method.cashapp": {
+    "defaultMessage": "Cash App"
+  },
+  "payment-method.charity": {
+    "defaultMessage": "Charity"
+  },
+  "payment-method.charity-plural": {
+    "defaultMessage": "Charities"
+  },
+  "payment-method.diners": {
+    "defaultMessage": "Diners Club"
+  },
+  "payment-method.discover": {
+    "defaultMessage": "Discover"
+  },
+  "payment-method.eftpos": {
+    "defaultMessage": "EFTPOS"
+  },
+  "payment-method.gift-card": {
+    "defaultMessage": "Gift card"
+  },
+  "payment-method.gift-card-plural": {
+    "defaultMessage": "Gift cards"
+  },
+  "payment-method.jcb": {
+    "defaultMessage": "JCB"
+  },
+  "payment-method.mastercard": {
+    "defaultMessage": "MasterCard"
+  },
+  "payment-method.paypal": {
+    "defaultMessage": "PayPal"
+  },
+  "payment-method.paypal_international": {
+    "defaultMessage": "PayPal International"
+  },
+  "payment-method.unionpay": {
+    "defaultMessage": "UnionPay"
+  },
+  "payment-method.unknown": {
+    "defaultMessage": "Unknown payment method"
+  },
+  "payment-method.venmo": {
+    "defaultMessage": "Venmo"
+  },
+  "payment-method.virtual-visa": {
+    "defaultMessage": "Virtual Visa"
+  },
+  "payment-method.virtual-visa-plural": {
+    "defaultMessage": "Virtual Visas"
+  },
+  "payment-method.visa": {
+    "defaultMessage": "Visa"
+  },
+  "project-type.all": {
+    "defaultMessage": "All"
+  },
+  "project-type.datapack.capital": {
+    "defaultMessage": "{count, plural, one {Data Pack} other {Data Packs}}"
+  },
+  "project-type.datapack.category": {
+    "defaultMessage": "Data Packs"
+  },
+  "project-type.datapack.lowercase": {
+    "defaultMessage": "{count, plural, one {data pack} other {data packs}}"
+  },
+  "project-type.mod.capital": {
+    "defaultMessage": "{count, plural, one {Mod} other {Mods}}"
+  },
+  "project-type.mod.category": {
+    "defaultMessage": "Mods"
+  },
+  "project-type.mod.lowercase": {
+    "defaultMessage": "{count, plural, one {mod} other {mods}}"
+  },
+  "project-type.modpack.capital": {
+    "defaultMessage": "{count, plural, one {Modpack} other {Modpacks}}"
+  },
+  "project-type.modpack.category": {
+    "defaultMessage": "Modpacks"
+  },
+  "project-type.modpack.lowercase": {
+    "defaultMessage": "{count, plural, one {modpack} other {modpacks}}"
+  },
+  "project-type.plugin.capital": {
+    "defaultMessage": "{count, plural, one {Plugin} other {Plugins}}"
+  },
+  "project-type.plugin.category": {
+    "defaultMessage": "Plugins"
+  },
+  "project-type.plugin.lowercase": {
+    "defaultMessage": "{count, plural, one {plugin} other {plugins}}"
+  },
+  "project-type.project.category": {
+    "defaultMessage": "Projects"
+  },
+  "project-type.project.lowercase": {
+    "defaultMessage": "{count, plural, one {project} other {projects}}"
+  },
+  "project-type.resourcepack.capital": {
+    "defaultMessage": "{count, plural, one {Resource Pack} other {Resource Packs}}"
+  },
+  "project-type.resourcepack.category": {
+    "defaultMessage": "Resource Packs"
+  },
+  "project-type.resourcepack.lowercase": {
+    "defaultMessage": "{count, plural, one {resource pack} other {resource packs}}"
+  },
+  "project-type.server.capital": {
+    "defaultMessage": "{count, plural, one {Server} other {Servers}}"
+  },
+  "project-type.server.category": {
+    "defaultMessage": "Servers"
+  },
+  "project-type.server.lowercase": {
+    "defaultMessage": "{count, plural, one {server} other {servers}}"
+  },
+  "project-type.shader.capital": {
+    "defaultMessage": "{count, plural, one {Shader} other {Shaders}}"
+  },
+  "project-type.shader.category": {
+    "defaultMessage": "Shaders"
+  },
+  "project-type.shader.lowercase": {
+    "defaultMessage": "{count, plural, one {shader} other {shaders}}"
+  },
+  "project.about.compatibility.environments": {
+    "defaultMessage": "Supported environments"
+  },
+  "project.about.compatibility.environments.client-and-server": {
+    "defaultMessage": "Client and server"
+  },
+  "project.about.compatibility.environments.client-side": {
+    "defaultMessage": "Client-side"
+  },
+  "project.about.compatibility.environments.dedicated-servers-only": {
+    "defaultMessage": "Dedicated servers only"
+  },
+  "project.about.compatibility.environments.server-side": {
+    "defaultMessage": "Server-side"
+  },
+  "project.about.compatibility.environments.singleplayer": {
+    "defaultMessage": "Singleplayer"
+  },
+  "project.about.compatibility.environments.singleplayer-only": {
+    "defaultMessage": "Singleplayer only"
+  },
+  "project.about.compatibility.game.minecraftJava": {
+    "defaultMessage": "Minecraft: Java Edition"
+  },
+  "project.about.compatibility.platforms": {
+    "defaultMessage": "Platforms"
+  },
+  "project.about.compatibility.title": {
+    "defaultMessage": "Compatibility"
+  },
+  "project.about.creators.owner": {
+    "defaultMessage": "Project owner"
+  },
+  "project.about.creators.title": {
+    "defaultMessage": "Creators"
+  },
+  "project.about.details.created": {
+    "defaultMessage": "Created {date}"
+  },
+  "project.about.details.licensed": {
+    "defaultMessage": "Licensed {license}"
+  },
+  "project.about.details.published": {
+    "defaultMessage": "Published {date}"
+  },
+  "project.about.details.submitted": {
+    "defaultMessage": "Submitted {date}"
+  },
+  "project.about.details.updated": {
+    "defaultMessage": "Updated {date}"
+  },
+  "project.about.links.discord": {
+    "defaultMessage": "Join Discord server"
+  },
+  "project.about.links.donate.bmac": {
+    "defaultMessage": "Buy Me a Coffee"
+  },
+  "project.about.links.donate.generic": {
+    "defaultMessage": "Donate"
+  },
+  "project.about.links.donate.github": {
+    "defaultMessage": "Sponsor on GitHub"
+  },
+  "project.about.links.donate.kofi": {
+    "defaultMessage": "Donate on Ko-fi"
+  },
+  "project.about.links.donate.patreon": {
+    "defaultMessage": "Donate on Patreon"
+  },
+  "project.about.links.donate.paypal": {
+    "defaultMessage": "Donate on PayPal"
+  },
+  "project.about.links.issues": {
+    "defaultMessage": "Report issues"
+  },
+  "project.about.links.source": {
+    "defaultMessage": "View source"
+  },
+  "project.about.links.title": {
+    "defaultMessage": "Links"
+  },
+  "project.about.links.wiki": {
+    "defaultMessage": "Visit wiki"
+  },
+  "project.environment.client-and-server.description": {
+    "defaultMessage": "Has some functionality on both the client and server, even if only partially."
+  },
+  "project.environment.client-and-server.title": {
+    "defaultMessage": "Client and server, required on both"
+  },
+  "project.environment.client-only-server-optional.description": {
+    "defaultMessage": "Has some functionality on both the client and server, even if only partially."
+  },
+  "project.environment.client-only-server-optional.title": {
+    "defaultMessage": "Client and server, optional on server"
+  },
+  "project.environment.client-only.description": {
+    "defaultMessage": "All functionality is done client-side and is compatible with vanilla servers."
+  },
+  "project.environment.client-only.title": {
+    "defaultMessage": "Client-side only"
+  },
+  "project.environment.client-or-server-prefers-both.description": {
+    "defaultMessage": "Has some functionality on both the client and server, even if only partially."
+  },
+  "project.environment.client-or-server-prefers-both.title": {
+    "defaultMessage": "Client and server, best when installed on both"
+  },
+  "project.environment.client-or-server.description": {
+    "defaultMessage": "Has some functionality on both the client and server, even if only partially."
+  },
+  "project.environment.client-or-server.title": {
+    "defaultMessage": "Client and server, optional on both"
+  },
+  "project.environment.dedicated-server-only.description": {
+    "defaultMessage": "All functionality is done server-side and is compatible with vanilla clients."
+  },
+  "project.environment.dedicated-server-only.title": {
+    "defaultMessage": "Server-side only"
+  },
+  "project.environment.server-only-client-optional.description": {
+    "defaultMessage": "Has some functionality on both the client and server, even if only partially."
+  },
+  "project.environment.server-only-client-optional.title": {
+    "defaultMessage": "Client and server, optional on client"
+  },
+  "project.environment.server-only.description": {
+    "defaultMessage": "All functionality is done server-side and is compatible with vanilla clients."
+  },
+  "project.environment.server-only.title": {
+    "defaultMessage": "Server-side only, works in singleplayer too"
+  },
+  "project.environment.singleplayer-only.description": {
+    "defaultMessage": "Only functions in Singleplayer or when not connected to a Multiplayer server."
+  },
+  "project.environment.singleplayer-only.title": {
+    "defaultMessage": "Singleplayer only"
+  },
+  "project.environment.tag.not-applicable": {
+    "defaultMessage": "N/A"
+  },
+  "project.environment.tag.unknown": {
+    "defaultMessage": "Unknown"
+  },
+  "project.environment.unknown.description": {
+    "defaultMessage": "The environment for this version could not be determined."
+  },
+  "project.environment.unknown.title": {
+    "defaultMessage": "Unknown environment"
+  },
+  "project.settings.analytics.title": {
+    "defaultMessage": "Analytics"
+  },
+  "project.settings.content.title": {
+    "defaultMessage": "Content"
+  },
+  "project.settings.description.title": {
+    "defaultMessage": "Description"
+  },
+  "project.settings.environment.client_and_server.description": {
+    "defaultMessage": "Has some functionality on both the client and server, even if only partially."
+  },
+  "project.settings.environment.client_and_server.optional_both.title": {
+    "defaultMessage": "Optional on both, works the same if installed on either side"
+  },
+  "project.settings.environment.client_and_server.optional_both_prefers_both.title": {
+    "defaultMessage": "Optional on both, works best when installed on both sides"
+  },
+  "project.settings.environment.client_and_server.optional_client.title": {
+    "defaultMessage": "Optional on client"
+  },
+  "project.settings.environment.client_and_server.optional_server.title": {
+    "defaultMessage": "Optional on server"
+  },
+  "project.settings.environment.client_and_server.required_both.title": {
+    "defaultMessage": "Required on both"
+  },
+  "project.settings.environment.client_and_server.title": {
+    "defaultMessage": "Client and server"
+  },
+  "project.settings.environment.client_only.description": {
+    "defaultMessage": "All functionality is done client-side and is compatible with vanilla servers."
+  },
+  "project.settings.environment.client_only.title": {
+    "defaultMessage": "Client-side only"
+  },
+  "project.settings.environment.notice.missing-env.description": {
+    "defaultMessage": "Your project is missing environment metadata, please select the appropriate option below."
+  },
+  "project.settings.environment.notice.missing-env.title": {
+    "defaultMessage": "Please select an environment for your project"
+  },
+  "project.settings.environment.notice.multiple-environments.description": {
+    "defaultMessage": "Different versions of your project have different environments selected, so you can't edit them globally at this time."
+  },
+  "project.settings.environment.notice.multiple-environments.title": {
+    "defaultMessage": "Your project has multiple environments"
+  },
+  "project.settings.environment.notice.review-options.description": {
+    "defaultMessage": "We've just overhauled the Environments system on Modrinth and new options are now available. Please ensure the correct option is selected below and then click 'Verify' when you're done!"
+  },
+  "project.settings.environment.notice.review-options.title": {
+    "defaultMessage": "Please review the options below"
+  },
+  "project.settings.environment.notice.wrong-project-type.description": {
+    "defaultMessage": "Only mod or modpack projects can have environment metadata."
+  },
+  "project.settings.environment.notice.wrong-project-type.title": {
+    "defaultMessage": "This project type does not support environment metadata"
+  },
+  "project.settings.environment.server_only.dedicated_only.title": {
+    "defaultMessage": "Dedicated server only"
+  },
+  "project.settings.environment.server_only.description": {
+    "defaultMessage": "All functionality is done server-side and is compatible with vanilla clients."
+  },
+  "project.settings.environment.server_only.supports_singleplayer.title": {
+    "defaultMessage": "Works in singleplayer too"
+  },
+  "project.settings.environment.server_only.title": {
+    "defaultMessage": "Server-side only"
+  },
+  "project.settings.environment.singleplayer.description": {
+    "defaultMessage": "Only functions in Singleplayer or when not connected to a Multiplayer server."
+  },
+  "project.settings.environment.singleplayer.title": {
+    "defaultMessage": "Singleplayer only"
+  },
+  "project.settings.environment.suboption.accessibility-option-label": {
+    "defaultMessage": "{title}: {description}"
+  },
+  "project.settings.environment.suboption.accessibility-suboption-group-label": {
+    "defaultMessage": "Suboptions of {option}"
+  },
+  "project.settings.environment.title": {
+    "defaultMessage": "Environment"
+  },
+  "project.settings.environment.verification.verify-button": {
+    "defaultMessage": "Verify"
+  },
+  "project.settings.environment.verification.verify-text": {
+    "defaultMessage": "Verify that this project's environment is set correctly."
+  },
+  "project.settings.gallery.title": {
+    "defaultMessage": "Gallery"
+  },
+  "project.settings.general.title": {
+    "defaultMessage": "General"
+  },
+  "project.settings.license.title": {
+    "defaultMessage": "License"
+  },
+  "project.settings.links.title": {
+    "defaultMessage": "Links"
+  },
+  "project.settings.members.title": {
+    "defaultMessage": "Members"
+  },
+  "project.settings.notice.no-permission.description": {
+    "defaultMessage": "You don't have permission to edit this."
+  },
+  "project.settings.notice.no-permission.title": {
+    "defaultMessage": "No permission"
+  },
+  "project.settings.tags.title": {
+    "defaultMessage": "Tags"
+  },
+  "project.settings.upload.title": {
+    "defaultMessage": "Upload"
+  },
+  "project.settings.versions.title": {
+    "defaultMessage": "Versions"
+  },
+  "project.settings.view.title": {
+    "defaultMessage": "View"
+  },
+  "project.versions.channel.alpha.symbol": {
+    "defaultMessage": "A"
+  },
+  "project.versions.channel.beta.symbol": {
+    "defaultMessage": "B"
+  },
+  "project.versions.channel.release.symbol": {
+    "defaultMessage": "R"
+  },
+  "project.visibility.archived": {
+    "defaultMessage": "Archived"
+  },
+  "project.visibility.draft": {
+    "defaultMessage": "Draft"
+  },
+  "project.visibility.private": {
+    "defaultMessage": "Private"
+  },
+  "project.visibility.public": {
+    "defaultMessage": "Public"
+  },
+  "project.visibility.rejected": {
+    "defaultMessage": "Rejected"
+  },
+  "project.visibility.scheduled": {
+    "defaultMessage": "Scheduled"
+  },
+  "project.visibility.under-review": {
+    "defaultMessage": "Under review"
+  },
+  "project.visibility.unknown": {
+    "defaultMessage": "Unknown"
+  },
+  "project.visibility.unlisted": {
+    "defaultMessage": "Unlisted"
+  },
+  "project.visibility.unlisted-by-staff": {
+    "defaultMessage": "Unlisted by staff"
+  },
+  "search.filter.locked.default": {
+    "defaultMessage": "Filter locked"
+  },
+  "search.filter.locked.default.description": {
+    "defaultMessage": "Unlocking this filter may allow you to install incompatible content."
+  },
+  "search.filter.locked.default.sync": {
+    "defaultMessage": "Sync filter"
+  },
+  "search.filter.locked.default.title": {
+    "defaultMessage": "{type} is locked"
+  },
+  "search.filter.locked.default.unlock": {
+    "defaultMessage": "Unlock filter"
+  },
+  "search.filter.option.exclusion.add.tooltip": {
+    "defaultMessage": "Exclude"
+  },
+  "search.filter.option.search.clear.aria_label": {
+    "defaultMessage": "Clear search"
+  },
+  "search.filter.option.search.placeholder": {
+    "defaultMessage": "Search..."
+  },
+  "search.filter.option.show_fewer": {
+    "defaultMessage": "Show fewer"
+  },
+  "search.filter.option.show_more": {
+    "defaultMessage": "Show more"
+  },
+  "search.filter_type.environment": {
+    "defaultMessage": "Environment"
+  },
+  "search.filter_type.environment.client": {
+    "defaultMessage": "Client"
+  },
+  "search.filter_type.environment.server": {
+    "defaultMessage": "Server"
+  },
+  "search.filter_type.game_version": {
+    "defaultMessage": "Game version"
+  },
+  "search.filter_type.game_version.all_versions": {
+    "defaultMessage": "Show all versions"
+  },
+  "search.filter_type.license": {
+    "defaultMessage": "License"
+  },
+  "search.filter_type.license.open_source": {
+    "defaultMessage": "Open source"
+  },
+  "search.filter_type.mod_loader": {
+    "defaultMessage": "Loader"
+  },
+  "search.filter_type.modpack_loader": {
+    "defaultMessage": "Loader"
+  },
+  "search.filter_type.plugin_loader": {
+    "defaultMessage": "Loader"
+  },
+  "search.filter_type.plugin_platform": {
+    "defaultMessage": "Platform"
+  },
+  "search.filter_type.project_id": {
+    "defaultMessage": "Project ID"
+  },
+  "search.filter_type.shader_loader": {
+    "defaultMessage": "Loader"
+  },
+  "servers.backups.item.auto": {
+    "defaultMessage": "Auto"
+  },
+  "servers.backups.item.backup-schedule": {
+    "defaultMessage": "Backup schedule"
+  },
+  "servers.backups.item.creating-backup": {
+    "defaultMessage": "Creating backup..."
+  },
+  "servers.backups.item.failed-to-create-backup": {
+    "defaultMessage": "Failed to create backup"
+  },
+  "servers.backups.item.failed-to-restore-backup": {
+    "defaultMessage": "Failed to restore from backup"
+  },
+  "servers.backups.item.manual-backup": {
+    "defaultMessage": "Manual backup"
+  },
+  "servers.backups.item.queued-for-backup": {
+    "defaultMessage": "Backup queued"
+  },
+  "servers.backups.item.queued-for-restore": {
+    "defaultMessage": "Restore queued"
+  },
+  "servers.backups.item.rename": {
+    "defaultMessage": "Rename"
+  },
+  "servers.backups.item.restore": {
+    "defaultMessage": "Restore"
+  },
+  "servers.backups.item.restoring-backup": {
+    "defaultMessage": "Restoring from backup..."
+  },
+  "servers.notice.dismiss": {
+    "defaultMessage": "Dismiss"
+  },
+  "servers.notice.dismissable": {
+    "defaultMessage": "Dismissable"
+  },
+  "servers.notice.heading.attention": {
+    "defaultMessage": "Attention"
+  },
+  "servers.notice.heading.info": {
+    "defaultMessage": "Info"
+  },
+  "servers.notice.level.critical.name": {
+    "defaultMessage": "Critical"
+  },
+  "servers.notice.level.info.name": {
+    "defaultMessage": "Info"
+  },
+  "servers.notice.level.survey.name": {
+    "defaultMessage": "Survey"
+  },
+  "servers.notice.level.warn.name": {
+    "defaultMessage": "Warning"
+  },
+  "servers.notice.undismissable": {
+    "defaultMessage": "Undismissable"
+  },
+  "servers.purchase.step.payment.description": {
+    "defaultMessage": "You won't be charged yet."
+  },
+  "servers.purchase.step.payment.prompt": {
+    "defaultMessage": "Select a payment method"
+  },
+  "servers.purchase.step.payment.title": {
+    "defaultMessage": "Payment method"
+  },
+  "servers.purchase.step.plan.billed": {
+    "defaultMessage": "billed {interval}"
+  },
+  "servers.purchase.step.plan.custom.desc": {
+    "defaultMessage": "Pick a customized plan with just the specs you need."
+  },
+  "servers.purchase.step.plan.get-started": {
+    "defaultMessage": "Get started"
+  },
+  "servers.purchase.step.plan.large.desc": {
+    "defaultMessage": "Ideal for 15–25 players, modpacks, or heavy modding."
+  },
+  "servers.purchase.step.plan.medium.desc": {
+    "defaultMessage": "Great for 6–15 players and multiple mods."
+  },
+  "servers.purchase.step.plan.most-popular": {
+    "defaultMessage": "Most Popular"
+  },
+  "servers.purchase.step.plan.prompt": {
+    "defaultMessage": "Choose a plan"
+  },
+  "servers.purchase.step.plan.select": {
+    "defaultMessage": "Select Plan"
+  },
+  "servers.purchase.step.plan.small.desc": {
+    "defaultMessage": "Perfect for 1–5 friends with a few light mods."
+  },
+  "servers.purchase.step.plan.subtitle": {
+    "defaultMessage": "Pick the amount of RAM and specs that fit your needs."
+  },
+  "servers.purchase.step.plan.title": {
+    "defaultMessage": "Plan"
+  },
+  "servers.purchase.step.region.title": {
+    "defaultMessage": "Region"
+  },
+  "servers.purchase.step.review.title": {
+    "defaultMessage": "Review"
+  },
+  "servers.region.central-europe": {
+    "defaultMessage": "Central Europe"
+  },
+  "servers.region.custom.prompt": {
+    "defaultMessage": "How much RAM do you want your server to have?"
+  },
+  "servers.region.north-america": {
+    "defaultMessage": "North America"
+  },
+  "servers.region.prompt": {
+    "defaultMessage": "Where would you like your server to be located?"
+  },
+  "servers.region.region-unsupported": {
+    "defaultMessage": "Region not listed? <link>Let us know where you'd like to see Modrinth Hosting next!</link>"
+  },
+  "servers.region.southeast-asia": {
+    "defaultMessage": "Southeast Asia"
+  },
+  "servers.region.western-europe": {
+    "defaultMessage": "Western Europe"
+  },
+  "settings.account.title": {
+    "defaultMessage": "Account and security"
+  },
+  "settings.appearance.title": {
+    "defaultMessage": "Appearance"
+  },
+  "settings.applications.title": {
+    "defaultMessage": "Your applications"
+  },
+  "settings.authorized-apps.title": {
+    "defaultMessage": "Authorized apps"
+  },
+  "settings.billing.title": {
+    "defaultMessage": "Billing and subscriptions"
+  },
+  "settings.display.theme.dark": {
+    "defaultMessage": "Dark"
+  },
+  "settings.display.theme.description": {
+    "defaultMessage": "Select your preferred color theme for Modrinth on this device."
+  },
+  "settings.display.theme.light": {
+    "defaultMessage": "Light"
+  },
+  "settings.display.theme.oled": {
+    "defaultMessage": "OLED"
+  },
+  "settings.display.theme.preferred-dark-theme": {
+    "defaultMessage": "Preferred dark theme"
+  },
+  "settings.display.theme.preferred-light-theme": {
+    "defaultMessage": "Preferred light theme"
+  },
+  "settings.display.theme.retro": {
+    "defaultMessage": "Retro"
+  },
+  "settings.display.theme.system": {
+    "defaultMessage": "Sync with system"
+  },
+  "settings.display.theme.title": {
+    "defaultMessage": "Color theme"
+  },
+  "settings.language.categories.default": {
+    "defaultMessage": "Standard languages"
+  },
+  "settings.language.categories.search-result": {
+    "defaultMessage": "Search results"
+  },
+  "settings.language.description": {
+    "defaultMessage": "Choose your preferred language for the {platform}. Translations are contributed by volunteers <crowdin-link>on Crowdin</crowdin-link>."
+  },
+  "settings.language.languages.search-field.placeholder": {
+    "defaultMessage": "Search for a language..."
+  },
+  "settings.language.languages.search-results-announcement": {
+    "defaultMessage": "{matches, plural, =0 {No languages match} one {# language matches} other {# languages match}} your search."
+  },
+  "settings.language.languages.search.no-results": {
+    "defaultMessage": "No languages match your search."
+  },
+  "settings.language.platform.app": {
+    "defaultMessage": "app"
+  },
+  "settings.language.platform.site": {
+    "defaultMessage": "site"
+  },
+  "settings.language.title": {
+    "defaultMessage": "Language"
+  },
+  "settings.language.warning": {
+    "defaultMessage": "Changing the {platform} language may cause some content to appear in English if a translation is not available. The {platform} is not yet fully translated, so some content may remain in English for certain languages."
+  },
+  "settings.pats.title": {
+    "defaultMessage": "Personal access tokens"
+  },
+  "settings.profile.title": {
+    "defaultMessage": "Public profile"
+  },
+  "settings.sessions.title": {
+    "defaultMessage": "Sessions"
+  },
+  "tag.category.128x": {
+    "defaultMessage": "128x"
+  },
+  "tag.category.16x": {
+    "defaultMessage": "16x"
+  },
+  "tag.category.256x": {
+    "defaultMessage": "256x"
+  },
+  "tag.category.32x": {
+    "defaultMessage": "32x"
+  },
+  "tag.category.48x": {
+    "defaultMessage": "48x"
+  },
+  "tag.category.512x+": {
+    "defaultMessage": "512x or higher"
+  },
+  "tag.category.64x": {
+    "defaultMessage": "64x"
+  },
+  "tag.category.8x-": {
+    "defaultMessage": "8x or lower"
+  },
+  "tag.category.adventure": {
+    "defaultMessage": "Adventure"
+  },
+  "tag.category.atmosphere": {
+    "defaultMessage": "Atmosphere"
+  },
+  "tag.category.audio": {
+    "defaultMessage": "Audio"
+  },
+  "tag.category.blocks": {
+    "defaultMessage": "Blocks"
+  },
+  "tag.category.bloom": {
+    "defaultMessage": "Bloom"
+  },
+  "tag.category.cartoon": {
+    "defaultMessage": "Cartoon"
+  },
+  "tag.category.challenging": {
+    "defaultMessage": "Challenging"
+  },
+  "tag.category.colored-lighting": {
+    "defaultMessage": "Colored Lighting"
+  },
+  "tag.category.combat": {
+    "defaultMessage": "Combat"
+  },
+  "tag.category.core-shaders": {
+    "defaultMessage": "Core Shaders"
+  },
+  "tag.category.cursed": {
+    "defaultMessage": "Cursed"
+  },
+  "tag.category.decoration": {
+    "defaultMessage": "Decoration"
+  },
+  "tag.category.economy": {
+    "defaultMessage": "Economy"
+  },
+  "tag.category.entities": {
+    "defaultMessage": "Entities"
+  },
+  "tag.category.environment": {
+    "defaultMessage": "Environment"
+  },
+  "tag.category.equipment": {
+    "defaultMessage": "Equipment"
+  },
+  "tag.category.fantasy": {
+    "defaultMessage": "Fantasy"
+  },
+  "tag.category.foliage": {
+    "defaultMessage": "Foliage"
+  },
+  "tag.category.fonts": {
+    "defaultMessage": "Fonts"
+  },
+  "tag.category.food": {
+    "defaultMessage": "Food"
+  },
+  "tag.category.game-mechanics": {
+    "defaultMessage": "Game Mechanics"
+  },
+  "tag.category.gui": {
+    "defaultMessage": "GUI"
+  },
+  "tag.category.high": {
+    "defaultMessage": "High"
+  },
+  "tag.category.items": {
+    "defaultMessage": "Items"
+  },
+  "tag.category.kitchen-sink": {
+    "defaultMessage": "Kitchen Sink"
+  },
+  "tag.category.library": {
+    "defaultMessage": "Library"
+  },
+  "tag.category.lightweight": {
+    "defaultMessage": "Lightweight"
+  },
+  "tag.category.locale": {
+    "defaultMessage": "Locale"
+  },
+  "tag.category.low": {
+    "defaultMessage": "Low"
+  },
+  "tag.category.magic": {
+    "defaultMessage": "Magic"
+  },
+  "tag.category.management": {
+    "defaultMessage": "Management"
+  },
+  "tag.category.medium": {
+    "defaultMessage": "Medium"
+  },
+  "tag.category.minigame": {
+    "defaultMessage": "Minigame"
+  },
+  "tag.category.mobs": {
+    "defaultMessage": "Mobs"
+  },
+  "tag.category.modded": {
+    "defaultMessage": "Modded"
+  },
+  "tag.category.models": {
+    "defaultMessage": "Models"
+  },
+  "tag.category.multiplayer": {
+    "defaultMessage": "Multiplayer"
+  },
+  "tag.category.optimization": {
+    "defaultMessage": "Optimization"
+  },
+  "tag.category.path-tracing": {
+    "defaultMessage": "Path Tracing"
+  },
+  "tag.category.pbr": {
+    "defaultMessage": "PBR"
+  },
+  "tag.category.potato": {
+    "defaultMessage": "Potato"
+  },
+  "tag.category.quests": {
+    "defaultMessage": "Quests"
+  },
+  "tag.category.realistic": {
+    "defaultMessage": "Realistic"
+  },
+  "tag.category.reflections": {
+    "defaultMessage": "Reflections"
+  },
+  "tag.category.screenshot": {
+    "defaultMessage": "Screenshot"
+  },
+  "tag.category.semi-realistic": {
+    "defaultMessage": "Semi Realistic"
+  },
+  "tag.category.shadows": {
+    "defaultMessage": "Shadows"
+  },
+  "tag.category.simplistic": {
+    "defaultMessage": "Simplistic"
+  },
+  "tag.category.social": {
+    "defaultMessage": "Social"
+  },
+  "tag.category.storage": {
+    "defaultMessage": "Storage"
+  },
+  "tag.category.technology": {
+    "defaultMessage": "Technology"
+  },
+  "tag.category.themed": {
+    "defaultMessage": "Themed"
+  },
+  "tag.category.transportation": {
+    "defaultMessage": "Transportation"
+  },
+  "tag.category.tweaks": {
+    "defaultMessage": "Tweaks"
+  },
+  "tag.category.utility": {
+    "defaultMessage": "Utility"
+  },
+  "tag.category.vanilla-like": {
+    "defaultMessage": "Vanilla Like"
+  },
+  "tag.category.worldgen": {
+    "defaultMessage": "World Generation"
+  },
+  "tag.loader.babric": {
+    "defaultMessage": "Babric"
+  },
+  "tag.loader.bta-babric": {
+    "defaultMessage": "BTA (Babric)"
+  },
+  "tag.loader.bukkit": {
+    "defaultMessage": "Bukkit"
+  },
+  "tag.loader.bungeecord": {
+    "defaultMessage": "BungeeCord"
+  },
+  "tag.loader.canvas": {
+    "defaultMessage": "Canvas"
+  },
+  "tag.loader.datapack": {
+    "defaultMessage": "Data Pack"
+  },
+  "tag.loader.fabric": {
+    "defaultMessage": "Fabric"
+  },
+  "tag.loader.folia": {
+    "defaultMessage": "Folia"
+  },
+  "tag.loader.forge": {
+    "defaultMessage": "Forge"
+  },
+  "tag.loader.geyser": {
+    "defaultMessage": "Geyser Extension"
+  },
+  "tag.loader.iris": {
+    "defaultMessage": "Iris"
+  },
+  "tag.loader.java-agent": {
+    "defaultMessage": "Java Agent"
+  },
+  "tag.loader.legacy-fabric": {
+    "defaultMessage": "Legacy Fabric"
+  },
+  "tag.loader.liteloader": {
+    "defaultMessage": "LiteLoader"
+  },
+  "tag.loader.minecraft": {
+    "defaultMessage": "Resource Pack"
+  },
+  "tag.loader.modloader": {
+    "defaultMessage": "Risugami's ModLoader"
+  },
+  "tag.loader.mrpack": {
+    "defaultMessage": "Modpack"
+  },
+  "tag.loader.neoforge": {
+    "defaultMessage": "NeoForge"
+  },
+  "tag.loader.nilloader": {
+    "defaultMessage": "NilLoader"
+  },
+  "tag.loader.optifine": {
+    "defaultMessage": "OptiFine"
+  },
+  "tag.loader.ornithe": {
+    "defaultMessage": "Ornithe"
+  },
+  "tag.loader.paper": {
+    "defaultMessage": "Paper"
+  },
+  "tag.loader.purpur": {
+    "defaultMessage": "Purpur"
+  },
+  "tag.loader.quilt": {
+    "defaultMessage": "Quilt"
+  },
+  "tag.loader.rift": {
+    "defaultMessage": "Rift"
+  },
+  "tag.loader.spigot": {
+    "defaultMessage": "Spigot"
+  },
+  "tag.loader.sponge": {
+    "defaultMessage": "Sponge"
+  },
+  "tag.loader.vanilla": {
+    "defaultMessage": "Vanilla Shader"
+  },
+  "tag.loader.velocity": {
+    "defaultMessage": "Velocity"
+  },
+  "tag.loader.waterfall": {
+    "defaultMessage": "Waterfall"
+  },
+  "tooltip.date-at-time": {
+    "defaultMessage": "{date, date, long} at {time, time, short}"
+  },
+  "ui.component.unsaved-changes-popup.body": {
+    "defaultMessage": "You have unsaved changes."
+  }
 }

From acccddffc3356deb7b45a2c5b14ad9dae05de34e Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 30 Jan 2026 12:55:31 -0700
Subject: [PATCH 066/178] delete duplicate keys

---
 packages/ui/src/utils/common-messages.ts | 32 ------------------------
 1 file changed, 32 deletions(-)

diff --git a/packages/ui/src/utils/common-messages.ts b/packages/ui/src/utils/common-messages.ts
index cbe849113b..81ea87fd8d 100644
--- a/packages/ui/src/utils/common-messages.ts
+++ b/packages/ui/src/utils/common-messages.ts
@@ -369,38 +369,6 @@ export const commonMessages = defineMessages({
 		id: 'label.no-items',
 		defaultMessage: 'No items',
 	},
-	updateAvailableLabel: {
-		id: 'label.update-available',
-		defaultMessage: 'Update available',
-	},
-	changelogLabel: {
-		id: 'label.changelog',
-		defaultMessage: 'Changelog',
-	},
-	updateButton: {
-		id: 'button.update',
-		defaultMessage: 'Update',
-	},
-	contentLabel: {
-		id: 'label.content',
-		defaultMessage: 'Content',
-	},
-	versionLabel: {
-		id: 'label.version',
-		defaultMessage: 'Version',
-	},
-	projectLabel: {
-		id: 'label.project',
-		defaultMessage: 'Project',
-	},
-	actionsLabel: {
-		id: 'label.actions',
-		defaultMessage: 'Actions',
-	},
-	noItemsLabel: {
-		id: 'label.no-items',
-		defaultMessage: 'No items',
-	},
 })
 
 export const formFieldLabels = defineMessages({

From 04b3488dbc5796b222517020b8d94c9607f9a7c3 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 2 Feb 2026 18:38:15 -0700
Subject: [PATCH 067/178] remove server project feature flag and mock get
 project v3 route

---
 apps/frontend/src/composables/featureFlags.ts |  1 -
 apps/frontend/src/pages/[type]/[id].vue       |  6 +-
 .../src/pages/[type]/[id]/settings.vue        | 21 ++++---
 .../src/pages/[type]/[id]/settings/index.vue  | 59 +++++++++----------
 .../src/pages/[type]/[id]/settings/links.vue  | 13 ++--
 .../src/modules/labrinth/projects/v3.ts       |  8 ++-
 6 files changed, 59 insertions(+), 49 deletions(-)

diff --git a/apps/frontend/src/composables/featureFlags.ts b/apps/frontend/src/composables/featureFlags.ts
index 1887abc3e8..d7f5b7219a 100644
--- a/apps/frontend/src/composables/featureFlags.ts
+++ b/apps/frontend/src/composables/featureFlags.ts
@@ -42,7 +42,6 @@ export const DEFAULT_FEATURE_FLAGS = validateValues({
 	hideRussiaCensorshipBanner: false,
 	serverDiscovery: false,
 	disablePrettyProjectUrlRedirects: false,
-	serverProjectSettings: false,
 	hidePreviewBanner: false,
 } as const)
 
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index 2254be0126..41a407ae7d 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -444,7 +444,7 @@
 
 							<div class="hidden sm:contents">
 								<ButtonStyled
-									v-if="!flags.serverProjectSettings"
+									v-if="!isServerProject"
 									size="large"
 									:color="
 										(auth.user && currentMember) || route.name === 'type-id-version-version'
@@ -487,7 +487,7 @@
 
 							<div class="contents sm:hidden">
 								<ButtonStyled
-									v-if="!flags.serverProjectSettings"
+									v-if="!isServerProject"
 									size="large"
 									circular
 									:color="route.name === 'type-id-version-version' ? `standard` : `brand`"
@@ -1065,6 +1065,8 @@ const gameVersionFilterInput = ref()
 
 const versionFilter = ref('')
 
+const isServerProject = computed(() => projectV3.value?.minecraft_server !== undefined)
+
 const projectEnvironmentModal = useTemplateRef('projectEnvironmentModal')
 
 const baseId = useId()
diff --git a/apps/frontend/src/pages/[type]/[id]/settings.vue b/apps/frontend/src/pages/[type]/[id]/settings.vue
index e44e7a669d..2720bf07d2 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings.vue
@@ -37,6 +37,10 @@ const {
 
 const flags = useFeatureFlags()
 
+console.log(projectV3.value)
+
+const isServerProject = computed(() => projectV3.value?.minecraft_server !== undefined)
+
 const navItems = computed(() => {
 	const base = `${project.value.project_type}/${project.value.slug ? project.value.slug : project.value.id}`
 
@@ -63,28 +67,27 @@ const navItems = computed(() => {
 			label: formatMessage(commonProjectSettingsMessages.tags),
 			icon: TagsIcon,
 		},
-		// TODO-server-projects: switch to use project type === "server" once available
-		!flags.value.serverProjectSettings && {
+		!isServerProject.value && {
 			link: `/${base}/settings/description`,
 			label: formatMessage(commonProjectSettingsMessages.description),
 			icon: AlignLeftIcon,
 		},
-		!flags.value.serverProjectSettings && {
+		!isServerProject.value && {
 			link: `/${base}/settings/versions`,
 			label: formatMessage(commonProjectSettingsMessages.versions),
 			icon: VersionIcon,
 		},
-		flags.value.serverProjectSettings && {
+		isServerProject.value && {
 			link: `/${base}/settings/content`,
 			label: formatMessage(commonProjectSettingsMessages.content),
 			icon: PlayIcon,
 		},
-		!flags.value.serverProjectSettings && {
+		!isServerProject.value && {
 			link: `/${base}/settings/license`,
 			label: formatMessage(commonProjectSettingsMessages.license),
 			icon: BookTextIcon,
 		},
-		flags.value.serverProjectSettings && {
+		isServerProject.value && {
 			link: `/${base}/settings/description`,
 			label: formatMessage(commonProjectSettingsMessages.description),
 			icon: AlignLeftIcon,
@@ -104,7 +107,7 @@ const navItems = computed(() => {
 			label: formatMessage(commonProjectSettingsMessages.members),
 			icon: UsersIcon,
 		},
-		!flags.value.serverProjectSettings && {
+		!isServerProject.value && {
 			link: `/${base}/settings/analytics`,
 			label: formatMessage(commonProjectSettingsMessages.analytics),
 			icon: ChartIcon,
@@ -141,10 +144,10 @@ watch(route, () => {
 				tags.rejectedStatuses.includes(project.status)
 			"
 			:project="project"
-			:versions="versions"
+			:versions="versions ?? undefined"
 			:current-member="currentMember"
 			:collapsed="collapsedChecklist"
-			:route-name="route.name"
+			:route-name="route.name as string"
 			:tags="tags"
 			@toggle-collapsed="() => (collapsedChecklist = !collapsedChecklist)"
 			@set-processing="setProcessing"
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index e6346fa24a..439a0e675c 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -109,7 +109,7 @@
 				</div>
 
 				<!-- Server Project Settings -->
-				<template v-if="flags.serverProjectSettings">
+				<template v-if="isServerProject">
 					<!-- Banner -->
 					<div>
 						<label>
@@ -257,27 +257,11 @@
 							/>
 						</label>
 					</div>
-
-					<!-- Country -->
-					<div>
-						<label for="server-country">
-							<span class="label__title">Country</span>
-						</label>
-						<DropdownSelect
-							id="server-country"
-							v-model="serverCountry"
-							:options="countries.map((c) => c.value)"
-							:display-name="(val) => countries.find((c) => c.value === val)?.label ?? val"
-							name="server-country"
-							placeholder="Select country"
-							:disabled="!hasPermission"
-						/>
-					</div>
 				</template>
 
 				<template
 					v-if="
-						!flags.serverProjectSettings &&
+						!isServerProject &&
 						!flags.newProjectEnvironmentSettings &&
 						project.versions?.length !== 0 &&
 						project.project_type !== 'resourcepack' &&
@@ -444,7 +428,6 @@ import {
 	Avatar,
 	Combobox,
 	ConfirmModal,
-	DropdownSelect,
 	injectNotificationManager,
 	injectProjectPageContext,
 } from '@modrinth/ui'
@@ -459,6 +442,7 @@ import { useFeatureFlags } from '~/composables/featureFlags.ts'
 const { addNotification } = injectNotificationManager()
 const {
 	projectV2: project,
+	projectV3,
 	currentMember,
 	patchProject,
 	patchIcon,
@@ -485,17 +469,30 @@ const visibility = ref(
 )
 
 // Server project specific refs
-const bannerPreview = computed(() => null)
-const deletedBanner = computed(() => false)
-const bannerFile = computed(() => null)
-const javaAddress = computed(() => project.value.java_address ?? '')
-const javaPort = computed(() => project.value.java_port ?? 25565)
-const bedrockAddress = computed(() => project.value.bedrock_address ?? '')
-const bedrockPort = computed(() => project.value.bedrock_port ?? 19132)
-const serverCountry = computed(() => project.value.country ?? null)
-const supportedGameVersions = computed(() => project.value.supported_game_versions ?? [])
-const requiredGameVersion = computed(() => project.value.required_game_versions ?? '1.21.1')
-const usingMrpack = computed(() => project.value.linked_modpack === true)
+const isServerProject = computed(() => projectV3.value?.minecraft_server !== undefined)
+const bannerPreview = ref(null)
+const deletedBanner = ref(false)
+const bannerFile = ref(null)
+// const javaAddress = ref('')
+const javaPort = ref(25565)
+// const bedrockAddress = ref('')
+const bedrockPort = ref(19132)
+const javaAddress = ref(projectV3.value?.minecraft_java_server?.address ?? '')
+// const javaPort = ref(projectV3.value.minecraft_java_server?.port ?? 25565)
+const bedrockAddress = ref(projectV3.value?.minecraft_bedrock_server?.address ?? '')
+// const bedrockPort = ref(projectV3.value.minecraft_bedrock_server?.port ?? 19132)
+const supportedGameVersions = ref(
+	[],
+	// projectV3.value.minecraft_server?.supported_game_versions ?? []
+)
+const requiredGameVersion = ref(
+	'1.21.1',
+	// projectV3.value.minecraft_server?.required_game_versions?.[0] ?? '1.21.1',
+)
+const usingMrpack = ref(
+	false,
+	// projectV3.value.minecraft_server?.linked_modpack === true
+)
 
 const generatedState = useGeneratedState()
 const gameVersions = generatedState.value.gameVersions
@@ -551,6 +548,8 @@ const patchData = computed(() => {
 		data.requested_status = visibility.value
 	}
 
+	// TODO handle patch changes with new server project fields
+
 	return data
 })
 
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index 827bd09bfb..ecc3754dde 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<!-- Server Project Links -->
-		<section v-if="flags.serverProjectSettings" class="universal-card">
+		<section v-if="isServerProject" class="universal-card">
 			<h2>Links</h2>
 			<div class="adjacent-input">
 				<label id="server-website" title="Your server's website.">
@@ -59,7 +59,7 @@
 		</section>
 
 		<!-- Standard Project Links -->
-		<section v-if="!flags.serverProjectSettings" class="universal-card">
+		<section v-if="!isServerProject" class="universal-card">
 			<h2>External links</h2>
 			<div class="adjacent-input">
 				<label
@@ -238,7 +238,7 @@ import { DropdownSelect, injectProjectPageContext } from '@modrinth/ui'
 const tags = useGeneratedState()
 const flags = useFeatureFlags()
 
-const { projectV2: project, currentMember, patchProject } = injectProjectPageContext()
+const { projectV2: project, projectV3, currentMember, patchProject } = injectProjectPageContext()
 
 const issuesUrl = ref(project.value.issues_url)
 const sourceUrl = ref(project.value.source_url)
@@ -246,9 +246,10 @@ const wikiUrl = ref(project.value.wiki_url)
 const discordUrl = ref(project.value.discord_url)
 
 // Server project links
-const websiteUrl = ref(props.project.wiki_url) // TODO: Map to actual server website field
-const storeUrl = ref(props.project.issues_url) // TODO: Map to actual server store field
-const serverDiscordUrl = ref(props.project.discord_url)
+const isServerProject = computed(() => projectV3.value.minecraft_server !== undefined)
+const websiteUrl = ref(project.value.wiki_url) // TODO: Map to actual server website field
+const storeUrl = ref(project.value.issues_url) // TODO: Map to actual server store field
+const serverDiscordUrl = ref(project.value.discord_url)
 
 const isIssuesUrlCommon = computed(() => {
 	if (!issuesUrl.value || issuesUrl.value.trim().length === 0) return true
diff --git a/packages/api-client/src/modules/labrinth/projects/v3.ts b/packages/api-client/src/modules/labrinth/projects/v3.ts
index 3906a2da5c..096c0fbde6 100644
--- a/packages/api-client/src/modules/labrinth/projects/v3.ts
+++ b/packages/api-client/src/modules/labrinth/projects/v3.ts
@@ -20,11 +20,17 @@ export class LabrinthProjectsV3Module extends AbstractModule {
 	 * ```
 	 */
 	public async get(id: string): Promise<Labrinth.Projects.v3.Project> {
-		return this.client.request<Labrinth.Projects.v3.Project>(`/project/${id}`, {
+		const project = await this.client.request<Labrinth.Projects.v3.Project>(`/project/${id}`, {
 			api: 'labrinth',
 			version: 3,
 			method: 'GET',
 		})
+		// TODO remove this logic once create server project works
+		if (project.name === 'Server project') {
+			project.minecraft_server = { max_players: 100 }
+			console.log('going here', project)
+		}
+		return project
 	}
 
 	/**

From d935a8f9835f751b67ff10572b2ac559c0e99fc1 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 2 Feb 2026 19:32:45 -0700
Subject: [PATCH 068/178] hook up create server project endpoint

---
 .../ui/create/ProjectCreateModal.vue          | 47 +++++++++++--------
 .../src/modules/labrinth/projects/v3.ts       | 12 ++---
 .../api-client/src/modules/labrinth/types.ts  | 31 +++++++++---
 3 files changed, 54 insertions(+), 36 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 00c9ab9d5f..bf5f4e5d90 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -127,17 +127,19 @@ import {
 	type ComboboxOption,
 	commonMessages,
 	defineMessages,
+	injectModrinthClient,
 	injectNotificationManager,
 	NewModal,
 	useVIntl,
 } from '@modrinth/ui'
 import { defineAsyncComponent, h } from 'vue'
 
+import type { Labrinth } from '@modrinth/api-client'
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
 type ProjectTypes = 'server' | 'project'
 interface VisibilityOption {
-	actual: string
+	actual: Labrinth.Projects.v2.ProjectStatus
 	display: string
 }
 interface ShowOptions {
@@ -241,16 +243,6 @@ const name = ref('')
 const slug = ref('')
 const description = ref('')
 const manualSlug = ref(false)
-const projectTypeOptions = ref<ComboboxOption<ProjectTypes>[]>([
-	{
-		value: 'project' as const,
-		label: formatMessage(messages.typeProject),
-	},
-	{
-		value: 'server' as const,
-		label: formatMessage(messages.typeServer),
-	},
-])
 const projectType = ref<ProjectTypes>('project')
 const ownerOptions = ref<ComboboxOption<string>[]>([])
 const owner = ref<string | null>('self')
@@ -291,12 +283,14 @@ const userOption = {
 		: undefined,
 }
 
+const { labrinth } = injectModrinthClient()
+
 async function createProject() {
 	startLoading()
 
 	const formData = new FormData()
 
-	const projectData: Record<string, unknown> = {
+	const projectData: Labrinth.Projects.v2.CreateProjectBase = {
 		title: name.value.trim(),
 		project_type: 'mod',
 		slug: slug.value,
@@ -321,17 +315,30 @@ async function createProject() {
 	if (props.organizationId) {
 		projectData.organization_id = props.organizationId
 	}
-
 	formData.append('data', JSON.stringify(projectData))
 
 	try {
-		await useBaseFetch('project', {
-			method: 'POST',
-			body: formData,
-			headers: {
-				'Content-Disposition': formData as unknown as string,
-			},
-		})
+		if (projectType.value === 'server') {
+			labrinth.projects_v3.createServerProject({
+				base: {
+					name: projectData.title,
+					slug: projectData.slug,
+					summary: projectData.description,
+					description: '',
+				},
+				minecraft_server: {
+					max_players: 0,
+				},
+			})
+		} else {
+			await useBaseFetch('project', {
+				method: 'POST',
+				body: formData,
+				headers: {
+					'Content-Disposition': formData as unknown as string,
+				},
+			})
+		}
 
 		modal.value?.hide()
 		await router.push(`/project/${slug.value}/settings`)
diff --git a/packages/api-client/src/modules/labrinth/projects/v3.ts b/packages/api-client/src/modules/labrinth/projects/v3.ts
index 096c0fbde6..08c8e012e2 100644
--- a/packages/api-client/src/modules/labrinth/projects/v3.ts
+++ b/packages/api-client/src/modules/labrinth/projects/v3.ts
@@ -20,17 +20,11 @@ export class LabrinthProjectsV3Module extends AbstractModule {
 	 * ```
 	 */
 	public async get(id: string): Promise<Labrinth.Projects.v3.Project> {
-		const project = await this.client.request<Labrinth.Projects.v3.Project>(`/project/${id}`, {
+		return this.client.request<Labrinth.Projects.v3.Project>(`/project/${id}`, {
 			api: 'labrinth',
 			version: 3,
 			method: 'GET',
 		})
-		// TODO remove this logic once create server project works
-		if (project.name === 'Server project') {
-			project.minecraft_server = { max_players: 100 }
-			console.log('going here', project)
-		}
-		return project
 	}
 
 	/**
@@ -110,8 +104,8 @@ export class LabrinthProjectsV3Module extends AbstractModule {
 		})
 	}
 
-	public async create(
-		data: Labrinth.Projects.v3.CreateProjectRequest,
+	public async createServerProject(
+		data: Labrinth.Projects.v3.CreateServerProjectRequest,
 	): Promise<Labrinth.Projects.v3.Project> {
 		return this.client.request<Labrinth.Projects.v3.Project>(`/project`, {
 			api: 'labrinth',
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 4d82347955..1577336746 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -189,6 +189,23 @@ export namespace Labrinth {
 				url: string
 			}
 
+			export interface CreateProjectBase {
+				title: string
+				project_type: 'mod'
+				slug: string
+				description: string
+				body: string
+				requested_status: v2.ProjectStatus
+				initial_versions: unknown[]
+				team_members: any[]
+				categories: string[]
+				client_side: string
+				server_side: string
+				license_id: string
+				is_draft: boolean
+				organization_id?: string
+			}
+
 			export type Project = {
 				id: string
 				slug: string
@@ -354,11 +371,11 @@ export namespace Labrinth {
 				[key: string]: unknown
 			}
 
-			export interface ProjectBase {
-				name: string
-				slug: string
-				summary: string
-				description: string
+			interface CreateProjectBase {
+				name: string // 3-64 chars
+				slug: string // 3-64 chars, URL-safe
+				summary: string // 3-255 chars
+				description: string // max 65536 chars, markdown
 			}
 
 			export interface MinecraftServer {
@@ -373,8 +390,8 @@ export namespace Labrinth {
 				address: string
 			}
 
-			export interface CreateProjectRequest {
-				base: ProjectBase
+			export interface CreateServerProjectRequest {
+				base: CreateProjectBase
 				minecraft_server?: MinecraftServer
 				minecraft_java_server?: MinecraftJavaServer
 				minecraft_bedrock_server?: MinecraftBedrockServer

From 4ce81f0e8fbc1fe6e89a96f2afecc2ddea8396de Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 2 Feb 2026 19:44:59 -0700
Subject: [PATCH 069/178] implement transfer to org on create project

---
 .../ui/create/ProjectCreateModal.vue          | 71 +++++++++++++++++--
 1 file changed, 64 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index bf5f4e5d90..8dc47559b0 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -132,7 +132,7 @@ import {
 	NewModal,
 	useVIntl,
 } from '@modrinth/ui'
-import { defineAsyncComponent, h } from 'vue'
+import { computed, defineAsyncComponent, h } from 'vue'
 
 import type { Labrinth } from '@modrinth/api-client'
 import CreateLimitAlert from './CreateLimitAlert.vue'
@@ -246,6 +246,7 @@ const manualSlug = ref(false)
 const projectType = ref<ProjectTypes>('project')
 const ownerOptions = ref<ComboboxOption<string>[]>([])
 const owner = ref<string | null>('self')
+const organizations = ref<Labrinth.Projects.v3.Organization[]>([])
 const visibilities = ref<VisibilityOption[]>([
 	{
 		actual: 'approved',
@@ -266,7 +267,7 @@ const cancel = () => {
 	modal.value?.hide()
 }
 
-const userOption = {
+const userOption = computed(() => ({
 	value: 'self',
 	label: auth.value.user?.username || 'Unknown user',
 	icon: auth.value.user?.avatar_url
@@ -281,10 +282,41 @@ const userOption = {
 				}),
 			)
 		: undefined,
-}
+}))
 
 const { labrinth } = injectModrinthClient()
 
+async function fetchOrganizations() {
+	if (!auth.value.user?.id) return
+
+	try {
+		const orgs = (await useBaseFetch(`user/${auth.value.user.id}/organizations`, {
+			apiVersion: 3,
+		})) as Labrinth.Projects.v3.Organization[]
+
+		organizations.value = orgs || []
+
+		ownerOptions.value = organizations.value.map((org) => ({
+			value: org.id,
+			label: org.name,
+			icon: org.icon_url
+				? defineAsyncComponent(() =>
+						Promise.resolve({
+							setup: () => () =>
+								h('img', {
+									src: org.icon_url,
+									alt: `${org.name} Icon`,
+									class: 'h-5 w-5 rounded',
+								}),
+						}),
+					)
+				: undefined,
+		}))
+	} catch (err) {
+		console.error('Failed to fetch organizations:', err)
+	}
+}
+
 async function createProject() {
 	startLoading()
 
@@ -318,8 +350,10 @@ async function createProject() {
 	formData.append('data', JSON.stringify(projectData))
 
 	try {
+		let createdProjectId: string | undefined
+
 		if (projectType.value === 'server') {
-			labrinth.projects_v3.createServerProject({
+			const result = await labrinth.projects_v3.createServerProject({
 				base: {
 					name: projectData.title,
 					slug: projectData.slug,
@@ -330,14 +364,35 @@ async function createProject() {
 					max_players: 0,
 				},
 			})
+			createdProjectId = result.id
 		} else {
-			await useBaseFetch('project', {
+			const result = (await useBaseFetch('project', {
 				method: 'POST',
 				body: formData,
 				headers: {
 					'Content-Disposition': formData as unknown as string,
 				},
-			})
+			})) as Labrinth.Projects.v3.Project
+			createdProjectId = result.id
+		}
+
+		// Transfer project to organization if one is selected
+		if (owner.value && owner.value !== 'self' && createdProjectId) {
+			try {
+				await useBaseFetch(`organization/${owner.value}/projects`, {
+					method: 'POST',
+					body: JSON.stringify({
+						project_id: createdProjectId,
+					}),
+					apiVersion: 3,
+				})
+			} catch (transferErr) {
+				addNotification({
+					title: formatMessage(commonMessages.errorNotificationTitle),
+					text: 'Project created but failed to transfer to organization.',
+					type: 'error',
+				})
+			}
 		}
 
 		modal.value?.hide()
@@ -353,12 +408,14 @@ async function createProject() {
 	stopLoading()
 }
 
-function show(event?: MouseEvent, options?: ShowOptions) {
+async function show(event?: MouseEvent, options?: ShowOptions) {
 	name.value = ''
 	slug.value = ''
 	description.value = ''
 	manualSlug.value = false
+	owner.value = 'self'
 	projectType.value = options?.type ?? 'project'
+	await fetchOrganizations()
 	modal.value?.show(event)
 }
 

From 65d0803c3754638e9ba5e47df1ddd1dc7a5fcd09 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 2 Feb 2026 20:23:17 -0700
Subject: [PATCH 070/178] update table

---
 .../pages/[type]/[id]/settings/content.vue    | 77 +++++--------------
 .../project/CreateServerVersionModal.vue      | 17 ----
 2 files changed, 19 insertions(+), 75 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 129d213fa4..9b3a9cb3b6 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -38,25 +38,13 @@
 				:columns="columns"
 				:data="mockVersions"
 			>
-				<template #cell-name="{ row }">
-					<div class="flex items-center gap-2">
-						<span class="font-semibold text-contrast">{{ row.name }}</span>
-						<TagItem
-							v-if="row.isActive"
-							class="border !border-solid border-brand bg-highlight-green text-brand"
-							:style="`--_color: var(--color-brand)`"
-						>
-							Active
-						</TagItem>
-					</div>
-				</template>
-				<template #cell-requiredContent="{ value }">
-					<span>{{ value }}</span>
+				<template #cell-name="{ value }">
+					<span class="font-semibold text-contrast">{{ value }}</span>
 				</template>
-				<template #cell-gameVersion="{ value }">
+				<template #cell-version="{ value }">
 					<span>{{ value }}</span>
 				</template>
-				<template #cell-published="{ value }">
+				<template #cell-date="{ value }">
 					<span>{{ value }}</span>
 				</template>
 				<template #cell-actions="{ row }">
@@ -71,11 +59,6 @@
 										id: 'edit',
 										action: () => handleOpenEditVersionModal(row.id),
 									},
-									{
-										id: 'set-active',
-										action: () => setActiveVersion(row.id),
-										shown: !row.isActive,
-									},
 									{
 										id: 'copy-id',
 										action: () => copyToClipboard(row.id),
@@ -95,10 +78,6 @@
 									<EditIcon aria-hidden="true" />
 									Edit
 								</template>
-								<template #set-active>
-									<CheckIcon aria-hidden="true" />
-									Set as active
-								</template>
 								<template #copy-id>
 									<ClipboardCopyIcon aria-hidden="true" />
 									Copy ID
@@ -189,7 +168,6 @@
 
 <script lang="ts" setup>
 import {
-	CheckIcon,
 	ClipboardCopyIcon,
 	EditIcon,
 	MoreVerticalIcon,
@@ -208,7 +186,6 @@ import {
 	OverflowMenu,
 	Table,
 	type TableColumn,
-	TagItem,
 } from '@modrinth/ui'
 import { ref, useTemplateRef } from 'vue'
 
@@ -226,45 +203,36 @@ const search = ref('')
 interface ServerVersion {
 	id: string
 	name: string
-	isActive: boolean
-	requiredContent: string
-	gameVersion: string
-	published: string
+	version: string
+	date: string
 }
 
 const mockVersions = ref<ServerVersion[]>([
 	{
 		id: '1',
-		name: '1.0.2',
-		isActive: true,
-		requiredContent: 'Complex Cobblemon Pack 1.6.4',
-		gameVersion: '1.21.10',
-		published: 'Last week',
+		name: 'Cobblemon Official Modpack [Fabric]',
+		version: '1.7.3',
+		date: '3 days ago',
 	},
 	{
 		id: '2',
-		name: '1.0.1',
-		isActive: false,
-		requiredContent: 'Complex Cobblemon Pack 1.6.4',
-		gameVersion: '1.21.10',
-		published: 'Last month',
+		name: 'Cobblemon Official Modpack [Fabric]',
+		version: '1.7.2',
+		date: 'Last month',
 	},
 	{
 		id: '3',
-		name: '1.0.0',
-		isActive: false,
-		requiredContent: 'Complex Cobblemon Pack 1.6.4',
-		gameVersion: '1.21.10',
-		published: '2 months ago',
+		name: 'Cobblemon Official Modpack [Fabric]',
+		version: '1.7.1',
+		date: '2 months ago',
 	},
 ])
 
 const columns: TableColumn<keyof ServerVersion | 'actions'>[] = [
-	{ key: 'name', label: 'Name', enableSorting: true },
-	{ key: 'requiredContent', label: 'Required content' },
-	{ key: 'gameVersion', label: 'Game version' },
-	{ key: 'published', label: 'Published' },
-	{ key: 'actions', label: 'Actions', align: 'right', width: '80px' },
+	{ key: 'name', label: 'Name' },
+	{ key: 'version', label: 'Version' },
+	{ key: 'date', label: 'Date' },
+	{ key: 'actions', label: 'Actions', align: 'right', width: '60px' },
 ]
 
 const sortColumn = ref<string | undefined>('name')
@@ -287,13 +255,6 @@ const handleOpenEditVersionModal = (versionId: string) => {
 	console.log('Edit version:', versionId)
 }
 
-const setActiveVersion = (versionId: string) => {
-	mockVersions.value = mockVersions.value.map((v) => ({
-		...v,
-		isActive: v.id === versionId,
-	}))
-}
-
 async function copyToClipboard(text: string) {
 	await navigator.clipboard.writeText(text)
 }
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 348682b259..3c951712eb 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -1,26 +1,11 @@
 <template>
 	<NewModal ref="modal" :header="formatMessage(messages.title)" @hide="resetState">
 		<div class="flex flex-col gap-6 sm:w-[500px] max-w-[500px]">
-			<!-- Version Name -->
-			<div class="flex flex-col gap-2">
-				<label class="font-semibold text-contrast">
-					{{ formatMessage(messages.versionNameLabel) }}
-					<span class="text-red">*</span>
-				</label>
-				<input
-					v-model="versionName"
-					type="text"
-					class="w-full"
-					:placeholder="formatMessage(messages.versionNumberPlaceholder)"
-				/>
-			</div>
-
 			<!-- Modded Content -->
 			<div class="flex flex-col gap-2.5">
 				<div class="flex flex-col gap-2">
 					<label class="font-semibold text-contrast">
 						{{ formatMessage(messages.moddedContentLabel) }}
-						<span class="text-red">*</span>
 					</label>
 					<Chips
 						v-model="contentType"
@@ -37,7 +22,6 @@
 					<div class="flex flex-col gap-2">
 						<label class="font-semibold text-contrast">
 							{{ formatMessage(messages.projectLabel) }}
-							<span class="text-red">*</span>
 						</label>
 						<ProjectCombobox
 							ref="projectCombobox"
@@ -53,7 +37,6 @@
 					<div v-if="selectedProjectId" class="flex flex-col gap-2">
 						<label class="font-semibold text-contrast">
 							{{ formatMessage(messages.versionLabel) }}
-							<span class="text-red">*</span>
 						</label>
 						<Combobox
 							v-model="selectedVersionId"

From 87aecc267def38b09356179d6150a217e8eeb3c5 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 3 Feb 2026 12:55:35 -0700
Subject: [PATCH 071/178] use requested_status and organization_id

---
 .../ui/create/ProjectCreateModal.vue          | 21 ++-----------------
 .../api-client/src/modules/labrinth/types.ts  |  2 ++
 2 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 8dc47559b0..067c4fd2d0 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -359,6 +359,8 @@ async function createProject() {
 					slug: projectData.slug,
 					summary: projectData.description,
 					description: '',
+					requested_status: projectData.requested_status,
+					organization_id: projectData.organization_id,
 				},
 				minecraft_server: {
 					max_players: 0,
@@ -376,25 +378,6 @@ async function createProject() {
 			createdProjectId = result.id
 		}
 
-		// Transfer project to organization if one is selected
-		if (owner.value && owner.value !== 'self' && createdProjectId) {
-			try {
-				await useBaseFetch(`organization/${owner.value}/projects`, {
-					method: 'POST',
-					body: JSON.stringify({
-						project_id: createdProjectId,
-					}),
-					apiVersion: 3,
-				})
-			} catch (transferErr) {
-				addNotification({
-					title: formatMessage(commonMessages.errorNotificationTitle),
-					text: 'Project created but failed to transfer to organization.',
-					type: 'error',
-				})
-			}
-		}
-
 		modal.value?.hide()
 		await router.push(`/project/${slug.value}/settings`)
 	} catch (err: unknown) {
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 1577336746..69b91edd1e 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -376,6 +376,8 @@ export namespace Labrinth {
 				slug: string // 3-64 chars, URL-safe
 				summary: string // 3-255 chars
 				description: string // max 65536 chars, markdown
+				requested_status: v2.ProjectStatus
+				organization_id?: string // automatically transfer the project to this organization
 			}
 
 			export interface MinecraftServer {

From 3877d40b64a733ca40fdebf5ec8fe090f1e1733e Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 3 Feb 2026 13:20:13 -0700
Subject: [PATCH 072/178] update create version modal to hook up to backend

---
 .../pages/[type]/[id]/settings/content.vue    |   51 +-
 packages/ui/package.json                      |    1 +
 .../project/CreateServerVersionModal.vue      |  247 +-
 packages/ui/src/components/project/index.ts   |    2 +-
 pnpm-lock.yaml                                | 4842 +++++++++--------
 5 files changed, 2790 insertions(+), 2353 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 9b3a9cb3b6..3d22357e13 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -1,9 +1,10 @@
 <template>
 	<div>
 		<CreateServerVersionModal
-			v-if="currentMember"
+			v-if="currentMember && project"
 			ref="create-server-version-modal"
-			@submit="handleVersionSubmit"
+			:project-id="project.id"
+			:on-save="refreshVersions"
 		/>
 
 		<ConfirmModal
@@ -16,14 +17,14 @@
 			@proceed="deleteVersion()"
 		/>
 
-		<div class="flex flex-col gap-4">
+		<div v-if="serverProjectVersions.length > 0" class="flex flex-col gap-4">
 			<div class="flex items-end justify-between gap-4">
 				<div class="iconified-input">
 					<SearchIcon />
 					<input
 						v-model="search"
 						type="text"
-						:placeholder="`Search ${mockVersions.length} versions...`"
+						:placeholder="`Search ${serverProjectVersions.length} versions...`"
 					/>
 				</div>
 				<ButtonStyled color="green">
@@ -32,11 +33,10 @@
 			</div>
 
 			<Table
-				v-if="mockVersions.length > 0"
 				v-model:sort-column="sortColumn"
 				v-model:sort-direction="sortDirection"
 				:columns="columns"
-				:data="mockVersions"
+				:data="serverProjectVersions"
 			>
 				<template #cell-name="{ value }">
 					<span class="font-semibold text-contrast">{{ value }}</span>
@@ -93,7 +93,7 @@
 			</Table>
 		</div>
 
-		<template v-if="!mockVersions.length">
+		<template v-if="!serverProjectVersions.length">
 			<div class="grid place-items-center py-10">
 				<svg
 					width="250"
@@ -178,7 +178,6 @@ import {
 import {
 	ButtonStyled,
 	ConfirmModal,
-	type CreateServerVersionData,
 	CreateServerVersionModal,
 	injectModrinthClient,
 	injectNotificationManager,
@@ -189,7 +188,7 @@ import {
 } from '@modrinth/ui'
 import { ref, useTemplateRef } from 'vue'
 
-const { projectV2: project, currentMember } = injectProjectPageContext()
+const { projectV2: project, versions, currentMember } = injectProjectPageContext()
 
 const client = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
@@ -207,26 +206,15 @@ interface ServerVersion {
 	date: string
 }
 
-const mockVersions = ref<ServerVersion[]>([
-	{
-		id: '1',
-		name: 'Cobblemon Official Modpack [Fabric]',
-		version: '1.7.3',
-		date: '3 days ago',
-	},
-	{
-		id: '2',
-		name: 'Cobblemon Official Modpack [Fabric]',
-		version: '1.7.2',
-		date: 'Last month',
-	},
-	{
-		id: '3',
-		name: 'Cobblemon Official Modpack [Fabric]',
-		version: '1.7.1',
-		date: '2 months ago',
-	},
-])
+const serverProjectVersions = computed(
+	() =>
+		versions.value?.map((v) => ({
+			id: v.id,
+			name: v.name,
+			version: v.version_number,
+			date: v.date_published,
+		})) || [],
+)
 
 const columns: TableColumn<keyof ServerVersion | 'actions'>[] = [
 	{ key: 'name', label: 'Name' },
@@ -259,11 +247,6 @@ async function copyToClipboard(text: string) {
 	await navigator.clipboard.writeText(text)
 }
 
-function handleVersionSubmit(data: CreateServerVersionData) {
-	console.log('Version submit:', data)
-	createServerVersionModal.value?.hide()
-}
-
 async function deleteVersion() {
 	const id = selectedVersion.value
 	if (!id) return
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 23a0d857c7..5052db54b6 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -69,6 +69,7 @@
 		"fuse.js": "^6.6.2",
 		"highlight.js": "^11.9.0",
 		"intl-messageformat": "^10.7.7",
+		"jszip": "^3.10.1",
 		"markdown-it": "^13.0.2",
 		"postprocessing": "^6.37.6",
 		"qrcode.vue": "^3.4.1",
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 3c951712eb..8b3bdf41b0 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -25,7 +25,7 @@
 						</label>
 						<ProjectCombobox
 							ref="projectCombobox"
-							v-model="selectedProjectId"
+							v-model="internalProjectId"
 							:project-types="['modpack']"
 							:placeholder="formatMessage(messages.projectPlaceholder)"
 							:search-placeholder="formatMessage(messages.projectSearchPlaceholder)"
@@ -34,12 +34,12 @@
 						/>
 					</div>
 
-					<div v-if="selectedProjectId" class="flex flex-col gap-2">
+					<div v-if="internalProjectId" class="flex flex-col gap-2">
 						<label class="font-semibold text-contrast">
 							{{ formatMessage(messages.versionLabel) }}
 						</label>
 						<Combobox
-							v-model="selectedVersionId"
+							v-model="internalVersionId"
 							:placeholder="formatMessage(messages.versionPlaceholder)"
 							:options="versionOptions"
 							:searchable="true"
@@ -116,10 +116,11 @@
 						{{ formatMessage(messages.cancel) }}
 					</button>
 				</ButtonStyled>
-				<ButtonStyled color="brand" :disabled="!canSubmit">
-					<button :disabled="!canSubmit" @click="handleSubmit">
-						<PlusIcon />
-						{{ formatMessage(messages.selectModpack) }}
+				<ButtonStyled color="brand" :disabled="!canSubmit || isSubmitting">
+					<button :disabled="!canSubmit || isSubmitting" @click="handleSubmit">
+						<SpinnerIcon v-if="isSubmitting" class="animate-spin" />
+						<PlusIcon v-else />
+						{{ submitButtonLabel }}
 					</button>
 				</ButtonStyled>
 			</div>
@@ -128,8 +129,10 @@
 </template>
 
 <script setup lang="ts">
-import { FileIcon, InfoIcon, PlusIcon, XIcon } from '@modrinth/assets'
-import { computed, ref, watch } from 'vue'
+import type { Labrinth } from '@modrinth/api-client'
+import { FileIcon, InfoIcon, PlusIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
+import JSZip from 'jszip'
+import { computed, nextTick, ref, toRaw, watch } from 'vue'
 
 import { defineMessages, useVIntl } from '../../composables/i18n'
 import { injectModrinthClient, injectNotificationManager } from '../../providers'
@@ -151,19 +154,6 @@ interface VersionInfo {
 	name: string
 }
 
-export interface CreateServerVersionData {
-	versionName: string
-	contentType: ContentType
-	// Published modpack data
-	projectId?: string
-	versionId?: string
-	// Custom modpack data
-	file?: File
-	hasLicensePermission?: boolean
-	// Common
-	setAsActiveVersion: boolean
-}
-
 const messages = defineMessages({
 	title: { id: 'create-version-modal.title', defaultMessage: 'Create new version' },
 	versionNameLabel: {
@@ -229,31 +219,50 @@ const messages = defineMessages({
 	},
 	cancel: { id: 'create-version-modal.cancel', defaultMessage: 'Cancel' },
 	selectModpack: { id: 'create-version-modal.select-modpack', defaultMessage: 'Select modpack' },
+	uploading: { id: 'create-version-modal.uploading', defaultMessage: 'Uploading' },
+	creatingVersion: { id: 'create-version-modal.creating-version', defaultMessage: 'Creating version' },
 	loading: { id: 'create-version-modal.loading', defaultMessage: 'Loading...' },
 	noResults: { id: 'create-version-modal.no-results', defaultMessage: 'No results found' },
 })
 
 const { formatMessage } = useVIntl()
 
-const emit = defineEmits<{
-	submit: [data: CreateServerVersionData]
+const props = defineProps<{
+	projectId: string
+	onSave?: () => void | Promise<void>
 }>()
 
 const { addNotification } = injectNotificationManager()
 const { labrinth } = injectModrinthClient()
 
 const modal = ref<InstanceType<typeof NewModal> | null>(null)
-const projectCombobox = ref<InstanceType<typeof ProjectCombobox> | null>(null)
 
 // Form state
-const versionName = ref('')
 const contentType = ref<ContentType>('published')
-const selectedProjectId = ref<string>('')
-const selectedVersionId = ref<string>('')
+
+interface SelectedPublishedProject {
+	projectId: string
+	projectName: string
+	versionId: string
+	versionNumber: string
+}
+
+const selectedPublishedProject = ref<SelectedPublishedProject | null>(null)
+
+// Internal refs for combobox v-models
+const internalProjectId = ref<string>('')
+const internalVersionId = ref<string>('')
+const currentProjectName = ref<string>('')
+
 const uploadedFile = ref<File | null>(null)
 const hasLicensePermission = ref(false)
 const setAsActiveVersion = ref(true)
 
+// Submission state
+const isSubmitting = ref(false)
+const isUploading = ref(false)
+const uploadProgress = ref({ loaded: 0, total: 0, progress: 0 })
+
 // Version loading state
 const versionsLoading = ref(false)
 const projectVersions = ref<VersionInfo[]>([])
@@ -274,24 +283,39 @@ const versionOptions = computed<ComboboxOption<string>[]>(() => {
 })
 
 const canSubmit = computed(() => {
-	if (!versionName.value.trim()) return false
-
+	if (isSubmitting.value) return false
 	if (contentType.value === 'published') {
-		return !!selectedProjectId.value && !!selectedVersionId.value
+		return !!selectedPublishedProject.value
 	} else {
 		return !!uploadedFile.value && hasLicensePermission.value
 	}
 })
 
+const submitButtonLabel = computed(() => {
+	if (isUploading.value) {
+		if (uploadProgress.value.progress >= 1) {
+			return formatMessage(messages.creatingVersion)
+		}
+		return `${formatMessage(messages.uploading)} ${Math.round(uploadProgress.value.progress * 100)}%`
+	}
+	return formatMessage(messages.selectModpack)
+})
+
 // Watch for project selection changes to load versions
-watch(selectedProjectId, async (newProjectId) => {
-	selectedVersionId.value = ''
+watch(internalProjectId, async (newProjectId) => {
+	internalVersionId.value = ''
 	projectVersions.value = []
+	selectedPublishedProject.value = null
+	currentProjectName.value = ''
 
 	if (!newProjectId) return
 
 	versionsLoading.value = true
 	try {
+		// Fetch project info to get the name
+		const project = await labrinth.projects_v3.get(newProjectId)
+		currentProjectName.value = project.name
+
 		const versions = await labrinth.versions_v3.getProjectVersions(newProjectId)
 		projectVersions.value = versions.map((v) => ({
 			id: v.id,
@@ -310,6 +334,24 @@ watch(selectedProjectId, async (newProjectId) => {
 	}
 })
 
+// Watch for version selection to build the complete selectedPublishedProject
+watch(internalVersionId, (newVersionId) => {
+	if (!newVersionId || !internalProjectId.value) {
+		selectedPublishedProject.value = null
+		return
+	}
+
+	const selectedVersion = projectVersions.value.find((v) => v.id === newVersionId)
+	if (selectedVersion) {
+		selectedPublishedProject.value = {
+			projectId: internalProjectId.value,
+			projectName: currentProjectName.value,
+			versionId: newVersionId,
+			versionNumber: selectedVersion.version_number,
+		}
+	}
+})
+
 function handleFileUpload(files: File[]) {
 	if (files.length > 0) {
 		uploadedFile.value = files[0]
@@ -321,34 +363,139 @@ function clearUploadedFile() {
 }
 
 function resetState() {
-	versionName.value = ''
 	contentType.value = 'published'
-	selectedProjectId.value = ''
-	selectedVersionId.value = ''
+	internalProjectId.value = ''
+	internalVersionId.value = ''
+	selectedPublishedProject.value = null
+	currentProjectName.value = ''
 	uploadedFile.value = null
 	hasLicensePermission.value = false
 	setAsActiveVersion.value = true
 	projectVersions.value = []
+	isSubmitting.value = false
+	isUploading.value = false
+	uploadProgress.value = { loaded: 0, total: 0, progress: 0 }
 }
 
-function handleSubmit() {
+async function handleSubmit() {
 	if (!canSubmit.value) return
 
-	const data: CreateServerVersionData = {
-		versionName: versionName.value.trim(),
-		contentType: contentType.value,
-		setAsActiveVersion: setAsActiveVersion.value,
-	}
+	isSubmitting.value = true
 
-	if (contentType.value === 'published') {
-		data.projectId = selectedProjectId.value
-		data.versionId = selectedVersionId.value
-	} else {
-		data.file = uploadedFile.value || undefined
-		data.hasLicensePermission = hasLicensePermission.value
+	try {
+		if (contentType.value === 'published' && selectedPublishedProject.value) {
+			// TODO: Implement published modpack linking when backend API is ready
+			// For now, just mock success - the backend will handle linking to the published version
+			// This will eventually create a server version that references the published modpack version
+			// without re-uploading the file
+			console.log('Published modpack selected:', {
+				projectId: selectedPublishedProject.value.projectId,
+				projectName: selectedPublishedProject.value.projectName,
+				versionId: selectedPublishedProject.value.versionId,
+				versionNumber: selectedPublishedProject.value.versionNumber,
+				setAsActiveVersion: setAsActiveVersion.value,
+			})
+
+			addNotification({
+				title: 'Published modpack selected',
+				text: `Selected ${selectedPublishedProject.value.projectName} v${selectedPublishedProject.value.versionNumber}. Linking will be available soon.`,
+				type: 'success',
+			})
+		} else if (contentType.value === 'custom' && uploadedFile.value) {
+			const file = toRaw(uploadedFile.value)
+
+			// Default to filename if we can't parse the mrpack
+			let versionName = file.name.replace(/\.(zip|mrpack)$/i, '')
+			let versionNumber = versionName
+			let loaders: string[] = []
+			let gameVersions: string[] = []
+
+			try {
+				const zip = await JSZip.loadAsync(file)
+				const indexFile = zip.file('modrinth.index.json')
+
+				if (indexFile) {
+					const indexContent = await indexFile.async('text')
+					const metadata = JSON.parse(indexContent) as {
+						name?: string
+						versionId?: string
+						dependencies?: Record<string, string>
+					}
+					if (metadata.name) {
+						versionName = metadata.name
+					}
+					if (metadata.versionId) {
+						versionNumber = metadata.versionId
+					}
+					if (metadata.dependencies) {
+						if ('forge' in metadata.dependencies) loaders.push('forge')
+						if ('neoforge' in metadata.dependencies) loaders.push('neoforge')
+						if ('fabric-loader' in metadata.dependencies) loaders.push('fabric')
+						if ('quilt-loader' in metadata.dependencies) loaders.push('quilt')
+						if (metadata.dependencies.minecraft) gameVersions = [metadata.dependencies.minecraft]
+					}
+				}
+			} catch {
+				console.warn('Could not parse modrinth.index.json from mrpack')
+			}
+
+			const draftVersion: Labrinth.Versions.v3.DraftVersion = {
+				project_id: props.projectId,
+				name: versionName,
+				version_number: versionNumber,
+				version_type: 'release',
+				loaders,
+				game_versions: gameVersions,
+				featured: setAsActiveVersion.value,
+				status: 'listed',
+				changelog: '',
+				dependencies: [],
+				environment: 'client_and_server'
+			}
+
+			const files: Labrinth.Versions.v3.DraftVersionFile[] = [
+				{ file, fileType: undefined },
+			]
+
+			const uploadHandle = labrinth.versions_v3.createVersion(
+				draftVersion,
+				files,
+				'modpack',
+			)
+
+			// Track upload progress
+			isUploading.value = true
+			uploadProgress.value = { loaded: 0, total: 0, progress: 0 }
+
+			uploadHandle.onProgress((progress) => {
+				uploadProgress.value = progress
+			})
+
+			await uploadHandle.promise
+			isUploading.value = false
+
+			addNotification({
+				title: 'Server version created',
+				text: 'The version has been successfully added to your server.',
+				type: 'success',
+			})
+		}
+
+		await nextTick()
+		modal.value?.hide()
+
+		await props.onSave?.()
+	} catch (err: unknown) {
+		const error = err as { data?: { description?: string } }
+		addNotification({
+			title: 'Could not create server version',
+			text: error.data?.description || String(err),
+			type: 'error',
+		})
+	} finally {
+		isSubmitting.value = false
+		hide()
 	}
-
-	emit('submit', data)
 }
 
 function show(event?: MouseEvent) {
diff --git a/packages/ui/src/components/project/index.ts b/packages/ui/src/components/project/index.ts
index 3a5acaaf09..a153714fc8 100644
--- a/packages/ui/src/components/project/index.ts
+++ b/packages/ui/src/components/project/index.ts
@@ -2,7 +2,6 @@
 export * from './settings'
 
 // Other
-export type { CreateServerVersionData } from './CreateServerVersionModal.vue'
 export { default as CreateServerVersionModal } from './CreateServerVersionModal.vue'
 export { default as NewProjectCard } from './NewProjectCard.vue'
 export { default as ProjectBackgroundGradient } from './ProjectBackgroundGradient.vue'
@@ -15,3 +14,4 @@ export { default as ProjectSidebarCreators } from './ProjectSidebarCreators.vue'
 export { default as ProjectSidebarDetails } from './ProjectSidebarDetails.vue'
 export { default as ProjectSidebarLinks } from './ProjectSidebarLinks.vue'
 export { default as ProjectStatusBadge } from './ProjectStatusBadge.vue'
+
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7a9c23257f..5eacaa6c52 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,13 +18,13 @@ importers:
         version: link:packages/tooling-config
       '@types/node':
         specifier: ^20.1.0
-        version: 20.19.27
+        version: 20.19.31
       '@vue/compiler-dom':
         specifier: ^3.5.26
-        version: 3.5.26
+        version: 3.5.27
       '@vue/compiler-sfc':
         specifier: ^3.5.26
-        version: 3.5.26
+        version: 3.5.27
       chalk:
         specifier: ^5.6.2
         version: 5.6.2
@@ -33,13 +33,13 @@ importers:
         version: 3.0.0
       prettier:
         specifier: ^3.3.2
-        version: 3.7.4
+        version: 3.8.1
       turbo:
         specifier: ^2.5.4
-        version: 2.7.2
+        version: 2.8.2
       vue:
         specifier: ^3.5.13
-        version: 3.5.26(typescript@5.9.3)
+        version: 3.5.27(typescript@5.9.3)
 
   apps/app:
     dependencies:
@@ -73,31 +73,31 @@ importers:
         version: link:../../packages/utils
       '@sentry/vue':
         specifier: ^8.27.0
-        version: 8.55.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(vue@3.5.26(typescript@5.9.3))
+        version: 8.55.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(vue@3.5.27(typescript@5.9.3))
       '@sfirew/minecraft-motd-parser':
         specifier: ^1.1.6
         version: 1.1.6
       '@tanstack/vue-query':
         specifier: ^5.90.7
-        version: 5.92.5(vue@3.5.26(typescript@5.9.3))
+        version: 5.92.9(vue@3.5.27(typescript@5.9.3))
       '@tauri-apps/api':
         specifier: ^2.5.0
-        version: 2.9.1
+        version: 2.10.1
       '@tauri-apps/plugin-dialog':
         specifier: ^2.2.1
-        version: 2.4.2
+        version: 2.6.0
       '@tauri-apps/plugin-http':
         specifier: ^2.5.0
-        version: 2.5.4
+        version: 2.5.7
       '@tauri-apps/plugin-opener':
         specifier: ^2.2.6
-        version: 2.5.2
+        version: 2.5.3
       '@tauri-apps/plugin-os':
         specifier: ^2.2.1
         version: 2.3.2
       '@tauri-apps/plugin-updater':
         specifier: ^2.7.1
-        version: 2.9.0
+        version: 2.10.0
       '@tauri-apps/plugin-window-state':
         specifier: ^2.2.2
         version: 2.4.1
@@ -106,13 +106,13 @@ importers:
         version: 0.172.0
       '@vueuse/core':
         specifier: ^11.1.0
-        version: 11.3.0(vue@3.5.26(typescript@5.9.3))
+        version: 11.3.0(vue@3.5.27(typescript@5.9.3))
       dayjs:
         specifier: ^1.11.10
         version: 1.11.19
       floating-vue:
         specifier: ^5.2.2
-        version: 5.2.2(@nuxt/kit@3.20.2(magicast@0.5.1))(vue@3.5.26(typescript@5.9.3))
+        version: 5.2.2(@nuxt/kit@3.21.0(magicast@0.5.1))(vue@3.5.27(typescript@5.9.3))
       intl-messageformat:
         specifier: ^10.7.7
         version: 10.7.18
@@ -121,68 +121,68 @@ importers:
         version: 1.5.1
       pinia:
         specifier: ^3.0.0
-        version: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+        version: 3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       posthog-js:
         specifier: ^1.158.2
-        version: 1.312.0
+        version: 1.337.1
       three:
         specifier: ^0.172.0
         version: 0.172.0
       vite-svg-loader:
         specifier: ^5.1.0
-        version: 5.1.0(vue@3.5.26(typescript@5.9.3))
+        version: 5.1.0(vue@3.5.27(typescript@5.9.3))
       vue:
         specifier: ^3.5.13
-        version: 3.5.26(typescript@5.9.3)
+        version: 3.5.27(typescript@5.9.3)
       vue-i18n:
         specifier: ^10.0.0
-        version: 10.0.8(vue@3.5.26(typescript@5.9.3))
+        version: 10.0.8(vue@3.5.27(typescript@5.9.3))
       vue-multiselect:
         specifier: 3.0.0
         version: 3.0.0
       vue-router:
         specifier: ^4.6.0
-        version: 4.6.4(vue@3.5.26(typescript@5.9.3))
+        version: 4.6.4(vue@3.5.27(typescript@5.9.3))
       vue-virtual-scroller:
         specifier: v2.0.0-beta.8
-        version: 2.0.0-beta.8(vue@3.5.26(typescript@5.9.3))
+        version: 2.0.0-beta.8(vue@3.5.27(typescript@5.9.3))
     devDependencies:
       '@eslint/compat':
         specifier: ^1.1.1
         version: 1.4.1(eslint@9.39.2(jiti@1.21.7))
       '@formatjs/cli':
         specifier: ^6.2.12
-        version: 6.8.8(@vue/compiler-core@3.5.26)(vue@3.5.26(typescript@5.9.3))
+        version: 6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))
       '@modrinth/tooling-config':
         specifier: workspace:*
         version: link:../../packages/tooling-config
       '@nuxt/eslint-config':
         specifier: ^0.5.6
-        version: 0.5.7(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+        version: 0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@taijased/vue-render-tracker':
         specifier: ^1.0.7
-        version: 1.0.7(vue@3.5.26(typescript@5.9.3))
+        version: 1.0.7(vue@3.5.27(typescript@5.9.3))
       '@vitejs/plugin-vue':
         specifier: ^6.0.3
-        version: 6.0.3(vite@6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
+        version: 6.0.4(vite@6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
       autoprefixer:
         specifier: ^10.4.19
-        version: 10.4.23(postcss@8.5.6)
+        version: 10.4.24(postcss@8.5.6)
       eslint:
         specifier: ^9.9.1
         version: 9.39.2(jiti@1.21.7)
       eslint-plugin-turbo:
         specifier: ^2.5.4
-        version: 2.7.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.7.2)
+        version: 2.8.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.8.2)
       postcss:
         specifier: ^8.4.39
         version: 8.5.6
       prettier:
         specifier: ^3.2.5
-        version: 3.7.4
+        version: 3.8.1
       sass:
         specifier: ^1.74.1
-        version: 1.97.1
+        version: 1.97.3
       tailwindcss:
         specifier: ^3.4.4
         version: 3.4.19(yaml@2.8.2)
@@ -191,10 +191,10 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^6.0.0
-        version: 6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+        version: 6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
       vue-component-type-helpers:
         specifier: ^3.1.8
-        version: 3.2.1
+        version: 3.2.4
       vue-tsc:
         specifier: ^2.1.6
         version: 2.2.12(typescript@5.9.3)
@@ -211,22 +211,22 @@ importers:
     dependencies:
       '@astrojs/check':
         specifier: ^0.9.4
-        version: 0.9.6(prettier@3.7.4)(typescript@5.9.3)
+        version: 0.9.6(prettier@3.8.1)(typescript@5.9.3)
       '@astrojs/starlight':
         specifier: ^0.32.2
-        version: 0.32.6(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))
+        version: 0.32.6(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2))
       '@modrinth/assets':
         specifier: workspace:*
         version: link:../../packages/assets
       astro:
         specifier: ^5.4.1
-        version: 5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)
+        version: 5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)
       sharp:
         specifier: ^0.33.5
         version: 0.33.5
       starlight-openapi:
         specifier: ^0.14.0
-        version: 0.14.4(@astrojs/markdown-remark@6.3.10)(@astrojs/starlight@0.32.6(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)))(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))(openapi-types@12.1.3)
+        version: 0.14.4(@astrojs/markdown-remark@6.3.10)(@astrojs/starlight@0.32.6(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)))(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2))(openapi-types@12.1.3)
       typescript:
         specifier: ^5.8.2
         version: 5.9.3
@@ -262,31 +262,31 @@ importers:
         version: link:../../packages/utils
       '@pinia/nuxt':
         specifier: ^0.11.3
-        version: 0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))
+        version: 0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))
       '@sentry/nuxt':
         specifier: ^10.33.0
-        version: 10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(rollup@4.54.0)(vue@3.5.26(typescript@5.9.3))
+        version: 10.38.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.39.0)(magicast@0.5.1)(nuxt@3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(rollup@4.57.1)(vue@3.5.27(typescript@5.9.3))
       '@tanstack/vue-query':
         specifier: ^5.90.7
-        version: 5.92.5(vue@3.5.26(typescript@5.9.3))
+        version: 5.92.9(vue@3.5.27(typescript@5.9.3))
       '@types/three':
         specifier: ^0.172.0
         version: 0.172.0
       '@vitejs/plugin-vue':
         specifier: ^6.0.3
-        version: 6.0.3(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
+        version: 6.0.4(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
       '@vue-email/components':
         specifier: ^0.0.21
-        version: 0.0.21(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+        version: 0.0.21(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       '@vue-email/render':
         specifier: ^0.0.9
         version: 0.0.9(typescript@5.9.3)
       '@vueuse/core':
         specifier: ^11.1.0
-        version: 11.3.0(vue@3.5.26(typescript@5.9.3))
+        version: 11.3.0(vue@3.5.27(typescript@5.9.3))
       ace-builds:
         specifier: ^1.36.2
-        version: 1.43.5
+        version: 1.43.6
       ansi-to-html:
         specifier: ^0.7.2
         version: 0.7.2
@@ -298,7 +298,7 @@ importers:
         version: 3.3.1
       floating-vue:
         specifier: ^5.2.2
-        version: 5.2.2(@nuxt/kit@3.20.2(magicast@0.5.1))(vue@3.5.26(typescript@5.9.3))
+        version: 5.2.2(@nuxt/kit@3.21.0(magicast@0.5.1))(vue@3.5.27(typescript@5.9.3))
       fuse.js:
         specifier: ^6.6.2
         version: 6.6.2
@@ -319,7 +319,7 @@ importers:
         version: 3.10.1
       lru-cache:
         specifier: ^11.2.4
-        version: 11.2.4
+        version: 11.2.5
       markdown-it:
         specifier: 14.1.0
         version: 14.1.0
@@ -328,16 +328,16 @@ importers:
         version: 1.1.2
       pinia:
         specifier: ^3.0.0
-        version: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+        version: 3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       pinia-plugin-persistedstate:
         specifier: ^4.4.1
-        version: 4.7.1(@nuxt/kit@3.20.2(magicast@0.5.1))(@pinia/nuxt@0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))
+        version: 4.7.1(@nuxt/kit@3.21.0(magicast@0.5.1))(@pinia/nuxt@0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))
       prettier:
         specifier: ^3.6.2
-        version: 3.7.4
+        version: 3.8.1
       qrcode.vue:
         specifier: ^3.4.0
-        version: 3.6.0(vue@3.5.26(typescript@5.9.3))
+        version: 3.8.0(vue@3.5.27(typescript@5.9.3))
       semver:
         specifier: ^7.5.4
         version: 7.7.3
@@ -346,26 +346,26 @@ importers:
         version: 0.172.0
       vue-confetti-explosion:
         specifier: ^1.0.2
-        version: 1.0.2(vue@3.5.26(typescript@5.9.3))
+        version: 1.0.2(vue@3.5.27(typescript@5.9.3))
       vue-multiselect:
         specifier: 3.0.0-alpha.2
         version: 3.0.0-alpha.2
       vue-typed-virtual-list:
         specifier: ^1.0.10
-        version: 1.0.10(vue@3.5.26(typescript@5.9.3))
+        version: 1.0.10(vue@3.5.27(typescript@5.9.3))
       vue3-ace-editor:
         specifier: ^2.2.4
-        version: 2.2.4(ace-builds@1.43.5)(vue@3.5.26(typescript@5.9.3))
+        version: 2.2.4(ace-builds@1.43.6)(vue@3.5.27(typescript@5.9.3))
       vue3-apexcharts:
         specifier: ^1.5.2
-        version: 1.10.0(apexcharts@4.7.0)(vue@3.5.26(typescript@5.9.3))
+        version: 1.10.0(apexcharts@4.7.0)(vue@3.5.27(typescript@5.9.3))
       xss:
         specifier: ^1.0.14
         version: 1.0.15
     devDependencies:
       '@formatjs/cli':
         specifier: ^6.2.12
-        version: 6.8.8(@vue/compiler-core@3.5.26)(vue@3.5.26(typescript@5.9.3))
+        version: 6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))
       '@modrinth/tooling-config':
         specifier: workspace:*
         version: link:../../packages/tooling-config
@@ -380,28 +380,28 @@ importers:
         version: 4.0.9
       '@types/node':
         specifier: ^20.1.0
-        version: 20.19.27
+        version: 20.19.31
       '@types/semver':
         specifier: ^7.7.1
         version: 7.7.1
       autoprefixer:
         specifier: ^10.4.19
-        version: 10.4.23(postcss@8.5.6)
+        version: 10.4.24(postcss@8.5.6)
       glob:
         specifier: ^10.2.7
         version: 10.5.0
       nuxt:
         specifier: ^3.20.2
-        version: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+        version: 3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
       postcss:
         specifier: ^8.4.39
         version: 8.5.6
       prettier-plugin-tailwindcss:
         specifier: ^0.6.5
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       sass:
         specifier: ^1.58.0
-        version: 1.97.1
+        version: 1.97.3
       tailwindcss:
         specifier: ^3.4.4
         version: 3.4.19(yaml@2.8.2)
@@ -410,16 +410,16 @@ importers:
         version: 5.9.3
       vite-svg-loader:
         specifier: ^5.1.0
-        version: 5.1.0(vue@3.5.26(typescript@5.9.3))
+        version: 5.1.0(vue@3.5.27(typescript@5.9.3))
       vue-component-type-helpers:
         specifier: ^3.1.8
-        version: 3.2.1
+        version: 3.2.4
       vue-tsc:
         specifier: ^2.0.24
         version: 2.2.12(typescript@5.9.3)
       wrangler:
         specifier: ^4.54.0
-        version: 4.58.0
+        version: 4.62.0
 
   apps/labrinth: {}
 
@@ -427,7 +427,7 @@ importers:
     dependencies:
       '@tauri-apps/plugin-http':
         specifier: ^2.0.0
-        version: 2.5.4
+        version: 2.5.7
       mitt:
         specifier: ^3.0.1
         version: 3.0.1
@@ -448,7 +448,7 @@ importers:
         version: link:../tooling-config
       '@types/node':
         specifier: ^20.1.0
-        version: 20.19.27
+        version: 20.19.31
       jiti:
         specifier: ^2.4.2
         version: 2.6.1
@@ -457,7 +457,7 @@ importers:
         version: 0.562.0
       vue:
         specifier: ^3.5.13
-        version: 3.5.26(typescript@5.9.3)
+        version: 3.5.27(typescript@5.9.3)
 
   packages/blog:
     dependencies:
@@ -514,11 +514,11 @@ importers:
         version: link:../utils
       vue:
         specifier: ^3.5.13
-        version: 3.5.26(typescript@5.9.3)
+        version: 3.5.27(typescript@5.9.3)
     devDependencies:
       '@formatjs/cli':
         specifier: ^6.2.12
-        version: 6.8.8(@vue/compiler-core@3.5.26)(vue@3.5.26(typescript@5.9.3))
+        version: 6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))
       '@modrinth/tooling-config':
         specifier: workspace:*
         version: link:../tooling-config
@@ -530,7 +530,7 @@ importers:
     dependencies:
       prettier:
         specifier: ^3.6.2
-        version: 3.7.4
+        version: 3.8.1
       typescript:
         specifier: '>=5.0.0'
         version: 5.9.3
@@ -540,10 +540,10 @@ importers:
         version: 9.39.2
       '@prettier/plugin-xml':
         specifier: ^3.4.2
-        version: 3.4.2(prettier@3.7.4)
+        version: 3.4.2(prettier@3.8.1)
       '@vue/tsconfig':
         specifier: ^0.7.0
-        version: 0.7.0(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+        version: 0.7.0(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       eslint:
         specifier: ^9.32.0
         version: 9.39.2(jiti@2.6.1)
@@ -552,13 +552,13 @@ importers:
         version: 10.1.8(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-prettier:
         specifier: ^5.5.3
-        version: 5.5.4(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(prettier@3.7.4)
+        version: 5.5.5(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(prettier@3.8.1)
       eslint-plugin-simple-import-sort:
         specifier: ^12.1.1
         version: 12.1.1(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-vue:
         specifier: ^10.4.0
-        version: 10.6.2(@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)))
+        version: 10.7.0(@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)))
       globals:
         specifier: ^16.3.0
         version: 16.5.0
@@ -567,10 +567,10 @@ importers:
         version: 0.13.0
       prettier-plugin-toml:
         specifier: ^2.0.6
-        version: 2.0.6(prettier@3.7.4)
+        version: 2.0.6(prettier@3.8.1)
       typescript-eslint:
         specifier: ^8.38.0
-        version: 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        version: 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       vue-eslint-parser:
         specifier: ^10.1.3
         version: 10.2.0(eslint@9.39.2(jiti@2.6.1))
@@ -588,10 +588,10 @@ importers:
         version: 6.12.1
       '@codemirror/state':
         specifier: ^6.3.2
-        version: 6.5.3
+        version: 6.5.4
       '@codemirror/view':
         specifier: ^6.22.1
-        version: 6.39.8
+        version: 6.39.12
       '@modrinth/api-client':
         specifier: workspace:*
         version: link:../api-client
@@ -603,16 +603,16 @@ importers:
         version: link:../utils
       '@tanstack/vue-query':
         specifier: ^5.90.7
-        version: 5.92.5(vue@3.5.26(typescript@5.9.3))
+        version: 5.92.9(vue@3.5.27(typescript@5.9.3))
       '@tresjs/cientos':
         specifier: ^4.3.0
-        version: 4.3.1(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(@types/three@0.172.0)(react@19.2.3)(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+        version: 4.3.1(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(@types/three@0.172.0)(react@19.2.4)(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       '@tresjs/core':
         specifier: ^4.3.4
-        version: 4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+        version: 4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       '@tresjs/post-processing':
         specifier: ^2.4.0
-        version: 2.4.0(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+        version: 2.4.0(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       '@types/markdown-it':
         specifier: ^14.1.1
         version: 14.1.2
@@ -624,10 +624,10 @@ importers:
         version: 3.0.1(@formatjs/intl@2.10.15(typescript@5.9.3))
       '@vueuse/core':
         specifier: ^11.1.0
-        version: 11.3.0(vue@3.5.26(typescript@5.9.3))
+        version: 11.3.0(vue@3.5.27(typescript@5.9.3))
       ace-builds:
         specifier: ^1.43.5
-        version: 1.43.5
+        version: 1.43.6
       apexcharts:
         specifier: ^4.0.0
         version: 4.7.0
@@ -639,7 +639,7 @@ importers:
         version: 1.44.0
       floating-vue:
         specifier: ^5.2.2
-        version: 5.2.2(@nuxt/kit@3.20.2(magicast@0.5.1))(vue@3.5.26(typescript@5.9.3))
+        version: 5.2.2(@nuxt/kit@3.21.0(magicast@0.5.1))(vue@3.5.27(typescript@5.9.3))
       fuse.js:
         specifier: ^6.6.2
         version: 6.6.2
@@ -649,6 +649,9 @@ importers:
       intl-messageformat:
         specifier: ^10.7.7
         version: 10.7.18
+      jszip:
+        specifier: ^3.10.1
+        version: 3.10.1
       markdown-it:
         specifier: ^13.0.2
         version: 13.0.2
@@ -657,68 +660,68 @@ importers:
         version: 6.38.2(three@0.172.0)
       qrcode.vue:
         specifier: ^3.4.1
-        version: 3.6.0(vue@3.5.26(typescript@5.9.3))
+        version: 3.8.0(vue@3.5.27(typescript@5.9.3))
       three:
         specifier: ^0.172.0
         version: 0.172.0
       vue-i18n:
         specifier: ^10.0.0
-        version: 10.0.8(vue@3.5.26(typescript@5.9.3))
+        version: 10.0.8(vue@3.5.27(typescript@5.9.3))
       vue-multiselect:
         specifier: 3.0.0
         version: 3.0.0
       vue-select:
         specifier: 4.0.0-beta.6
-        version: 4.0.0-beta.6(vue@3.5.26(typescript@5.9.3))
+        version: 4.0.0-beta.6(vue@3.5.27(typescript@5.9.3))
       vue-typed-virtual-list:
         specifier: ^1.0.10
-        version: 1.0.10(vue@3.5.26(typescript@5.9.3))
+        version: 1.0.10(vue@3.5.27(typescript@5.9.3))
       vue3-ace-editor:
         specifier: ^2.2.4
-        version: 2.2.4(ace-builds@1.43.5)(vue@3.5.26(typescript@5.9.3))
+        version: 2.2.4(ace-builds@1.43.6)(vue@3.5.27(typescript@5.9.3))
       vue3-apexcharts:
         specifier: ^1.4.4
-        version: 1.10.0(apexcharts@4.7.0)(vue@3.5.26(typescript@5.9.3))
+        version: 1.10.0(apexcharts@4.7.0)(vue@3.5.27(typescript@5.9.3))
       xss:
         specifier: ^1.0.14
         version: 1.0.15
     devDependencies:
       '@formatjs/cli':
         specifier: ^6.2.12
-        version: 6.8.8(@vue/compiler-core@3.5.26)(vue@3.5.26(typescript@5.9.3))
+        version: 6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))
       '@modrinth/tooling-config':
         specifier: workspace:*
         version: link:../tooling-config
       '@storybook/addon-a11y':
         specifier: ^10.1.10
-        version: 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+        version: 10.2.4(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
       '@storybook/addon-themes':
         specifier: ^10.1.10
-        version: 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+        version: 10.2.4(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
       '@storybook/builder-vite':
         specifier: ^10.1.10
-        version: 10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
+        version: 10.2.4(esbuild@0.27.2)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))
       '@storybook/vue3-vite':
         specifier: ^10.1.10
-        version: 10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))
+        version: 10.2.4(esbuild@0.27.2)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))
       '@stripe/stripe-js':
         specifier: ^7.3.1
         version: 7.9.0
       '@tailwindcss/vite':
         specifier: ^4.1.18
-        version: 4.1.18(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
+        version: 4.1.18(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))
       '@vitejs/plugin-vue':
         specifier: ^5.2.1
-        version: 5.2.4(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))
+        version: 5.2.4(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))
       eslint-plugin-storybook:
         specifier: ^10.1.10
-        version: 10.1.11(eslint@9.39.2(jiti@2.6.1))(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@5.9.3)
+        version: 10.2.4(eslint@9.39.2(jiti@2.6.1))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
       storybook:
         specifier: ^10.1.10
-        version: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       stripe:
         specifier: ^18.1.1
-        version: 18.5.0(@types/node@20.19.27)
+        version: 18.5.0(@types/node@20.19.31)
       tailwindcss:
         specifier: ^3.4.4
         version: 3.4.19(yaml@2.8.2)
@@ -727,19 +730,19 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^5.4.6
-        version: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
+        version: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
       vite-svg-loader:
         specifier: ^5.1.0
-        version: 5.1.0(vue@3.5.26(typescript@5.9.3))
+        version: 5.1.0(vue@3.5.27(typescript@5.9.3))
       vue:
         specifier: ^3.5.13
-        version: 3.5.26(typescript@5.9.3)
+        version: 3.5.27(typescript@5.9.3)
       vue-component-type-helpers:
         specifier: ^3.1.8
-        version: 3.2.1
+        version: 3.2.4
       vue-router:
         specifier: ^4.6.0
-        version: 4.6.4(vue@3.5.26(typescript@5.9.3))
+        version: 4.6.4(vue@3.5.27(typescript@5.9.3))
 
   packages/utils:
     dependencies:
@@ -754,10 +757,10 @@ importers:
         version: 6.12.1
       '@codemirror/state':
         specifier: ^6.3.2
-        version: 6.5.3
+        version: 6.5.4
       '@codemirror/view':
         specifier: ^6.22.1
-        version: 6.39.8
+        version: 6.39.12
       '@types/markdown-it':
         specifier: ^14.1.1
         version: 14.1.2
@@ -823,8 +826,8 @@ packages:
   '@astrojs/internal-helpers@0.7.5':
     resolution: {integrity: sha512-vreGnYSSKhAjFJCWAwe/CNhONvoc5lokxtRoZims+0wa3KbHBdPHSSthJsKxPd8d/aic6lWKpRTYGY/hsgK6EA==}
 
-  '@astrojs/language-server@2.16.2':
-    resolution: {integrity: sha512-J3hVx/mFi3FwEzKf8ExYXQNERogD6RXswtbU+TyrxoXRBiQoBO5ooo7/lRWJ+rlUKUd7+rziMPI9jYB7TRlh0w==}
+  '@astrojs/language-server@2.16.3':
+    resolution: {integrity: sha512-yO5K7RYCMXUfeDlnU6UnmtnoXzpuQc0yhlaCNZ67k1C/MiwwwvMZz+LGa+H35c49w5QBfvtr4w4Zcf5PcH8uYA==}
     hasBin: true
     peerDependencies:
       prettier: ^3.0.0
@@ -848,8 +851,8 @@ packages:
     resolution: {integrity: sha512-q8VwfU/fDZNoDOf+r7jUnMC2//H2l0TuQ6FkGJL8vD8nw/q5KiL3DS1KKBI3QhI9UQhpJ5dc7AtqfbXWuOgLCQ==}
     engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
 
-  '@astrojs/sitemap@3.6.0':
-    resolution: {integrity: sha512-4aHkvcOZBWJigRmMIAJwRQXBS+ayoP5z40OklTXYXhUDhwusz+DyDl+nSshY6y9DvkVEavwNcFO8FD81iGhXjg==}
+  '@astrojs/sitemap@3.7.0':
+    resolution: {integrity: sha512-+qxjUrz6Jcgh+D5VE1gKUJTA3pSthuPHe6Ao5JCxok794Lewx8hBFaWHtOnN0ntb2lfOf7gvOi9TefUswQ/ZVA==}
 
   '@astrojs/starlight@0.32.6':
     resolution: {integrity: sha512-ASWGwNzq+0TmJ+GJFFxFFxx6Yra7BqIIMQbvOy/cweTHjqejB6mcaEWtS3Mag12LM7tXCES7v/fzmdPgjz8Yxw==}
@@ -863,32 +866,32 @@ packages:
   '@astrojs/yaml2ts@0.2.2':
     resolution: {integrity: sha512-GOfvSr5Nqy2z5XiwqTouBBpy5FyI6DEe+/g/Mk5am9SjILN1S5fOEvYK0GuWHg98yS/dobP4m8qyqw/URW35fQ==}
 
-  '@babel/code-frame@7.27.1':
-    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.28.5':
-    resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.28.5':
-    resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.28.5':
-    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
+  '@babel/generator@7.29.0':
+    resolution: {integrity: sha512-vSH118/wwM/pLR38g/Sgk05sNtro6TlTJKuiMXDaZqPUfjTFcudpCOt00IhOfj+1BFAX+UFAlzCU+6WXr3GLFQ==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-annotate-as-pure@7.27.3':
     resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.27.2':
-    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-create-class-features-plugin@7.28.5':
-    resolution: {integrity: sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==}
+  '@babel/helper-create-class-features-plugin@7.28.6':
+    resolution: {integrity: sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -901,12 +904,12 @@ packages:
     resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.27.1':
-    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-transforms@7.28.3':
-    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -915,12 +918,12 @@ packages:
     resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.27.1':
-    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-replace-supers@7.27.1':
-    resolution: {integrity: sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==}
+  '@babel/helper-replace-supers@7.28.6':
+    resolution: {integrity: sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -941,51 +944,51 @@ packages:
     resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.28.4':
-    resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
+  '@babel/helpers@7.28.6':
+    resolution: {integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.28.5':
-    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
+  '@babel/parser@7.29.0':
+    resolution: {integrity: sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/plugin-syntax-jsx@7.27.1':
-    resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
+  '@babel/plugin-syntax-jsx@7.28.6':
+    resolution: {integrity: sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-typescript@7.27.1':
-    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
+  '@babel/plugin-syntax-typescript@7.28.6':
+    resolution: {integrity: sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-typescript@7.28.5':
-    resolution: {integrity: sha512-x2Qa+v/CuEoX7Dr31iAfr0IhInrVOWZU/2vJMJ00FOR/2nM0BcBEclpaf9sWCDc+v5e9dMrhSH8/atq/kX7+bA==}
+  '@babel/plugin-transform-typescript@7.28.6':
+    resolution: {integrity: sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/runtime@7.28.4':
-    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
+  '@babel/runtime@7.28.6':
+    resolution: {integrity: sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.27.2':
-    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.28.5':
-    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.28.5':
-    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
     engines: {node: '>=6.9.0'}
 
-  '@bomb.sh/tab@0.0.10':
-    resolution: {integrity: sha512-6ALS2rh/4LKn0Yxwm35V6LcgQuSiECHbqQo7+9g4rkgGyXZ0siOc8K+IuWIq/4u0Zkv2mevP9QSqgKhGIvLJMw==}
+  '@bomb.sh/tab@0.0.11':
+    resolution: {integrity: sha512-RSqyreeicYBALcMaNxIUJTBknftXsyW45VRq5gKDNwKroh0Re5SDoWwXZaphb+OTEzVdpm/BA8Uq6y0P+AtVYw==}
     hasBin: true
     peerDependencies:
       cac: ^6.7.14
@@ -999,55 +1002,55 @@ packages:
       commander:
         optional: true
 
-  '@capsizecss/unpack@3.0.1':
-    resolution: {integrity: sha512-8XqW8xGn++Eqqbz3e9wKuK7mxryeRjs4LOHLxbh2lwKeSbuNR4NFifDZT4KzvjU6HMOPbiNTsWpniK5EJfTWkg==}
+  '@capsizecss/unpack@4.0.0':
+    resolution: {integrity: sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA==}
     engines: {node: '>=18'}
 
   '@clack/core@1.0.0-alpha.7':
     resolution: {integrity: sha512-3vdh6Ar09D14rVxJZIm3VQJkU+ZOKKT5I5cC0cOVazy70CNyYYjiwRj9unwalhESndgxx6bGc/m6Hhs4EKF5XQ==}
 
-  '@clack/prompts@1.0.0-alpha.8':
-    resolution: {integrity: sha512-YZGC4BmTKSF5OturNKEz/y4xNjYGmGk6NI785CQucJ7OEdX0qbMmL/zok+9bL6c7qE3WSYffyK5grh2RnkGNtQ==}
+  '@clack/prompts@1.0.0-alpha.9':
+    resolution: {integrity: sha512-sKs0UjiHFWvry4SiRfBi5Qnj0C/6AYx8aKkFPZQSuUZXgAram25ZDmhQmP7vj1aFyLpfHWtLQjWvOvcat0TOLg==}
 
-  '@cloudflare/kv-asset-handler@0.4.1':
-    resolution: {integrity: sha512-Nu8ahitGFFJztxUml9oD/DLb7Z28C8cd8F46IVQ7y5Btz575pvMY8AqZsXkX7Gds29eCKdMgIHjIvzskHgPSFg==}
+  '@cloudflare/kv-asset-handler@0.4.2':
+    resolution: {integrity: sha512-SIOD2DxrRRwQ+jgzlXCqoEFiKOFqaPjhnNTGKXSRLvp1HiOvapLaFG2kEr9dYQTYe8rKrd9uvDUzmAITeNyaHQ==}
     engines: {node: '>=18.0.0'}
 
-  '@cloudflare/unenv-preset@2.8.0':
-    resolution: {integrity: sha512-oIAu6EdQ4zJuPwwKr9odIEqd8AV96z1aqi3RBEA4iKaJ+Vd3fvuI6m5EDC7/QCv+oaPIhy1SkYBYxmD09N+oZg==}
+  '@cloudflare/unenv-preset@2.12.0':
+    resolution: {integrity: sha512-NK4vN+2Z/GbfGS4BamtbbVk1rcu5RmqaYGiyHJQrA09AoxdZPHDF3W/EhgI0YSK8p3vRo/VNCtbSJFPON7FWMQ==}
     peerDependencies:
       unenv: 2.0.0-rc.24
-      workerd: ^1.20251202.0
+      workerd: ^1.20260115.0
     peerDependenciesMeta:
       workerd:
         optional: true
 
-  '@cloudflare/workerd-darwin-64@1.20260107.1':
-    resolution: {integrity: sha512-Srwe/IukVppkMU2qTndkFaKCmZBI7CnZoq4Y0U0gD/8158VGzMREHTqCii4IcCeHifwrtDqTWu8EcA1VBKI4mg==}
+  '@cloudflare/workerd-darwin-64@1.20260131.0':
+    resolution: {integrity: sha512-+1X4qErc715NUhJZNhtlpuCxajhD5YNre7Cz50WPMmj+BMUrh9h7fntKEadtrUo5SM2YONY7CDzK7wdWbJJBVA==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [darwin]
 
-  '@cloudflare/workerd-darwin-arm64@1.20260107.1':
-    resolution: {integrity: sha512-aAYwU7zXW+UZFh/a4vHP5cs1ulTOcDRLzwU9547yKad06RlZ6ioRm7ovjdYvdqdmbI8mPd99v4LN9gMmecazQw==}
+  '@cloudflare/workerd-darwin-arm64@1.20260131.0':
+    resolution: {integrity: sha512-M84mXR8WEMEBuX4/dL2IQ4wHV/ALwYjx9if5ePZR8rdbD7if/fkEEoMBq0bGS/1gMLRqqCZLstabxHV+g92NNg==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [darwin]
 
-  '@cloudflare/workerd-linux-64@1.20260107.1':
-    resolution: {integrity: sha512-Wh7xWtFOkk6WY3CXe3lSqZ1anMkFcwy+qOGIjtmvQ/3nCOaG34vKNwPIE9iwryPupqkSuDmEqkosI1UUnSTh1A==}
+  '@cloudflare/workerd-linux-64@1.20260131.0':
+    resolution: {integrity: sha512-SWzr48bCL9y5wjkj23tXS6t/6us99EAH9T5TAscMV0hfJFZQt97RY/gaHKyRRjFv6jfJZvk7d4g+OmGeYBnwcg==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [linux]
 
-  '@cloudflare/workerd-linux-arm64@1.20260107.1':
-    resolution: {integrity: sha512-NI0/5rdssdZZKYHxNG4umTmMzODByq86vSCEk8u4HQbGhRCQo7rV1eXn84ntSBdyWBzWdYGISCbeZMsgfIjSTg==}
+  '@cloudflare/workerd-linux-arm64@1.20260131.0':
+    resolution: {integrity: sha512-mL0kLPGIBJRPeHS3+erJ2t5dJT3ODhsKvR9aA4BcsY7M30/QhlgJIF6wsgwNisTJ23q8PbobZNHBUKIe8l/E9A==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
 
-  '@cloudflare/workerd-windows-64@1.20260107.1':
-    resolution: {integrity: sha512-gmBMqs606Gd/IhBEBPSL/hJAqy2L8IyPUjKtoqd/Ccy7GQxbSc0rYlRkxbQ9YzmqnuhrTVYvXuLscyWrpmAJkw==}
+  '@cloudflare/workerd-windows-64@1.20260131.0':
+    resolution: {integrity: sha512-hoQqTFBpP1zntP2OQSpt5dEWbd9vSBliK+G7LmDXjKitPkmkRFo2PB4P9aBRE1edPAIO/fpdoJv928k2HaAn4A==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [win32]
@@ -1073,14 +1076,14 @@ packages:
   '@codemirror/language@6.12.1':
     resolution: {integrity: sha512-Fa6xkSiuGKc8XC8Cn96T+TQHYj4ZZ7RdFmXA3i9xe/3hLHfwPZdM+dqfX0Cp0zQklBKhVD8Yzc8LS45rkqcwpQ==}
 
-  '@codemirror/lint@6.9.2':
-    resolution: {integrity: sha512-sv3DylBiIyi+xKwRCJAAsBZZZWo82shJ/RTMymLabAdtbkV5cSKwWDeCgtUq3v8flTaXS2y1kKkICuRYtUswyQ==}
+  '@codemirror/lint@6.9.3':
+    resolution: {integrity: sha512-y3YkYhdnhjDBAe0VIA0c4wVoFOvnp8CnAvfLqi0TqotIv92wIlAAP7HELOpLBsKwjAX6W92rSflA6an/2zBvXw==}
 
-  '@codemirror/state@6.5.3':
-    resolution: {integrity: sha512-MerMzJzlXogk2fxWFU1nKp36bY5orBG59HnPiz0G9nLRebWa0zXuv2siH6PLIHBvv5TH8CkQRqjBs0MlxCZu+A==}
+  '@codemirror/state@6.5.4':
+    resolution: {integrity: sha512-8y7xqG/hpB53l25CIoit9/ngxdfoG+fx+V3SHBrinnhOtLvKHRyAJJuHzkWrR4YXXLX8eXBsejgAAxHUOdW1yw==}
 
-  '@codemirror/view@6.39.8':
-    resolution: {integrity: sha512-1rASYd9Z/mE3tkbC9wInRlCNyCkSn+nLsiQKZhEDUUJiUfs/5FHDpCUDaQpoTIaNGeDc6/bhaEAyLmeEucEFPw==}
+  '@codemirror/view@6.39.12':
+    resolution: {integrity: sha512-f+/VsHVn/kOA9lltk/GFzuYwVVAKmOnNjxbrhkk3tPHntFqjWeI2TbIXx006YkBkqC10wZ4NsnWXCQiFPeAISQ==}
 
   '@cspotcode/source-map-support@0.8.1':
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
@@ -1090,8 +1093,8 @@ packages:
     resolution: {integrity: sha512-kzyuwOAQnXJNLS9PSyrk0CWk35nWJW/zl/6KvnTBMFK65gm7U1/Z5BqjxeapjZCIhQcM/DsrEmcbRwDyXyXK4A==}
     engines: {node: '>=14'}
 
-  '@dxup/nuxt@0.2.2':
-    resolution: {integrity: sha512-RNpJjDZs9+JcT9N87AnOuHsNM75DEd58itADNd/s1LIF6BZbTLZV0xxilJZb55lntn4TYvscTaXLCBX2fq9CXg==}
+  '@dxup/nuxt@0.3.2':
+    resolution: {integrity: sha512-2f2usP4oLNsIGjPprvABe3f3GWuIhIDp0169pGLFxTDRI5A4d4sBbGpR+tD9bGZCT+1Btb6Q2GKlyv3LkDCW5g==}
 
   '@dxup/unimport@0.1.2':
     resolution: {integrity: sha512-/B8YJGPzaYq1NbsQmwgP8EZqg40NpTw4ZB3suuI0TplbxKHeK94jeaawLmVhCv+YwUnOpiWEz9U6SeThku/8JQ==}
@@ -1117,11 +1120,11 @@ packages:
   '@emmetio/stream-reader@2.2.0':
     resolution: {integrity: sha512-fXVXEyFA5Yv3M3n8sUGT7+fvecGrZP4k6FnWWMSZVQf69kAq0LLpaBQLGcPR30m3zMmKYhECP4k/ZkzvhEW5kw==}
 
-  '@emnapi/core@1.7.1':
-    resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
+  '@emnapi/core@1.8.1':
+    resolution: {integrity: sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==}
 
-  '@emnapi/runtime@1.7.1':
-    resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
+  '@emnapi/runtime@1.8.1':
+    resolution: {integrity: sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==}
 
   '@emnapi/wasi-threads@1.1.0':
     resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
@@ -1795,8 +1798,8 @@ packages:
   '@expressive-code/plugin-text-markers@0.40.2':
     resolution: {integrity: sha512-/XoLjD67K9nfM4TgDlXAExzMJp6ewFKxNpfUw4F7q5Ecy+IU3/9zQQG/O70Zy+RxYTwKGw2MA9kd7yelsxnSmw==}
 
-  '@floating-ui/core@1.7.3':
-    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
+  '@floating-ui/core@1.7.4':
+    resolution: {integrity: sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==}
 
   '@floating-ui/dom@1.1.1':
     resolution: {integrity: sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==}
@@ -1804,19 +1807,18 @@ packages:
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
-  '@formatjs/cli@6.8.8':
-    resolution: {integrity: sha512-YTN8BO0z8dZAMJyXxjpYRxAKuxbfVH0oBKger593/8Ql6+q691YI23yt8DP0L+6b9JzlYOoIa1ghTzd8vaukPw==}
+  '@formatjs/cli@6.12.2':
+    resolution: {integrity: sha512-y215aarLZXei3u1WDRAiet/VajgvUXzvz4ifPENDSPXfIog0aBJKtFvIU7EWbcFWy7rstbn5GcwwQW4F1G3TJg==}
     engines: {node: '>= 16'}
     hasBin: true
     peerDependencies:
       '@glimmer/env': '*'
       '@glimmer/reference': '*'
-      '@glimmer/syntax': ^0.95.0
+      '@glimmer/syntax': ^0.84.3 || ^0.95.0
       '@glimmer/validator': '*'
-      '@vue/compiler-core': ^3.5.12
-      content-tag: '4'
-      ember-template-recast: ^6.1.5
-      vue: ^3.5.12
+      '@vue/compiler-core': 3.5.27
+      content-tag: ^4.1.0
+      vue: 3.5.27
     peerDependenciesMeta:
       '@glimmer/env':
         optional: true
@@ -1830,8 +1832,6 @@ packages:
         optional: true
       content-tag:
         optional: true
-      ember-template-recast:
-        optional: true
       vue:
         optional: true
 
@@ -2159,15 +2159,15 @@ packages:
     resolution: {integrity: sha512-BcmHpb5bQyeVNrptC3UhzpBZB/YHHDoEREOUERrmF2BRxsyOEuRrq+Z96C/D4+2KJb8kuHiouzAei7BXlG0YYw==}
     engines: {node: '>= 16'}
 
-  '@ioredis/commands@1.4.0':
-    resolution: {integrity: sha512-aFT2yemJJo+TZCmieA7qnYGQooOS7QfNmYrzGtsYd3g9j5iDP8AimYYAesf79ohjbLG12XxC4nG5DyEnC88AsQ==}
+  '@ioredis/commands@1.5.0':
+    resolution: {integrity: sha512-eUgLqrMf8nJkZxT24JvVRrQya1vZkQh8BBeYNwGDqa5I0VUi8ACx7uFvAaLxintokpTenkK6DASvo/bvNbBGow==}
 
   '@isaacs/balanced-match@4.0.1':
     resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==}
     engines: {node: 20 || >=22}
 
-  '@isaacs/brace-expansion@5.0.0':
-    resolution: {integrity: sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==}
+  '@isaacs/brace-expansion@5.0.1':
+    resolution: {integrity: sha512-WMz71T1JS624nWj2n2fnYAuPovhv7EUhk69R6i9dsVyzxt5eM3bjwvgk9L+APE1TRscGysAVMANkB0jh0LQZrQ==}
     engines: {node: 20 || >=22}
 
   '@isaacs/cliui@8.0.2':
@@ -2224,11 +2224,11 @@ packages:
   '@lezer/javascript@1.5.4':
     resolution: {integrity: sha512-vvYx3MhWqeZtGPwDStM2dwgljd5smolYD2lR2UyFcHfxbBQebqx8yjmFmxtJ/E6nN6u1D9srOiVWm3Rb4tmcUA==}
 
-  '@lezer/lr@1.4.5':
-    resolution: {integrity: sha512-/YTRKP5yPPSo1xImYQk7AZZMAgap0kegzqCSYHjAL9x1AZ0ZQW+IpcEzMKagCsbTsLnVeWkxYrCNeXG8xEPrjg==}
+  '@lezer/lr@1.4.8':
+    resolution: {integrity: sha512-bPWa0Pgx69ylNlMlPvBPryqeLYQjyJjqPx+Aupm5zydLIF3NE+6MMLT8Yi23Bd9cif9VS00aUebn+6fDIGBcDA==}
 
-  '@lezer/markdown@1.6.2':
-    resolution: {integrity: sha512-iNSdKrIK0FfOjVPVpV0fu7OykdncYpEzf4vkG9szFf60ql/ObZShoVbM9u1tgkogDOmubms1CyoNS2/unOXWNw==}
+  '@lezer/markdown@1.6.3':
+    resolution: {integrity: sha512-jpGm5Ps+XErS+xA4urw7ogEGkeZOahVQF21Z6oECF0sj+2liwZopd2+I8uH5I/vZsRuuze3OxBREIANLf6KKUw==}
 
   '@ltd/j-toml@1.38.0':
     resolution: {integrity: sha512-lYtBcmvHustHQtg4X7TXUu1Xa/tbLC3p2wLvgQI+fWVySguVZJF60Snxijw5EiohumxZbR10kWYFFebh1zotiw==}
@@ -2262,8 +2262,8 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@nuxt/cli@3.31.3':
-    resolution: {integrity: sha512-K0T1ZpBXnlb41NU/RWf1F0U0C14KzlEXCoaSgD2y8BiLoCBWcgQ1UAlRtx4cThqWbJmIxaNZZTDL0NZ9d1U7ag==}
+  '@nuxt/cli@3.32.0':
+    resolution: {integrity: sha512-n2f3SRjPlhthPvo2qWjLRRiTrUtB6WFwg0BGsvtqcqZVeQpNEU371zuKWBaFrWgqDZHV1r/aD9jrVCo+C8Pmrw==}
     engines: {node: ^16.10.0 || >=18.0.0}
     hasBin: true
 
@@ -2299,22 +2299,22 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@nuxt/kit@3.20.2':
-    resolution: {integrity: sha512-laqfmMcWWNV1FsVmm1+RQUoGY8NIJvCRl0z0K8ikqPukoEry0LXMqlQ+xaf8xJRvoH2/78OhZmsEEsUBTXipcw==}
+  '@nuxt/kit@3.21.0':
+    resolution: {integrity: sha512-KMTLK/dsGaQioZzkYUvgfN9le4grNW54aNcA1jqzgVZLcFVy4jJfrJr5WZio9NT2EMfajdoZ+V28aD7BRr4Zfw==}
     engines: {node: '>=18.12.0'}
 
-  '@nuxt/kit@4.2.2':
-    resolution: {integrity: sha512-ZAgYBrPz/yhVgDznBNdQj2vhmOp31haJbO0I0iah/P9atw+OHH7NJLUZ3PK+LOz/0fblKTN1XJVSi8YQ1TQ0KA==}
+  '@nuxt/kit@4.3.0':
+    resolution: {integrity: sha512-cD/0UU9RQmlnTbmyJTDyzN8f6CzpziDLv3tFQCnwl0Aoxt3KmFu4k/XA4Sogxqj7jJ/3cdX1kL+Lnsh34sxcQQ==}
     engines: {node: '>=18.12.0'}
 
-  '@nuxt/nitro-server@3.20.2':
-    resolution: {integrity: sha512-IX43Fy0/7jjYve1D7hdkR/rfvww6u8aEbsdTVfh7wH14GGKJtsAn3DJlRb3CCKwtbo0dp25e3qLM4hOO5hZTCg==}
+  '@nuxt/nitro-server@3.21.0':
+    resolution: {integrity: sha512-lM+PPyJf6NpWC7EqcttnNgkh1aGFlb2q1YnyHX/C9OSvF2XUXbSkNKhVclZtYSyZ6aUQSek9P1MRKcaEh7bgpw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
-      nuxt: ^3.20.2
+      nuxt: ^3.21.0
 
-  '@nuxt/schema@3.20.2':
-    resolution: {integrity: sha512-fp584AiXON7vI6NDDpNTjxiJ485iM/ztJSPX9CqptKUNjULhBy9qlacF9+NiwQqxlEs3zvbxHpo/1qLPNSb4MQ==}
+  '@nuxt/schema@3.21.0':
+    resolution: {integrity: sha512-s4cDCQrlG3RbUXowTDlQVR/tsWW2Wd2PQ0Pw/QV5x2Mzp26VH0XyGZ3zYkaDPt23BsjrbF/XA4Bhut5YREfxbg==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
   '@nuxt/telemetry@2.6.6':
@@ -2322,11 +2322,11 @@ packages:
     engines: {node: '>=18.12.0'}
     hasBin: true
 
-  '@nuxt/vite-builder@3.20.2':
-    resolution: {integrity: sha512-xsWMn13mxTlwLKyZc67lNwOIS0Ih8L+wQnsLaAt/4jkkypRiQ09+oIljF6n7vVmnqIvuGXFL0e97ZIbyrkEBQw==}
+  '@nuxt/vite-builder@3.21.0':
+    resolution: {integrity: sha512-XxwadSMlpvtjDstTtUHdXhLAGldZlWNmPhfAGo5PhsrXhidrjHcODXTGnh9iC1mbVu8xML78/m2rhB9MFHSCyw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
-      nuxt: 3.20.2
+      nuxt: 3.21.0
       rolldown: ^1.0.0-beta.38
       vue: ^3.3.4
     peerDependenciesMeta:
@@ -2336,16 +2336,24 @@ packages:
   '@one-ini/wasm@0.1.1':
     resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
 
+  '@opentelemetry/api-logs@0.207.0':
+    resolution: {integrity: sha512-lAb0jQRVyleQQGiuuvCOTDVspc14nx6XJjP4FspJ1sNARo3Regq4ZZbrc3rN4b1TYSuUCvgH+UXUPug4SLOqEQ==}
+    engines: {node: '>=8.0.0'}
+
   '@opentelemetry/api-logs@0.208.0':
     resolution: {integrity: sha512-CjruKY9V6NMssL/T1kAFgzosF1v9o6oeN+aX5JB/C/xPNtmgIJqcXHG7fA82Ou1zCpWGl4lROQUKwUNE1pMCyg==}
     engines: {node: '>=8.0.0'}
 
+  '@opentelemetry/api-logs@0.211.0':
+    resolution: {integrity: sha512-swFdZq8MCdmdR22jTVGQDhwqDzcI4M10nhjXkLr1EsIzXgZBqm4ZlmmcWsg3TSNf+3mzgOiqveXmBLZuDi2Lgg==}
+    engines: {node: '>=8.0.0'}
+
   '@opentelemetry/api@1.9.0':
     resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
     engines: {node: '>=8.0.0'}
 
-  '@opentelemetry/context-async-hooks@2.3.0':
-    resolution: {integrity: sha512-hGcsT0qDP7Il1L+qT3JFpiGl1dCjF794Bb4yCRCYdr7XC0NwHtOF3ngF86Gk6TUnsakbyQsDQ0E/S4CU0F4d4g==}
+  '@opentelemetry/context-async-hooks@2.5.0':
+    resolution: {integrity: sha512-uOXpVX0ZjO7heSVjhheW2XEPrhQAWr2BScDPoZ9UDycl5iuHG+Usyc3AIfG6kZeC1GyLpMInpQ6X5+9n69yOFw==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
@@ -2356,146 +2364,170 @@ packages:
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
 
-  '@opentelemetry/core@2.3.0':
-    resolution: {integrity: sha512-PcmxJQzs31cfD0R2dE91YGFcLxOSN4Bxz7gez5UwSUjCai8BwH/GI5HchfVshHkWdTkUs0qcaPJgVHKXUp7I3A==}
+  '@opentelemetry/core@2.5.0':
+    resolution: {integrity: sha512-ka4H8OM6+DlUhSAZpONu0cPBtPPTQKxbxVzC4CzVx5+K4JnroJVBtDzLAMx4/3CDTJXRvVFhpFjtl4SaiTNoyQ==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
 
-  '@opentelemetry/instrumentation-amqplib@0.55.0':
-    resolution: {integrity: sha512-5ULoU8p+tWcQw5PDYZn8rySptGSLZHNX/7srqo2TioPnAAcvTy6sQFQXsNPrAnyRRtYGMetXVyZUy5OaX1+IfA==}
+  '@opentelemetry/exporter-logs-otlp-http@0.208.0':
+    resolution: {integrity: sha512-jOv40Bs9jy9bZVLo/i8FwUiuCvbjWDI+ZW13wimJm4LjnlwJxGgB+N/VWOZUTpM+ah/awXeQqKdNlpLf2EjvYg==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation-amqplib@0.58.0':
+    resolution: {integrity: sha512-fjpQtH18J6GxzUZ+cwNhWUpb71u+DzT7rFkg5pLssDGaEber91Y2WNGdpVpwGivfEluMlNMZumzjEqfg8DeKXQ==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-connect@0.52.0':
-    resolution: {integrity: sha512-GXPxfNB5szMbV3I9b7kNWSmQBoBzw7MT0ui6iU/p+NIzVx3a06Ri2cdQO7tG9EKb4aKSLmfX9Cw5cKxXqX6Ohg==}
+  '@opentelemetry/instrumentation-connect@0.54.0':
+    resolution: {integrity: sha512-43RmbhUhqt3uuPnc16cX6NsxEASEtn8z/cYV8Zpt6EP4p2h9s4FNuJ4Q9BbEQ2C0YlCCB/2crO1ruVz/hWt8fA==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-dataloader@0.26.0':
-    resolution: {integrity: sha512-P2BgnFfTOarZ5OKPmYfbXfDFjQ4P9WkQ1Jji7yH5/WwB6Wm/knynAoA1rxbjWcDlYupFkyT0M1j6XLzDzy0aCA==}
+  '@opentelemetry/instrumentation-dataloader@0.28.0':
+    resolution: {integrity: sha512-ExXGBp0sUj8yhm6Znhf9jmuOaGDsYfDES3gswZnKr4MCqoBWQdEFn6EoDdt5u+RdbxQER+t43FoUihEfTSqsjA==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-express@0.57.0':
-    resolution: {integrity: sha512-HAdx/o58+8tSR5iW+ru4PHnEejyKrAy9fYFhlEI81o10nYxrGahnMAHWiSjhDC7UQSY3I4gjcPgSKQz4rm/asg==}
+  '@opentelemetry/instrumentation-express@0.59.0':
+    resolution: {integrity: sha512-pMKV/qnHiW/Q6pmbKkxt0eIhuNEtvJ7sUAyee192HErlr+a1Jx+FZ3WjfmzhQL1geewyGEiPGkmjjAgNY8TgDA==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-fs@0.28.0':
-    resolution: {integrity: sha512-FFvg8fq53RRXVBRHZViP+EMxMR03tqzEGpuq55lHNbVPyFklSVfQBN50syPhK5UYYwaStx0eyCtHtbRreusc5g==}
+  '@opentelemetry/instrumentation-fs@0.30.0':
+    resolution: {integrity: sha512-n3Cf8YhG7reaj5dncGlRIU7iT40bxPOjsBEA5Bc1a1g6e9Qvb+JFJ7SEiMlPbUw4PBmxE3h40ltE8LZ3zVt6OA==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-generic-pool@0.52.0':
-    resolution: {integrity: sha512-ISkNcv5CM2IwvsMVL31Tl61/p2Zm2I2NAsYq5SSBgOsOndT0TjnptjufYVScCnD5ZLD1tpl4T3GEYULLYOdIdQ==}
+  '@opentelemetry/instrumentation-generic-pool@0.54.0':
+    resolution: {integrity: sha512-8dXMBzzmEdXfH/wjuRvcJnUFeWzZHUnExkmFJ2uPfa31wmpyBCMxO59yr8f/OXXgSogNgi/uPo9KW9H7LMIZ+g==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-graphql@0.56.0':
-    resolution: {integrity: sha512-IPvNk8AFoVzTAM0Z399t34VDmGDgwT6rIqCUug8P9oAGerl2/PEIYMPOl/rerPGu+q8gSWdmbFSjgg7PDVRd3Q==}
+  '@opentelemetry/instrumentation-graphql@0.58.0':
+    resolution: {integrity: sha512-+yWVVY7fxOs3j2RixCbvue8vUuJ1inHxN2q1sduqDB0Wnkr4vOzVKRYl/Zy7B31/dcPS72D9lo/kltdOTBM3bQ==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-hapi@0.55.0':
-    resolution: {integrity: sha512-prqAkRf9e4eEpy4G3UcR32prKE8NLNlA90TdEU1UsghOTg0jUvs40Jz8LQWFEs5NbLbXHYGzB4CYVkCI8eWEVQ==}
+  '@opentelemetry/instrumentation-hapi@0.57.0':
+    resolution: {integrity: sha512-Os4THbvls8cTQTVA8ApLfZZztuuqGEeqog0XUnyRW7QVF0d/vOVBEcBCk1pazPFmllXGEdNbbat8e2fYIWdFbw==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-http@0.208.0':
-    resolution: {integrity: sha512-rhmK46DRWEbQQB77RxmVXGyjs6783crXCnFjYQj+4tDH/Kpv9Rbg3h2kaNyp5Vz2emF1f9HOQQvZoHzwMWOFZQ==}
+  '@opentelemetry/instrumentation-http@0.211.0':
+    resolution: {integrity: sha512-n0IaQ6oVll9PP84SjbOCwDjaJasWRHi6BLsbMLiT6tNj7QbVOkuA5sk/EfZczwI0j5uTKl1awQPivO/ldVtsqA==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-ioredis@0.56.0':
-    resolution: {integrity: sha512-XSWeqsd3rKSsT3WBz/JKJDcZD4QYElZEa0xVdX8f9dh4h4QgXhKRLorVsVkK3uXFbC2sZKAS2Ds+YolGwD83Dg==}
+  '@opentelemetry/instrumentation-ioredis@0.59.0':
+    resolution: {integrity: sha512-875UxzBHWkW+P4Y45SoFM2AR8f8TzBMD8eO7QXGCyFSCUMP5s9vtt/BS8b/r2kqLyaRPK6mLbdnZznK3XzQWvw==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-kafkajs@0.18.0':
-    resolution: {integrity: sha512-KCL/1HnZN5zkUMgPyOxfGjLjbXjpd4odDToy+7c+UsthIzVLFf99LnfIBE8YSSrYE4+uS7OwJMhvhg3tWjqMBg==}
+  '@opentelemetry/instrumentation-kafkajs@0.20.0':
+    resolution: {integrity: sha512-yJXOuWZROzj7WmYCUiyT27tIfqBrVtl1/TwVbQyWPz7rL0r1Lu7kWjD0PiVeTCIL6CrIZ7M2s8eBxsTAOxbNvw==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-knex@0.53.0':
-    resolution: {integrity: sha512-xngn5cH2mVXFmiT1XfQ1aHqq1m4xb5wvU6j9lSgLlihJ1bXzsO543cpDwjrZm2nMrlpddBf55w8+bfS4qDh60g==}
+  '@opentelemetry/instrumentation-knex@0.55.0':
+    resolution: {integrity: sha512-FtTL5DUx5Ka/8VK6P1VwnlUXPa3nrb7REvm5ddLUIeXXq4tb9pKd+/ThB1xM/IjefkRSN3z8a5t7epYw1JLBJQ==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-koa@0.57.0':
-    resolution: {integrity: sha512-3JS8PU/D5E3q295mwloU2v7c7/m+DyCqdu62BIzWt+3u9utjxC9QS7v6WmUNuoDN3RM+Q+D1Gpj13ERo+m7CGg==}
+  '@opentelemetry/instrumentation-koa@0.59.0':
+    resolution: {integrity: sha512-K9o2skADV20Skdu5tG2bogPKiSpXh4KxfLjz6FuqIVvDJNibwSdu5UvyyBzRVp1rQMV6UmoIk6d3PyPtJbaGSg==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.9.0
 
-  '@opentelemetry/instrumentation-lru-memoizer@0.53.0':
-    resolution: {integrity: sha512-LDwWz5cPkWWr0HBIuZUjslyvijljTwmwiItpMTHujaULZCxcYE9eU44Qf/pbVC8TulT0IhZi+RoGvHKXvNhysw==}
+  '@opentelemetry/instrumentation-lru-memoizer@0.55.0':
+    resolution: {integrity: sha512-FDBfT7yDGcspN0Cxbu/k8A0Pp1Jhv/m7BMTzXGpcb8ENl3tDj/51U65R5lWzUH15GaZA15HQ5A5wtafklxYj7g==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-mongodb@0.61.0':
-    resolution: {integrity: sha512-OV3i2DSoY5M/pmLk+68xr5RvkHU8DRB3DKMzYJdwDdcxeLs62tLbkmRyqJZsYf3Ht7j11rq35pHOWLuLzXL7pQ==}
+  '@opentelemetry/instrumentation-mongodb@0.64.0':
+    resolution: {integrity: sha512-pFlCJjweTqVp7B220mCvCld1c1eYKZfQt1p3bxSbcReypKLJTwat+wbL2YZoX9jPi5X2O8tTKFEOahO5ehQGsA==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-mongoose@0.55.0':
-    resolution: {integrity: sha512-5afj0HfF6aM6Nlqgu6/PPHFk8QBfIe3+zF9FGpX76jWPS0/dujoEYn82/XcLSaW5LPUDW8sni+YeK0vTBNri+w==}
+  '@opentelemetry/instrumentation-mongoose@0.57.0':
+    resolution: {integrity: sha512-MthiekrU/BAJc5JZoZeJmo0OTX6ycJMiP6sMOSRTkvz5BrPMYDqaJos0OgsLPL/HpcgHP7eo5pduETuLguOqcg==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-mysql2@0.55.0':
-    resolution: {integrity: sha512-0cs8whQG55aIi20gnK8B7cco6OK6N+enNhW0p5284MvqJ5EPi+I1YlWsWXgzv/V2HFirEejkvKiI4Iw21OqDWg==}
+  '@opentelemetry/instrumentation-mysql2@0.57.0':
+    resolution: {integrity: sha512-nHSrYAwF7+aV1E1V9yOOP9TchOodb6fjn4gFvdrdQXiRE7cMuffyLLbCZlZd4wsspBzVwOXX8mpURdRserAhNA==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-mysql@0.54.0':
-    resolution: {integrity: sha512-bqC1YhnwAeWmRzy1/Xf9cDqxNG2d/JDkaxnqF5N6iJKN1eVWI+vg7NfDkf52/Nggp3tl1jcC++ptC61BD6738A==}
+  '@opentelemetry/instrumentation-mysql@0.57.0':
+    resolution: {integrity: sha512-HFS/+FcZ6Q7piM7Il7CzQ4VHhJvGMJWjx7EgCkP5AnTntSN5rb5Xi3TkYJHBKeR27A0QqPlGaCITi93fUDs++Q==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-pg@0.61.0':
-    resolution: {integrity: sha512-UeV7KeTnRSM7ECHa3YscoklhUtTQPs6V6qYpG283AB7xpnPGCUCUfECFT9jFg6/iZOQTt3FHkB1wGTJCNZEvPw==}
+  '@opentelemetry/instrumentation-pg@0.63.0':
+    resolution: {integrity: sha512-dKm/ODNN3GgIQVlbD6ZPxwRc3kleLf95hrRWXM+l8wYo+vSeXtEpQPT53afEf6VFWDVzJK55VGn8KMLtSve/cg==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-redis@0.57.0':
-    resolution: {integrity: sha512-bCxTHQFXzrU3eU1LZnOZQ3s5LURxQPDlU3/upBzlWY77qOI1GZuGofazj3jtzjctMJeBEJhNwIFEgRPBX1kp/Q==}
+  '@opentelemetry/instrumentation-redis@0.59.0':
+    resolution: {integrity: sha512-JKv1KDDYA2chJ1PC3pLP+Q9ISMQk6h5ey+99mB57/ARk0vQPGZTTEb4h4/JlcEpy7AYT8HIGv7X6l+br03Neeg==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-tedious@0.27.0':
-    resolution: {integrity: sha512-jRtyUJNZppPBjPae4ZjIQ2eqJbcRaRfJkr0lQLHFmOU/no5A6e9s1OHLd5XZyZoBJ/ymngZitanyRRA5cniseA==}
+  '@opentelemetry/instrumentation-tedious@0.30.0':
+    resolution: {integrity: sha512-bZy9Q8jFdycKQ2pAsyuHYUHNmCxCOGdG6eg1Mn75RvQDccq832sU5OWOBnc12EFUELI6icJkhR7+EQKMBam2GA==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-undici@0.19.0':
-    resolution: {integrity: sha512-Pst/RhR61A2OoZQZkn6OLpdVpXp6qn3Y92wXa6umfJe9rV640r4bc6SWvw4pPN6DiQqPu2c8gnSSZPDtC6JlpQ==}
+  '@opentelemetry/instrumentation-undici@0.21.0':
+    resolution: {integrity: sha512-gok0LPUOTz2FQ1YJMZzaHcOzDFyT64XJ8M9rNkugk923/p6lDGms/cRW1cqgqp6N6qcd6K6YdVHwPEhnx9BWbw==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.7.0
 
-  '@opentelemetry/instrumentation@0.208.0':
-    resolution: {integrity: sha512-Eju0L4qWcQS+oXxi6pgh7zvE2byogAkcsVv0OjHF/97iOz1N/aKE6etSGowYkie+YA1uo6DNwdSxaaNnLvcRlA==}
+  '@opentelemetry/instrumentation@0.207.0':
+    resolution: {integrity: sha512-y6eeli9+TLKnznrR8AZlQMSJT7wILpXH+6EYq5Vf/4Ao+huI7EedxQHwRgVUOMLFbe7VFDvHJrX9/f4lcwnJsA==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/instrumentation@0.211.0':
+    resolution: {integrity: sha512-h0nrZEC/zvI994nhg7EgQ8URIHt0uDTwN90r3qQUdZORS455bbx+YebnGeEuFghUT0HlJSrLF4iHw67f+odY+Q==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/otlp-exporter-base@0.208.0':
+    resolution: {integrity: sha512-gMd39gIfVb2OgxldxUtOwGJYSH8P1kVFFlJLuut32L6KgUC4gl1dMhn+YC2mGn0bDOiQYSk/uHOdSjuKp58vvA==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/otlp-transformer@0.208.0':
+    resolution: {integrity: sha512-DCFPY8C6lAQHUNkzcNT9R+qYExvsk6C5Bto2pbNxgicpcSWbe2WHShLxkOxIdNcBiYPdVHv/e7vH7K6TI+C+fQ==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
@@ -2504,20 +2536,44 @@ packages:
     resolution: {integrity: sha512-1BCcU93iwSRZvDAgwUxC/DV4T/406SkMfxGqu5ojc3AvNI+I9GhV7v0J1HljsczuuhcnFLYqD5VmwVXfCGHzxA==}
     engines: {node: ^18.19.0 || >=20.6.0}
 
-  '@opentelemetry/resources@2.3.0':
-    resolution: {integrity: sha512-shlr2l5g+87J8wqYlsLyaUsgKVRO7RtX70Ckd5CtDOWtImZgaUDmf4Z2ozuSKQLM2wPDR0TE/3bPVBNJtRm/cQ==}
+  '@opentelemetry/resources@2.2.0':
+    resolution: {integrity: sha512-1pNQf/JazQTMA0BiO5NINUzH0cbLbbl7mntLa4aJNmCCXSj0q03T5ZXXL0zw4G55TjdL9Tz32cznGClf+8zr5A==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': '>=1.3.0 <1.10.0'
 
-  '@opentelemetry/sdk-trace-base@2.3.0':
-    resolution: {integrity: sha512-B0TQ2e9h0ETjpI+eGmCz8Ojb+lnYms0SE3jFwEKrN/PK4aSVHU28AAmnOoBmfub+I3jfgPwvDJgomBA5a7QehQ==}
+  '@opentelemetry/resources@2.5.0':
+    resolution: {integrity: sha512-F8W52ApePshpoSrfsSk1H2yJn9aKjCrbpQF1M9Qii0GHzbfVeFUB+rc3X4aggyZD8x9Gu3Slua+s6krmq6Dt8g==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': '>=1.3.0 <1.10.0'
 
-  '@opentelemetry/semantic-conventions@1.38.0':
-    resolution: {integrity: sha512-kocjix+/sSggfJhwXqClZ3i9Y/MI0fp7b+g7kCRm6psy2dsf8uApTRclwG18h8Avm7C9+fnt+O36PspJ/OzoWg==}
+  '@opentelemetry/sdk-logs@0.208.0':
+    resolution: {integrity: sha512-QlAyL1jRpOeaqx7/leG1vJMp84g0xKP6gJmfELBpnI4O/9xPX+Hu5m1POk9Kl+veNkyth5t19hRlN6tNY1sjbA==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.4.0 <1.10.0'
+
+  '@opentelemetry/sdk-metrics@2.2.0':
+    resolution: {integrity: sha512-G5KYP6+VJMZzpGipQw7Giif48h6SGQ2PFKEYCybeXJsOCB4fp8azqMAAzE5lnnHK3ZVwYQrgmFbsUJO/zOnwGw==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.9.0 <1.10.0'
+
+  '@opentelemetry/sdk-trace-base@2.2.0':
+    resolution: {integrity: sha512-xWQgL0Bmctsalg6PaXExmzdedSp3gyKV8mQBwK/j9VGdCDu2fmXIb2gAehBKbkXCpJ4HPkgv3QfoJWRT4dHWbw==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.3.0 <1.10.0'
+
+  '@opentelemetry/sdk-trace-base@2.5.0':
+    resolution: {integrity: sha512-VzRf8LzotASEyNDUxTdaJ9IRJ1/h692WyArDBInf5puLCjxbICD6XkHgpuudis56EndyS7LYFmtTMny6UABNdQ==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.3.0 <1.10.0'
+
+  '@opentelemetry/semantic-conventions@1.39.0':
+    resolution: {integrity: sha512-R5R9tb2AXs2IRLNKLBJDynhkfmx7mX0vi8NkhZb3gUkPWHn6HXk5J8iQ/dql0U3ApfWym4kXXmBDRGO+oeOfjg==}
     engines: {node: '>=14'}
 
   '@opentelemetry/sql-common@0.41.2':
@@ -2529,272 +2585,362 @@ packages:
   '@oslojs/encoding@1.1.0':
     resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==}
 
-  '@oxc-minify/binding-android-arm64@0.102.0':
-    resolution: {integrity: sha512-pknM+ttJTwRr7ezn1v5K+o2P4RRjLAzKI10bjVDPybwWQ544AZW6jxm7/YDgF2yUbWEV9o7cAQPkIUOmCiW8vg==}
+  '@oxc-minify/binding-android-arm-eabi@0.110.0':
+    resolution: {integrity: sha512-43fMTO8/5bMlqfOiNSZNKUzIqeLIYuB9Hr1Ohyf58B1wU11S2dPGibTXOGNaWsfgHy99eeZ1bSgeIHy/fEYqbw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-minify/binding-android-arm64@0.110.0':
+    resolution: {integrity: sha512-5oQrnn9eK/ccOp80PTrNj0Vq893NPNNRryjGpOIVsYNgWFuoGCfpnKg68oEFcN8bArizYAqw4nvgHljEnar69w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@oxc-minify/binding-darwin-arm64@0.102.0':
-    resolution: {integrity: sha512-BDLiH41ZctNND38+GCEL3ZxFn9j7qMZJLrr6SLWMt8xlG4Sl64xTkZ0zeUy4RdVEatKKZdrRIhFZ2e5wPDQT6Q==}
+  '@oxc-minify/binding-darwin-arm64@0.110.0':
+    resolution: {integrity: sha512-dqBDgTG9tF2z2lrZp9E8wU+Godz1i8gCGSei2eFKS2hRploBOD5dmOLp1j4IMornkPvSQmbwB3uSjPq7fjx4EA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxc-minify/binding-darwin-x64@0.102.0':
-    resolution: {integrity: sha512-AcB8ZZ711w4hTDhMfMHNjT2d+hekTQ2XmNSUBqJdXB+a2bJbE50UCRq/nxXl44zkjaQTit3lcQbFvhk2wwKcpw==}
+  '@oxc-minify/binding-darwin-x64@0.110.0':
+    resolution: {integrity: sha512-U0AqabqaooDOpYmeeOye8wClv8PSScELXgOfYqyqgrwH9J9KrpCE1jL8Rlqgz68QbL4mPw3V6sKiiHssI4CLeQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@oxc-minify/binding-freebsd-x64@0.102.0':
-    resolution: {integrity: sha512-UlLEN9mR5QaviYVMWZQsN9DgAH3qyV67XUXDEzSrbVMLsqHsVHhFU8ZIeO0fxWTQW/cgpvldvKp9/+RdrggqWw==}
+  '@oxc-minify/binding-freebsd-x64@0.110.0':
+    resolution: {integrity: sha512-H0w8o/Wo1072WSdLfhwwrpFpwZnPpjQODlHuRYkTfsSSSJbTxQtjJd4uxk7YJsRv5RQp69y0I7zvdH6f8Xueyw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@oxc-minify/binding-linux-arm-gnueabihf@0.102.0':
-    resolution: {integrity: sha512-CWyCwedZrUt47n56/RwHSwKXxVI3p98hB0ntLaBNeH5qjjBujs9uOh4bQ0aAlzUWunT77b3/Y+xcQnmV42HN4A==}
+  '@oxc-minify/binding-linux-arm-gnueabihf@0.110.0':
+    resolution: {integrity: sha512-qd6sW0AvEVYZhbVVMGtmKZw3b1zDYGIW+54Uh42moWRAj6i4Jhk/LGr6r9YNZpOINeuvZfkFuEeDD/jbu7xPUA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxc-minify/binding-linux-arm64-gnu@0.102.0':
-    resolution: {integrity: sha512-W/DCw+Ys8rXj4j38ylJ2l6Kvp6SV+eO5SUWA11imz7yCWntNL001KJyGQ9PJNUFHg0jbxe3yqm4M50v6miWzeA==}
+  '@oxc-minify/binding-linux-arm-musleabihf@0.110.0':
+    resolution: {integrity: sha512-7WXP0aXMrWSn0ScppUBi3jf68ebfBG0eri8kxLmBOVSBj6jw1repzkHMITJMBeLr5d0tT/51qFEptiAk2EP2iA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-minify/binding-linux-arm64-gnu@0.110.0':
+    resolution: {integrity: sha512-LYfADrq5x1W5gs+u9OIbMbDQNYkAECTXX0ufnAuf3oGmO51rF98kGFR5qJqC/6/csokDyT3wwTpxhE0TkcF/Og==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-minify/binding-linux-arm64-musl@0.102.0':
-    resolution: {integrity: sha512-DyH/t/zSZHuX4Nn239oBteeMC4OP7B13EyXWX18Qg8aJoZ+lZo90WPGOvhP04zII33jJ7di+vrtAUhsX64lp+A==}
+  '@oxc-minify/binding-linux-arm64-musl@0.110.0':
+    resolution: {integrity: sha512-53GjCVY8kvymk9P6qNDh6zyblcehF5QHstq9QgCjv13ONGRnSHjeds0PxIwiihD7h295bxsWs84DN39syLPH4Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-minify/binding-linux-riscv64-gnu@0.102.0':
-    resolution: {integrity: sha512-CMvzrmOg+Gs44E7TRK/IgrHYp+wwVJxVV8niUrDR2b3SsrCO3NQz5LI+7bM1qDbWnuu5Cl1aiitoMfjRY61dSg==}
+  '@oxc-minify/binding-linux-ppc64-gnu@0.110.0':
+    resolution: {integrity: sha512-li8XcN81dxbJDMBESnTgGhoiAQ+CNIdM0QGscZ4duVPjCry1RpX+5FJySFbGqG3pk4s9ZzlL/vtQtbRzZIZOzg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@oxc-minify/binding-linux-riscv64-gnu@0.110.0':
+    resolution: {integrity: sha512-SweKfsnLKShu6UFV8mwuj1d1wmlNoL/FlAxPUzwjEBgwiT2HQkY24KnjBH+TIA+//1O83kzmWKvvs4OuEhdIEQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxc-minify/binding-linux-riscv64-musl@0.110.0':
+    resolution: {integrity: sha512-oH8G4aFMP8XyTsEpdANC5PQyHgSeGlopHZuW1rpyYcaErg5YaK0vXjQ4EM5HVvPm+feBV24JjxgakTnZoF3aOQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
 
-  '@oxc-minify/binding-linux-s390x-gnu@0.102.0':
-    resolution: {integrity: sha512-tZWr6j2s0ddm9MTfWTI3myaAArg9GDy4UgvpF00kMQAjLcGUNhEEQbB9Bd9KtCvDQzaan8HQs0GVWUp+DWrymw==}
+  '@oxc-minify/binding-linux-s390x-gnu@0.110.0':
+    resolution: {integrity: sha512-W9na+Vza7XVUlpf8wMt4QBfH35KeTENEmnpPUq3NSlbQHz8lSlSvhAafvo43NcKvHAXV3ckD/mUf2VkqSdbklg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
 
-  '@oxc-minify/binding-linux-x64-gnu@0.102.0':
-    resolution: {integrity: sha512-0YEKmAIun1bS+Iy5Shx6WOTSj3GuilVuctJjc5/vP8/EMTZ/RI8j0eq0Mu3UFPoT/bMULL3MBXuHuEIXmq7Ddg==}
+  '@oxc-minify/binding-linux-x64-gnu@0.110.0':
+    resolution: {integrity: sha512-XJdA4mmmXOjJxSRgNJXsDP7Xe8h3gQhmb56hUcCrvq5d+h5UcEi2pR8rxsdIrS8QmkLuBA3eHkGK8E27D7DTgQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-minify/binding-linux-x64-musl@0.102.0':
-    resolution: {integrity: sha512-Ew4QDpEsXoV+pG5+bJpheEy3GH436GBe6ASPB0X27Hh9cQ2gb1NVZ7cY7xJj68+fizwS/PtT8GHoG3uxyH17Pg==}
+  '@oxc-minify/binding-linux-x64-musl@0.110.0':
+    resolution: {integrity: sha512-QqzvALuOTtSckI8x467R4GNArzYDb/yEh6aNzLoeaY1O7vfT7SPDwlOEcchaTznutpeS9Dy8gUS/AfqtUHaufw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-minify/binding-openharmony-arm64@0.102.0':
-    resolution: {integrity: sha512-wYPXS8IOu/sXiP3CGHJNPzZo4hfPAwJKevcFH2syvU2zyqUxym7hx6smfcK/mgJBiX7VchwArdGRwrEQKcBSaQ==}
+  '@oxc-minify/binding-openharmony-arm64@0.110.0':
+    resolution: {integrity: sha512-gAMssLs2Q3+uhLZxanh1DF+27Kaug3cf4PXb9AB7XK81DR+LVcKySXaoGYoOs20Co0fFSphd6rRzKge2qDK3dA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@oxc-minify/binding-wasm32-wasi@0.102.0':
-    resolution: {integrity: sha512-52SepCb9e+8cVisGa9S/F14K8PxW0AnbV1j4KEYi8uwfkUIxeDNKRHVHzPoBXNrr0yxW0EHLn/3i8J7a2YCpWw==}
+  '@oxc-minify/binding-wasm32-wasi@0.110.0':
+    resolution: {integrity: sha512-7Wqi5Zjl022bs2zXq+ICdalDPeDuCH/Nhbi8q2isLihAonMVIT0YH2hqqnNEylRNGYck+FJ6gRZwMpGCgrNxPg==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@oxc-minify/binding-win32-arm64-msvc@0.102.0':
-    resolution: {integrity: sha512-kLs6H1y6sDBKcIimkNwu5th28SLkyvFpHNxdLtCChda0KIGeIXNSiupy5BqEutY+VlWJivKT1OV3Ev3KC5Euzg==}
+  '@oxc-minify/binding-win32-arm64-msvc@0.110.0':
+    resolution: {integrity: sha512-ZPx+0Tj4dqn41ecyoGotlvekQKy6JxJCixn9Rw7h/dafZ3eDuBcEVh3c2ZoldXXsyMIt5ywI8IWzFZsjNedd5Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@oxc-minify/binding-win32-x64-msvc@0.102.0':
-    resolution: {integrity: sha512-XdyJZdSMN8rbBXH10CrFuU+Q9jIP2+MnxHmNzjK4+bldbTI1UxqwjUMS9bKVC5VCaIEZhh8IE8x4Vf8gmCgrKQ==}
+  '@oxc-minify/binding-win32-ia32-msvc@0.110.0':
+    resolution: {integrity: sha512-H0Oyd3RWBfpEyvJIrFK94RYiY7KKSQl11Ym7LMDwLEagelIAfRCkt1amHZhFa/S3ZRoaOJFXzEw4YKeSsjVFsg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-minify/binding-win32-x64-msvc@0.110.0':
+    resolution: {integrity: sha512-Hr3nK90+qXKJ2kepXwFIcNfQQIOBecB4FFCyaMMypthoEEhVP08heRynj4eSXZ8NL9hLjs3fQzH8PJXfpznRnQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
 
-  '@oxc-parser/binding-android-arm64@0.102.0':
-    resolution: {integrity: sha512-pD2if3w3cxPvYbsBSTbhxAYGDaG6WVwnqYG0mYRQ142D6SJ6BpNs7YVQrqpRA2AJQCmzaPP5TRp/koFLebagfQ==}
+  '@oxc-parser/binding-android-arm-eabi@0.110.0':
+    resolution: {integrity: sha512-g6+kHTI/BRDJszaZkSgyu0pGuMIVYJ7/v0I4C9BkTeGn1LxF9GWI6jE22dBEELXMWbG7FTyNlD9RCuWlStAx6w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-parser/binding-android-arm64@0.110.0':
+    resolution: {integrity: sha512-tbr+uWFVUN6p9LYlR0cPyFA24HWlnRYU+oldWlEGis/tdMtya3BubQcKdylhFhhDLaW6ChCJfxogQranElGVsw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@oxc-parser/binding-darwin-arm64@0.102.0':
-    resolution: {integrity: sha512-RzMN6f6MrjjpQC2Dandyod3iOscofYBpHaTecmoRRbC5sJMwsurkqUMHzoJX9F6IM87kn8m/JcClnoOfx5Sesw==}
+  '@oxc-parser/binding-darwin-arm64@0.110.0':
+    resolution: {integrity: sha512-jPBsXPc8hwmsUQyLMg7a5Ll/j/8rWCDFoB8WzLP6C0qQKX0zWQxbfSdLFg9GGNPuRo8J8ma9WfBQN5RmbFxNJA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxc-parser/binding-darwin-x64@0.102.0':
-    resolution: {integrity: sha512-Sr2/3K6GEcejY+HgWp5HaxRPzW5XHe9IfGKVn9OhLt8fzVLnXbK5/GjXj7JjMCNKI3G3ZPZDG2Dgm6CX3MaHCA==}
+  '@oxc-parser/binding-darwin-x64@0.110.0':
+    resolution: {integrity: sha512-jt5G1eZj4sdMGc7Q0c6kfPRmqY1Mn3yzo6xuRr8EXozkh93O8KGFflABY7t56WIrmP+cloaCQkLcjlm6vdhzcQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@oxc-parser/binding-freebsd-x64@0.102.0':
-    resolution: {integrity: sha512-s9F2N0KJCGEpuBW6ChpFfR06m2Id9ReaHSl8DCca4HvFNt8SJFPp8fq42n2PZy68rtkremQasM0JDrK2BoBeBQ==}
+  '@oxc-parser/binding-freebsd-x64@0.110.0':
+    resolution: {integrity: sha512-VJ7Hwf4dg7uf8b/DrLEhE6lgnNTfBZbTqXQBG3n0oCBoreE1c5aWf1la+o7fJjjTpACRts/vAZ2ngFNNqEFpJw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@oxc-parser/binding-linux-arm-gnueabihf@0.102.0':
-    resolution: {integrity: sha512-zRCIOWzLbqhfY4g8KIZDyYfO2Fl5ltxdQI1v2GlePj66vFWRl8cf4qcBGzxKfsH3wCZHAhmWd1Ht59mnrfH/UQ==}
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.110.0':
+    resolution: {integrity: sha512-w3OZ0pLKktM7k4qEbVj3dHnCvSMFnWugYxHfhpwncYUOxwDNL3mw++EOIrw997QYiEuJ+H6Od8K6mbj1p6Ae8w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.110.0':
+    resolution: {integrity: sha512-BIaoW4W6QKb8Q6p3DErDtsAuDRAnr0W+gtwo7fQQkbAJpoPII0ZJXZn+tcQGCyNGKWSsilRNWHyd/XZfXXXpzw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxc-parser/binding-linux-arm64-gnu@0.102.0':
-    resolution: {integrity: sha512-5n5RbHgfjulRhKB0pW5p0X/NkQeOpI4uI9WHgIZbORUDATGFC8yeyPA6xYGEs+S3MyEAFxl4v544UEIWwqAgsA==}
+  '@oxc-parser/binding-linux-arm64-gnu@0.110.0':
+    resolution: {integrity: sha512-3EQDJze28t0HdxXjMKBU6utNscXJePg2YV0Kd/ZnHx24VcIyfkNH6NKzBh0NeaWHovDTkpzYHPtF2tOevtbbfw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-parser/binding-linux-arm64-musl@0.102.0':
-    resolution: {integrity: sha512-/XWcmglH/VJ4yKAGTLRgPKSSikh3xciNxkwGiURt8dS30b+3pwc4ZZmudMu0tQ3mjSu0o7V9APZLMpbHK8Bp5w==}
+  '@oxc-parser/binding-linux-arm64-musl@0.110.0':
+    resolution: {integrity: sha512-5xwm1hPrGGvjCVtTWNGJ39MmQGnyipoIDShneGBgSrnDh0XX+COAO7AZKajgNipqgNq5rGEItpzFkMtSDyx0bQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-parser/binding-linux-riscv64-gnu@0.102.0':
-    resolution: {integrity: sha512-2jtIq4nswvy6xdqv1ndWyvVlaRpS0yqomLCvvHdCFx3pFXo5Aoq4RZ39kgvFWrbAtpeYSYeAGFnwgnqjx9ftdw==}
+  '@oxc-parser/binding-linux-ppc64-gnu@0.110.0':
+    resolution: {integrity: sha512-I8Xop7z+enuvW1xe0AcRQ9XqFNkUYgeXusyGjCyW6TstRb62P90h+nL1AoGaUMy0E0518DJam5vRYVRgXaAzYg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.110.0':
+    resolution: {integrity: sha512-XPM0jpght/AuHnweNaIo0twpId6rWFs8NrTkMijxcsRQMzNBeSQQgYm9ErrutmKQS6gb8XNAEIkYXHgPmhdDPg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
 
-  '@oxc-parser/binding-linux-s390x-gnu@0.102.0':
-    resolution: {integrity: sha512-Yp6HX/574mvYryiqj0jNvNTJqo4pdAsNP2LPBTxlDQ1cU3lPd7DUA4MQZadaeLI8+AGB2Pn50mPuPyEwFIxeFg==}
+  '@oxc-parser/binding-linux-riscv64-musl@0.110.0':
+    resolution: {integrity: sha512-ylJIuJyMzAqR191QeCwZLEkyo4Sx817TNILjNhT0W1EDQusGicOYKSsGXM/2DHCNYGcidV+MQ8pUVzNeVmuM6g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.110.0':
+    resolution: {integrity: sha512-DL6oR0PfYor9tBX9xlAxMUVwfm6+sKTL4H+KiQ6JKP3xkJTwBIdDCgeN2AjMht1D3N40uUwVq3v8/2fqnZRgLQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
 
-  '@oxc-parser/binding-linux-x64-gnu@0.102.0':
-    resolution: {integrity: sha512-R4b0xZpDRhoNB2XZy0kLTSYm0ZmWeKjTii9fcv1Mk3/SIGPrrglwt4U6zEtwK54Dfi4Bve5JnQYduigR/gyDzw==}
+  '@oxc-parser/binding-linux-x64-gnu@0.110.0':
+    resolution: {integrity: sha512-+e6ws5JLpFehdK+wh6q8icx1iM3Ao+9dtItVWFcRiXxSvGcIlS9viWcMvXKrmcsyVDUf81dnvuMSBigNslxhIQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-parser/binding-linux-x64-musl@0.102.0':
-    resolution: {integrity: sha512-xM5A+03Ti3jvWYZoqaBRS3lusvnvIQjA46Fc9aBE/MHgvKgHSkrGEluLWg/33QEwBwxupkH25Pxc1yu97oZCtg==}
+  '@oxc-parser/binding-linux-x64-musl@0.110.0':
+    resolution: {integrity: sha512-6DiYhVdXKOzB01+j/tyrB6/d2o6b4XYFQvcbBRNbVHIimS6nl992y3V3mGG3NaA+uCZAzhT3M3btTdKAxE4A3A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-parser/binding-openharmony-arm64@0.102.0':
-    resolution: {integrity: sha512-AieLlsliblyaTFq7Iw9Nc618tgwV02JT4fQ6VIUd/3ZzbluHIHfPjIXa6Sds+04krw5TvCS8lsegtDYAyzcyhg==}
+  '@oxc-parser/binding-openharmony-arm64@0.110.0':
+    resolution: {integrity: sha512-U9KEK7tXdHrXl2eZpoHYGWj31ZSvdGiaXwjkJzeRN0elt89PXi+VcryRh6BAFbEz1EQpTteyMDwDXMgJVWM85A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@oxc-parser/binding-wasm32-wasi@0.102.0':
-    resolution: {integrity: sha512-w6HRyArs1PBb9rDsQSHlooe31buUlUI2iY8sBzp62jZ1tmvaJo9EIVTQlRNDkwJmk9DF9uEyIJ82EkZcCZTs9A==}
+  '@oxc-parser/binding-wasm32-wasi@0.110.0':
+    resolution: {integrity: sha512-cK2j/GbXGxP7k4qDM0OGjkbPrIOj8n9+U/27joH/M19z+jrQ5u1lvlvbAK/Aw2LnqE0waADnnuAc0MFab+Ea8w==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@oxc-parser/binding-win32-arm64-msvc@0.102.0':
-    resolution: {integrity: sha512-pqP5UuLiiFONQxqGiUFMdsfybaK1EOK4AXiPlvOvacLaatSEPObZGpyCkAcj9aZcvvNwYdeY9cxGM9IT3togaA==}
+  '@oxc-parser/binding-win32-arm64-msvc@0.110.0':
+    resolution: {integrity: sha512-ZW393ysGT5oZeGJRyw2JAz4tIfyTjVCSxuZoh8e+7J7e0QPDH/SAmyxJXb/aMxarIVa3OcYZ5p/Q6eooHZ0i1Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@oxc-parser/binding-win32-x64-msvc@0.102.0':
-    resolution: {integrity: sha512-ntMcL35wuLR1A145rLSmm7m7j8JBZGkROoB9Du0KFIFcfi/w1qk75BdCeiTl3HAKrreAnuhW3QOGs6mJhntowA==}
+  '@oxc-parser/binding-win32-ia32-msvc@0.110.0':
+    resolution: {integrity: sha512-NM50LT1PEnlMlw+z/TFVkWaDOF/s5DRHbU3XhEESNhDDT9qYA8N9B1V/FYxVr1ngu28JGK2HtkjpWKlKoF4E2Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-x64-msvc@0.110.0':
+    resolution: {integrity: sha512-w1SzoXNaY59tbTz8/YhImByuj7kXP5EfPtv4+PPwPrvLrOWt8BOpK0wN8ysXqyWCdHv9vS1UBRrNd/aSp4Dy8A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
 
-  '@oxc-project/types@0.102.0':
-    resolution: {integrity: sha512-8Skrw405g+/UJPKWJ1twIk3BIH2nXdiVlVNtYT23AXVwpsd79es4K+KYt06Fbnkc5BaTvk/COT2JuCLYdwnCdA==}
+  '@oxc-project/types@0.110.0':
+    resolution: {integrity: sha512-6Ct21OIlrEnFEJk5LT4e63pk3btsI6/TusD/GStLi7wYlGJNOl1GI9qvXAnRAxQU9zqA2Oz+UwhfTOU2rPZVow==}
+
+  '@oxc-transform/binding-android-arm-eabi@0.110.0':
+    resolution: {integrity: sha512-sE9dxvqqAax1YYJ3t7j+h5ZSI9jl6dYuDfngl6ieZUrIy5P89/8JKVgAzgp8o3wQSo7ndpJvYsi1K4ZqrmbP7w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
 
-  '@oxc-transform/binding-android-arm64@0.102.0':
-    resolution: {integrity: sha512-JLBT7EiExsGmB6LuBBnm6qTfg0rLSxBU+F7xjqy6UXYpL7zhqelGJL7IAq6Pu5UYFT55zVlXXmgzLOXQfpQjXA==}
+  '@oxc-transform/binding-android-arm64@0.110.0':
+    resolution: {integrity: sha512-nqtbP4aMCtsCZ6qpHlHaQoWVHSBtlKzwaAgwEOvR+9DWqHjk31BHvpGiDXlMeed6CVNpl3lCbWgygb3RcSjcfw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@oxc-transform/binding-darwin-arm64@0.102.0':
-    resolution: {integrity: sha512-xmsBCk/NwE0khy8h6wLEexiS5abCp1ZqJUNHsAovJdGgIW21oGwhiC3VYg1vNLbq+zEXwOHuphVuNEYfBwyNTw==}
+  '@oxc-transform/binding-darwin-arm64@0.110.0':
+    resolution: {integrity: sha512-oeSeHnL4Z4cMXtc8V0/rwoVn0dgwlS9q0j6LcHn9dIhtFEdp3W0iSBF8YmMQA+E7sILeLDjsHmHE4Kp0sOScXw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxc-transform/binding-darwin-x64@0.102.0':
-    resolution: {integrity: sha512-EhBsiq8hSd5BRjlWACB9MxTUiZT2He1s1b3tRP8k3lB8ZTt6sXnDXIWhxRmmM0h//xe6IJ2HuMlbvjXPo/tATg==}
+  '@oxc-transform/binding-darwin-x64@0.110.0':
+    resolution: {integrity: sha512-nL9K5x7OuZydobAGPylsEW9d4APs2qEkIBLMgQPA+kY8dtVD3IR87QsTbs4l4DBQYyun/+ay6qVCDlxqxdX2Jg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@oxc-transform/binding-freebsd-x64@0.102.0':
-    resolution: {integrity: sha512-eujvuYf0x7BFgKyFecbXUa2JBEXT4Ss6vmyrrhVdN07jaeJRiobaKAmeNXBkanoWL2KQLELJbSBgs1ykWYTkzg==}
+  '@oxc-transform/binding-freebsd-x64@0.110.0':
+    resolution: {integrity: sha512-GS29zXXirDQhZEUq8xKJ1azAWMuUy3Ih3W5Bc5ddk12LRthO5wRLFcKIyeHpAXCoXymQ+LmxbMtbPf84GPxouw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@oxc-transform/binding-linux-arm-gnueabihf@0.102.0':
-    resolution: {integrity: sha512-2x7Ro356PHBVp1SS/dOsHBSnrfs5MlPYwhdKg35t6qixt2bv1kzEH0tDmn4TNEbdjOirmvOXoCTEWUvh8A4f4Q==}
+  '@oxc-transform/binding-linux-arm-gnueabihf@0.110.0':
+    resolution: {integrity: sha512-glzDHak8ISyZJemCUi7RCvzNSl+MQ1ly9RceT2qRufhUsvNZ4C/2QLJ1HJwd2N6E88bO4laYn+RofdRzNnGGEA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxc-transform/binding-linux-arm64-gnu@0.102.0':
-    resolution: {integrity: sha512-Rz/RbPvT4QwcHKIQ/cOt6Lwl4c7AhK2b6whZfyL6oJ7Uz8UiVl1BCwk8thedrB5h+FEykmaPHoriW1hmBev60g==}
+  '@oxc-transform/binding-linux-arm-musleabihf@0.110.0':
+    resolution: {integrity: sha512-8JThvgJ2FRoTVfbp7e4wqeZqCZbtudM06SfZmNzND9kPNu/LVYygIR+72RWs+xm4bWkuYHg/islo/boNPtMT5Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-transform/binding-linux-arm64-gnu@0.110.0':
+    resolution: {integrity: sha512-IRh21Ub/g4bkHoErZ0AUWMlWfoZaS0A6EaOVtbcY70RSYIMlrsbjiFwJCzM+b/1DD1rXbH5tsGcH7GweTbfRqg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-arm64-musl@0.102.0':
-    resolution: {integrity: sha512-I08iWABrN7zakn3wuNIBWY3hALQGsDLPQbZT1mXws7tyiQqJNGe49uS0/O50QhX3KXj+mbRGsmjVXLXGJE1CVQ==}
+  '@oxc-transform/binding-linux-arm64-musl@0.110.0':
+    resolution: {integrity: sha512-e5JN94/oy+wevk76q+LMr+2klTTcO60uXa+Wkq558Ms7mdF2TvkKFI++d/JeiuIwJLTi/BxQ4qdT5FWcsHM/ug==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-riscv64-gnu@0.102.0':
-    resolution: {integrity: sha512-9+SYW1ARAF6Oj/82ayoqKRe8SI7O1qvzs3Y0kijvhIqAaaZWcFRjI5DToyWRAbnzTtHlMcSllZLXNYdmxBjFxA==}
+  '@oxc-transform/binding-linux-ppc64-gnu@0.110.0':
+    resolution: {integrity: sha512-Y3/Tnnz1GvDpmv8FXBIKtdZPsdZklOEPdrL6NHrN5i2u54BOkybFaDSptgWF53wOrJlTrcmAVSE6fRKK9XCM2Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@oxc-transform/binding-linux-riscv64-gnu@0.110.0':
+    resolution: {integrity: sha512-Y0E35iA9/v9jlkNcP6tMJ+ZFOS0rLsWDqG6rU9z+X2R3fBFJBO9UARIK6ngx8upxk81y1TFR2CmBFhupfYdH6Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxc-transform/binding-linux-riscv64-musl@0.110.0':
+    resolution: {integrity: sha512-JOUSYFfHjBUs7xp2FHmZHb8eTYD/oEu0NklS6JgUauqnoXZHiTLPLVW2o2uVCqldnabYHcomuwI2iqVFYJNhTw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-s390x-gnu@0.102.0':
-    resolution: {integrity: sha512-HV9nTyQw0TTKYPu+gBhaJBioomiM9O4LcGXi+s5IylCGG6imP0/U13q/9xJnP267QFmiWWqnnSFcv0QAWCyh8A==}
+  '@oxc-transform/binding-linux-s390x-gnu@0.110.0':
+    resolution: {integrity: sha512-7blgoXF9D3Ngzb7eun23pNrHJpoV/TtE6LObwlZ3Nmb4oZ6Z+yMvBVaoW68NarbmvNGfZ95zrOjgm6cVETLYBA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
 
-  '@oxc-transform/binding-linux-x64-gnu@0.102.0':
-    resolution: {integrity: sha512-4wcZ08mmdFk8OjsnglyeYGu5PW3TDh87AmcMOi7tZJ3cpJjfzwDfY27KTEUx6G880OpjAiF36OFSPwdKTKgp2g==}
+  '@oxc-transform/binding-linux-x64-gnu@0.110.0':
+    resolution: {integrity: sha512-YQ2joGWCVDZVEU2cD/r/w49hVjDm/Qu1BvC/7zs8LvprzdLS/HyMXGF2oA0puw0b+AqgYaz3bhwKB2xexHyITQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-x64-musl@0.102.0':
-    resolution: {integrity: sha512-rUHZSZBw0FUnUgOhL/Rs7xJz9KjH2eFur/0df6Lwq/isgJc/ggtBtFoZ+y4Fb8ON87a3Y2gS2LT7SEctX0XdPQ==}
+  '@oxc-transform/binding-linux-x64-musl@0.110.0':
+    resolution: {integrity: sha512-fkjr5qE632ULmNgvFXWDR/8668WxERz3tU7TQFp6JebPBneColitjSkdx6VKNVXEoMmQnOvBIGeP5tUNT384oA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-transform/binding-openharmony-arm64@0.102.0':
-    resolution: {integrity: sha512-98y4tccTQ/pA+r2KA/MEJIZ7J8TNTJ4aCT4rX8kWK4pGOko2YsfY3Ru9DVHlLDwmVj7wP8Z4JNxdBrAXRvK+0g==}
+  '@oxc-transform/binding-openharmony-arm64@0.110.0':
+    resolution: {integrity: sha512-HWH9Zj+lMrdSTqFRCZsvDWMz7OnMjbdGsm3xURXWfRZpuaz0bVvyuZNDQXc4FyyhRDsemICaJbU1bgeIpUJDGw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@oxc-transform/binding-wasm32-wasi@0.102.0':
-    resolution: {integrity: sha512-M6myOXxHty3L2TJEB1NlJPtQm0c0LmivAxcGv/+DSDadOoB/UnOUbjM8W2Utlh5IYS9ARSOjqHtBiPYLWJ15XA==}
+  '@oxc-transform/binding-wasm32-wasi@0.110.0':
+    resolution: {integrity: sha512-ejdxHmYfIcHDPhZUe3WklViLt9mDEJE5BzcW7+R1vc5i/5JFA8D0l7NUSsHBJ7FB8Bu9gF+5iMDm6cXGAgaghw==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@oxc-transform/binding-win32-arm64-msvc@0.102.0':
-    resolution: {integrity: sha512-jzaA1lLiMXiJs4r7E0BHRxTPiwAkpoCfSNRr8npK/SqL4UQE4cSz3WDTX5wJWRrN2U+xqsDGefeYzH4reI8sgw==}
+  '@oxc-transform/binding-win32-arm64-msvc@0.110.0':
+    resolution: {integrity: sha512-9VTwpXCZs7xkV+mKhQ62dVk7KLnLXtEUxNS2T4nLz3iMl1IJbA4h5oltK0JoobtiUAnbkV53QmMVGW8+Nh3bDQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@oxc-transform/binding-win32-x64-msvc@0.102.0':
-    resolution: {integrity: sha512-eYOm6mch+1cP9qlNkMdorfBFY8aEOxY/isqrreLmEWqF/hyXA0SbLKDigTbvh3JFKny/gXlHoCKckqfua4cwtg==}
+  '@oxc-transform/binding-win32-ia32-msvc@0.110.0':
+    resolution: {integrity: sha512-5y0fzuNON7/F2hh2P94vANFaRPJ/3DI1hVl5rseCT8VUVqOGIjWaza0YS/D1g6t1WwycW2LWDMi2raOKoWU5GQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-transform/binding-win32-x64-msvc@0.110.0':
+    resolution: {integrity: sha512-QROrowwlrApI1fEScMknGWKM6GTM/Z2xwMnDqvSaEmzNazBsDUlE08Jasw610hFEsYAVU2K5sp/YaCa9ORdP4A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -2832,92 +2978,92 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@parcel/watcher-android-arm64@2.5.1':
-    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
+  '@parcel/watcher-android-arm64@2.5.6':
+    resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [android]
 
-  '@parcel/watcher-darwin-arm64@2.5.1':
-    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==}
+  '@parcel/watcher-darwin-arm64@2.5.6':
+    resolution: {integrity: sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  '@parcel/watcher-darwin-x64@2.5.1':
-    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==}
+  '@parcel/watcher-darwin-x64@2.5.6':
+    resolution: {integrity: sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  '@parcel/watcher-freebsd-x64@2.5.1':
-    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==}
+  '@parcel/watcher-freebsd-x64@2.5.6':
+    resolution: {integrity: sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  '@parcel/watcher-linux-arm-glibc@2.5.1':
-    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==}
+  '@parcel/watcher-linux-arm-glibc@2.5.6':
+    resolution: {integrity: sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
 
-  '@parcel/watcher-linux-arm-musl@2.5.1':
-    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
+  '@parcel/watcher-linux-arm-musl@2.5.6':
+    resolution: {integrity: sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
 
-  '@parcel/watcher-linux-arm64-glibc@2.5.1':
-    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
+  '@parcel/watcher-linux-arm64-glibc@2.5.6':
+    resolution: {integrity: sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  '@parcel/watcher-linux-arm64-musl@2.5.1':
-    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
+  '@parcel/watcher-linux-arm64-musl@2.5.6':
+    resolution: {integrity: sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  '@parcel/watcher-linux-x64-glibc@2.5.1':
-    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
+  '@parcel/watcher-linux-x64-glibc@2.5.6':
+    resolution: {integrity: sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
 
-  '@parcel/watcher-linux-x64-musl@2.5.1':
-    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
+  '@parcel/watcher-linux-x64-musl@2.5.6':
+    resolution: {integrity: sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
 
-  '@parcel/watcher-wasm@2.5.1':
-    resolution: {integrity: sha512-RJxlQQLkaMMIuWRozy+z2vEqbaQlCuaCgVZIUCzQLYggY22LZbP5Y1+ia+FD724Ids9e+XIyOLXLrLgQSHIthw==}
+  '@parcel/watcher-wasm@2.5.6':
+    resolution: {integrity: sha512-byAiBZ1t3tXQvc8dMD/eoyE7lTXYorhn+6uVW5AC+JGI1KtJC/LvDche5cfUE+qiefH+Ybq0bUCJU0aB1cSHUA==}
     engines: {node: '>= 10.0.0'}
     bundledDependencies:
       - napi-wasm
 
-  '@parcel/watcher-win32-arm64@2.5.1':
-    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
+  '@parcel/watcher-win32-arm64@2.5.6':
+    resolution: {integrity: sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  '@parcel/watcher-win32-ia32@2.5.1':
-    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==}
+  '@parcel/watcher-win32-ia32@2.5.6':
+    resolution: {integrity: sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==}
     engines: {node: '>= 10.0.0'}
     cpu: [ia32]
     os: [win32]
 
-  '@parcel/watcher-win32-x64@2.5.1':
-    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==}
+  '@parcel/watcher-win32-x64@2.5.6':
+    resolution: {integrity: sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [win32]
 
-  '@parcel/watcher@2.5.1':
-    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
+  '@parcel/watcher@2.5.6':
+    resolution: {integrity: sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==}
     engines: {node: '>= 10.0.0'}
 
   '@pinia/nuxt@0.11.3':
@@ -2945,19 +3091,52 @@ packages:
   '@poppinss/exception@1.2.3':
     resolution: {integrity: sha512-dCED+QRChTVatE9ibtoaxc+WkdzOSjYTKi/+uacHWIsfodVfpsueo3+DKpgU5Px8qXjgmXkSvhXvSCz3fnP9lw==}
 
-  '@posthog/core@1.9.0':
-    resolution: {integrity: sha512-j7KSWxJTUtNyKynLt/p0hfip/3I46dWU2dk+pt7dKRoz2l5CYueHuHK4EO7Wlgno5yo1HO4sc4s30MXMTICHJw==}
+  '@posthog/core@1.19.0':
+    resolution: {integrity: sha512-OMcdu5cJcvkle2hw0rpe+1mTOFRlerTHTtZKZFvB8z0hgzbN1WeaGZfGFY5wOq42LVTSxwdUgK1MYERyzG1Epw==}
+
+  '@posthog/types@1.337.1':
+    resolution: {integrity: sha512-/Md+UBpYTLKj35KTscOhq+C0gMb/Ukv/z7fTBLh21XCLpOhFY8MXrC9szniebaD+nbrUV9uF4df3vvThWhzeXg==}
 
   '@prettier/plugin-xml@3.4.2':
     resolution: {integrity: sha512-/UyNlHfkuLXG6Ed85KB0WBF283xn2yavR+UtRibBRUcvEJId2DSLdGXwJ/cDa1X++SWDPzq3+GSFniHjkNy7yg==}
     peerDependencies:
       prettier: ^3.0.0
 
-  '@prisma/instrumentation@6.19.0':
-    resolution: {integrity: sha512-QcuYy25pkXM8BJ37wVFBO7Zh34nyRV1GOb2n3lPkkbRYfl4hWl3PTcImP41P0KrzVXfa/45p6eVCos27x3exIg==}
+  '@prisma/instrumentation@7.2.0':
+    resolution: {integrity: sha512-Rh9Z4x5kEj1OdARd7U18AtVrnL6rmLSI0qYShaB4W7Wx5BKbgzndWF+QnuzMb7GLfVdlT5aYCXoPQVYuYtVu0g==}
     peerDependencies:
       '@opentelemetry/api': ^1.8
 
+  '@protobufjs/aspromise@1.1.2':
+    resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
+
+  '@protobufjs/base64@1.1.2':
+    resolution: {integrity: sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==}
+
+  '@protobufjs/codegen@2.0.4':
+    resolution: {integrity: sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==}
+
+  '@protobufjs/eventemitter@1.1.0':
+    resolution: {integrity: sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==}
+
+  '@protobufjs/fetch@1.1.0':
+    resolution: {integrity: sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==}
+
+  '@protobufjs/float@1.0.2':
+    resolution: {integrity: sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==}
+
+  '@protobufjs/inquire@1.1.0':
+    resolution: {integrity: sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==}
+
+  '@protobufjs/path@1.1.2':
+    resolution: {integrity: sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==}
+
+  '@protobufjs/pool@1.1.0':
+    resolution: {integrity: sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==}
+
+  '@protobufjs/utf8@1.1.0':
+    resolution: {integrity: sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==}
+
   '@readme/better-ajv-errors@2.4.0':
     resolution: {integrity: sha512-9WODaOAKSl/mU+MYNZ2aHCrkoRSvmQ+1YkLj589OEqqjOAhbn8j7Z+ilYoiTu/he6X63/clsxxAB4qny9/dDzg==}
     engines: {node: '>=18'}
@@ -2978,23 +3157,20 @@ packages:
     resolution: {integrity: sha512-9FC/6ho8uFa8fV50+FPy/ngWN53jaUu4GRXlAjcxIRrzhltJnpKkBG2Tp0IDraFJeWrOpk84RJ9EMEEYzaI1Bw==}
     engines: {node: '>=18'}
 
-  '@rolldown/pluginutils@1.0.0-beta.53':
-    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
+  '@rolldown/pluginutils@1.0.0-rc.2':
+    resolution: {integrity: sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==}
 
-  '@rolldown/pluginutils@1.0.0-beta.58':
-    resolution: {integrity: sha512-qWhDs6yFGR5xDfdrwiSa3CWGIHxD597uGE/A9xGqytBjANvh4rLCTTkq7szhMV4+Ygh+PMS90KVJ8xWG/TkX4w==}
-
-  '@rollup/plugin-alias@5.1.1':
-    resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
-    engines: {node: '>=14.0.0'}
+  '@rollup/plugin-alias@6.0.0':
+    resolution: {integrity: sha512-tPCzJOtS7uuVZd+xPhoy5W4vThe6KWXNmsFCNktaAh5RTqcLiSfT4huPQIXkgJ6YCOjJHvecOAzQxLFhPxKr+g==}
+    engines: {node: '>=20.19.0'}
     peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+      rollup: '>=4.0.0'
     peerDependenciesMeta:
       rollup:
         optional: true
 
-  '@rollup/plugin-commonjs@28.0.9':
-    resolution: {integrity: sha512-PIR4/OHZ79romx0BVVll/PkwWpJ7e5lsqFa3gFfcrFPWwLXLV39JVUzQV9RKjWerE7B845Hqjj9VYlQeieZ2dA==}
+  '@rollup/plugin-commonjs@29.0.0':
+    resolution: {integrity: sha512-U2YHaxR2cU/yAiwKJtJRhnyLk7cifnQw0zUpISsocBDoHDJn+HTV74ABqnwr5bEgWUwFZC9oFL6wLe21lHu5eQ==}
     engines: {node: '>=16.0.0 || 14 >= 14.17'}
     peerDependencies:
       rollup: ^2.68.0||^3.0.0||^4.0.0
@@ -3056,165 +3232,180 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.54.0':
-    resolution: {integrity: sha512-OywsdRHrFvCdvsewAInDKCNyR3laPA2mc9bRYJ6LBp5IyvF3fvXbbNR0bSzHlZVFtn6E0xw2oZlyjg4rKCVcng==}
+  '@rollup/rollup-android-arm-eabi@4.57.1':
+    resolution: {integrity: sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.54.0':
-    resolution: {integrity: sha512-Skx39Uv+u7H224Af+bDgNinitlmHyQX1K/atIA32JP3JQw6hVODX5tkbi2zof/E69M1qH2UoN3Xdxgs90mmNYw==}
+  '@rollup/rollup-android-arm64@4.57.1':
+    resolution: {integrity: sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.54.0':
-    resolution: {integrity: sha512-k43D4qta/+6Fq+nCDhhv9yP2HdeKeP56QrUUTW7E6PhZP1US6NDqpJj4MY0jBHlJivVJD5P8NxrjuobZBJTCRw==}
+  '@rollup/rollup-darwin-arm64@4.57.1':
+    resolution: {integrity: sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.54.0':
-    resolution: {integrity: sha512-cOo7biqwkpawslEfox5Vs8/qj83M/aZCSSNIWpVzfU2CYHa2G3P1UN5WF01RdTHSgCkri7XOlTdtk17BezlV3A==}
+  '@rollup/rollup-darwin-x64@4.57.1':
+    resolution: {integrity: sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.54.0':
-    resolution: {integrity: sha512-miSvuFkmvFbgJ1BevMa4CPCFt5MPGw094knM64W9I0giUIMMmRYcGW/JWZDriaw/k1kOBtsWh1z6nIFV1vPNtA==}
+  '@rollup/rollup-freebsd-arm64@4.57.1':
+    resolution: {integrity: sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.54.0':
-    resolution: {integrity: sha512-KGXIs55+b/ZfZsq9aR026tmr/+7tq6VG6MsnrvF4H8VhwflTIuYh+LFUlIsRdQSgrgmtM3fVATzEAj4hBQlaqQ==}
+  '@rollup/rollup-freebsd-x64@4.57.1':
+    resolution: {integrity: sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.54.0':
-    resolution: {integrity: sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.57.1':
+    resolution: {integrity: sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.54.0':
-    resolution: {integrity: sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==}
+  '@rollup/rollup-linux-arm-musleabihf@4.57.1':
+    resolution: {integrity: sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.54.0':
-    resolution: {integrity: sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==}
+  '@rollup/rollup-linux-arm64-gnu@4.57.1':
+    resolution: {integrity: sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.54.0':
-    resolution: {integrity: sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==}
+  '@rollup/rollup-linux-arm64-musl@4.57.1':
+    resolution: {integrity: sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-loong64-gnu@4.54.0':
-    resolution: {integrity: sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==}
+  '@rollup/rollup-linux-loong64-gnu@4.57.1':
+    resolution: {integrity: sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-musl@4.57.1':
+    resolution: {integrity: sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==}
     cpu: [loong64]
     os: [linux]
 
-  '@rollup/rollup-linux-ppc64-gnu@4.54.0':
-    resolution: {integrity: sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==}
+  '@rollup/rollup-linux-ppc64-gnu@4.57.1':
+    resolution: {integrity: sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.54.0':
-    resolution: {integrity: sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==}
+  '@rollup/rollup-linux-ppc64-musl@4.57.1':
+    resolution: {integrity: sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.57.1':
+    resolution: {integrity: sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-musl@4.54.0':
-    resolution: {integrity: sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==}
+  '@rollup/rollup-linux-riscv64-musl@4.57.1':
+    resolution: {integrity: sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.54.0':
-    resolution: {integrity: sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==}
+  '@rollup/rollup-linux-s390x-gnu@4.57.1':
+    resolution: {integrity: sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.54.0':
-    resolution: {integrity: sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==}
+  '@rollup/rollup-linux-x64-gnu@4.57.1':
+    resolution: {integrity: sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.54.0':
-    resolution: {integrity: sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==}
+  '@rollup/rollup-linux-x64-musl@4.57.1':
+    resolution: {integrity: sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-openharmony-arm64@4.54.0':
-    resolution: {integrity: sha512-huT3fd0iC7jigGh7n3q/+lfPcXxBi+om/Rs3yiFxjvSxbSB6aohDFXbWvlspaqjeOh+hx7DDHS+5Es5qRkWkZg==}
+  '@rollup/rollup-openbsd-x64@4.57.1':
+    resolution: {integrity: sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.57.1':
+    resolution: {integrity: sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rollup/rollup-win32-arm64-msvc@4.54.0':
-    resolution: {integrity: sha512-c2V0W1bsKIKfbLMBu/WGBz6Yci8nJ/ZJdheE0EwB73N3MvHYKiKGs3mVilX4Gs70eGeDaMqEob25Tw2Gb9Nqyw==}
+  '@rollup/rollup-win32-arm64-msvc@4.57.1':
+    resolution: {integrity: sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.54.0':
-    resolution: {integrity: sha512-woEHgqQqDCkAzrDhvDipnSirm5vxUXtSKDYTVpZG3nUdW/VVB5VdCYA2iReSj/u3yCZzXID4kuKG7OynPnB3WQ==}
+  '@rollup/rollup-win32-ia32-msvc@4.57.1':
+    resolution: {integrity: sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-gnu@4.54.0':
-    resolution: {integrity: sha512-dzAc53LOuFvHwbCEOS0rPbXp6SIhAf2txMP5p6mGyOXXw5mWY8NGGbPMPrs4P1WItkfApDathBj/NzMLUZ9rtQ==}
+  '@rollup/rollup-win32-x64-gnu@4.57.1':
+    resolution: {integrity: sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==}
     cpu: [x64]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.54.0':
-    resolution: {integrity: sha512-hYT5d3YNdSh3mbCU1gwQyPgQd3T2ne0A3KG8KSBdav5TiBg6eInVmV+TeR5uHufiIgSFg0XsOWGW5/RhNcSvPg==}
+  '@rollup/rollup-win32-x64-msvc@4.57.1':
+    resolution: {integrity: sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==}
     cpu: [x64]
     os: [win32]
 
   '@selderee/plugin-htmlparser2@0.11.0':
     resolution: {integrity: sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==}
 
-  '@sentry-internal/browser-utils@10.33.0':
-    resolution: {integrity: sha512-nDJFHAfiFifBfJB0OF6DV6BIsIV5uah4lDsV4UBAgPBf+YAHclO10y1gi2U/JMh58c+s4lXi9p+PI1TFXZ0c6w==}
+  '@sentry-internal/browser-utils@10.38.0':
+    resolution: {integrity: sha512-UOJtYmdcxHCcV0NPfXFff/a95iXl/E0EhuQ1y0uE0BuZDMupWSF5t2BgC4HaE5Aw3RTjDF3XkSHWoIF6ohy7eA==}
     engines: {node: '>=18'}
 
   '@sentry-internal/browser-utils@8.55.0':
     resolution: {integrity: sha512-ROgqtQfpH/82AQIpESPqPQe0UyWywKJsmVIqi3c5Fh+zkds5LUxnssTj3yNd1x+kxaPDVB023jAP+3ibNgeNDw==}
     engines: {node: '>=14.18'}
 
-  '@sentry-internal/feedback@10.33.0':
-    resolution: {integrity: sha512-sN/VLWtEf0BeV6w6wldIpTxUQxNVc9o9tjLRQa8je1ZV2FCgXA124Iff/zsowsz82dLqtg7qp6GA5zYXVq+JMA==}
+  '@sentry-internal/feedback@10.38.0':
+    resolution: {integrity: sha512-JXneg9zRftyfy1Fyfc39bBlF/Qd8g4UDublFFkVvdc1S6JQPlK+P6q22DKz3Pc8w3ySby+xlIq/eTu9Pzqi4KA==}
     engines: {node: '>=18'}
 
   '@sentry-internal/feedback@8.55.0':
     resolution: {integrity: sha512-cP3BD/Q6pquVQ+YL+rwCnorKuTXiS9KXW8HNKu4nmmBAyf7urjs+F6Hr1k9MXP5yQ8W3yK7jRWd09Yu6DHWOiw==}
     engines: {node: '>=14.18'}
 
-  '@sentry-internal/replay-canvas@10.33.0':
-    resolution: {integrity: sha512-MTmP6uoAVzw4CCPeqCgCLsRSiOfGLxgyMFjGTCW3E7t62MJ9S0H5sLsQ34sHxXUa1gFU9UNAjEvRRpZ0JvWrPw==}
+  '@sentry-internal/replay-canvas@10.38.0':
+    resolution: {integrity: sha512-OXWM9jEqNYh4VTvrMu7v+z1anz+QKQ/fZXIZdsO7JTT2lGNZe58UUMeoq386M+Saxen8F9SUH7yTORy/8KI5qw==}
     engines: {node: '>=18'}
 
   '@sentry-internal/replay-canvas@8.55.0':
     resolution: {integrity: sha512-nIkfgRWk1091zHdu4NbocQsxZF1rv1f7bbp3tTIlZYbrH62XVZosx5iHAuZG0Zc48AETLE7K4AX9VGjvQj8i9w==}
     engines: {node: '>=14.18'}
 
-  '@sentry-internal/replay@10.33.0':
-    resolution: {integrity: sha512-UOU9PYxuXnPop3HoQ3l4Q7SZUXJC3Vmfm0Adgad8U03UcrThWIHYc5CxECSrVzfDFNOT7w9o7HQgRAgWxBPMXg==}
+  '@sentry-internal/replay@10.38.0':
+    resolution: {integrity: sha512-YWIkL6/dnaiQyFiZXJ/nN+NXGv/15z45ia86bE/TMq01CubX/DUOilgsFz0pk2v/pg3tp/U2MskLO9Hz0cnqeg==}
     engines: {node: '>=18'}
 
   '@sentry-internal/replay@8.55.0':
     resolution: {integrity: sha512-roCDEGkORwolxBn8xAKedybY+Jlefq3xYmgN2fr3BTnsXjSYOPC7D1/mYqINBat99nDtvgFvNfRcZPiwwZ1hSw==}
     engines: {node: '>=14.18'}
 
-  '@sentry/babel-plugin-component-annotate@4.6.1':
-    resolution: {integrity: sha512-aSIk0vgBqv7PhX6/Eov+vlI4puCE0bRXzUG5HdCsHBpAfeMkI8Hva6kSOusnzKqs8bf04hU7s3Sf0XxGTj/1AA==}
+  '@sentry/babel-plugin-component-annotate@4.9.0':
+    resolution: {integrity: sha512-TJ7sVoa2Bf36lpJjBAzpNDC5Hg+evjsQnqUPeDx9Nz/YFw0u9rK1cwvi95gVWpx7PJSDCkljIv3aw0m4RatHpQ==}
     engines: {node: '>= 14'}
 
-  '@sentry/browser@10.33.0':
-    resolution: {integrity: sha512-iWiPjik9zetM84jKfk01UveW1J0+X7w8XmJ8+IrhTyNDBVUWCRJWD8FrksiN1dRSg5mFWgfMRzKMz27hAScRwg==}
+  '@sentry/browser@10.38.0':
+    resolution: {integrity: sha512-3phzp1YX4wcQr9mocGWKbjv0jwtuoDBv7+Y6Yfrys/kwyaL84mDLjjQhRf4gL5SX7JdYkhBp4WaiNlR0UC4kTA==}
     engines: {node: '>=18'}
 
   '@sentry/browser@8.55.0':
     resolution: {integrity: sha512-1A31mCEWCjaMxJt6qGUK+aDnLDcK6AwLAZnqpSchNysGni1pSn1RWSmk9TBF8qyTds5FH8B31H480uxMPUJ7Cw==}
     engines: {node: '>=14.18'}
 
-  '@sentry/bundler-plugin-core@4.6.1':
-    resolution: {integrity: sha512-WPeRbnMXm927m4Kr69NTArPfI+p5/34FHftdCRI3LFPMyhZDzz6J3wLy4hzaVUgmMf10eLzmq2HGEMvpQmdynA==}
+  '@sentry/bundler-plugin-core@4.9.0':
+    resolution: {integrity: sha512-gOVgHG5BrxCFmZow1XovlDr1FH/gO/LfD8OKci1rryeqHVBLr3+S4yS4ACl+E5lfQPym8Ve1BKh793d1rZ0dyA==}
     engines: {node: '>= 14'}
 
   '@sentry/cli-darwin@2.58.4':
@@ -3269,8 +3460,8 @@ packages:
     engines: {node: '>= 10'}
     hasBin: true
 
-  '@sentry/cloudflare@10.33.0':
-    resolution: {integrity: sha512-iXY3V5jTXHqbQmc8vK/sy/pthbpSy2uFdQLRfJuekJx1OAixWLqbKqhhqQWywJR/e7R8ceQVoU+IWkltGux2jQ==}
+  '@sentry/cloudflare@10.38.0':
+    resolution: {integrity: sha512-g008TNjxPbS5csEem3u6jBO40qNY4Vky5q1hJXlUjoNnCDt+5vMLPMzVqJVVbAzWWU+dwjdiMzGeNjwn0RYwcQ==}
     engines: {node: '>=18'}
     peerDependencies:
       '@cloudflare/workers-types': ^4.x
@@ -3278,58 +3469,58 @@ packages:
       '@cloudflare/workers-types':
         optional: true
 
-  '@sentry/core@10.33.0':
-    resolution: {integrity: sha512-ehH1VSUclIHZKEZVdv+klofsFIh8FFzqA6AAV23RtLepptzA8wqQzUGraEuSN25sYcNmYJ0jti5U0Ys+WZv5Dw==}
+  '@sentry/core@10.38.0':
+    resolution: {integrity: sha512-1pubWDZE5y5HZEPMAZERP4fVl2NH3Ihp1A+vMoVkb3Qc66Diqj1WierAnStlZP7tCx0TBa0dK85GTW/ZFYyB9g==}
     engines: {node: '>=18'}
 
   '@sentry/core@8.55.0':
     resolution: {integrity: sha512-6g7jpbefjHYs821Z+EBJ8r4Z7LT5h80YSWRJaylGS4nW5W5Z2KXzpdnyFarv37O7QjauzVC2E+PABmpkw5/JGA==}
     engines: {node: '>=14.18'}
 
-  '@sentry/node-core@10.33.0':
-    resolution: {integrity: sha512-73J1yLMdtjyadtcsrZ5VBYIyWrJ5gHh5dRsJlfm6XMD3ZFHQQ9Fwd6mwnSY+X+VLJaNq7RtoNECij6LLqE4R0g==}
+  '@sentry/node-core@10.38.0':
+    resolution: {integrity: sha512-ErXtpedrY1HghgwM6AliilZPcUCoNNP1NThdO4YpeMq04wMX9/GMmFCu46TnCcg6b7IFIOSr2S4yD086PxLlHQ==}
     engines: {node: '>=18'}
     peerDependencies:
       '@opentelemetry/api': ^1.9.0
-      '@opentelemetry/context-async-hooks': ^1.30.1 || ^2.1.0 || ^2.2.0
-      '@opentelemetry/core': ^1.30.1 || ^2.1.0 || ^2.2.0
+      '@opentelemetry/context-async-hooks': ^1.30.1 || ^2.1.0
+      '@opentelemetry/core': ^1.30.1 || ^2.1.0
       '@opentelemetry/instrumentation': '>=0.57.1 <1'
-      '@opentelemetry/resources': ^1.30.1 || ^2.1.0 || ^2.2.0
-      '@opentelemetry/sdk-trace-base': ^1.30.1 || ^2.1.0 || ^2.2.0
-      '@opentelemetry/semantic-conventions': ^1.37.0
+      '@opentelemetry/resources': ^1.30.1 || ^2.1.0
+      '@opentelemetry/sdk-trace-base': ^1.30.1 || ^2.1.0
+      '@opentelemetry/semantic-conventions': ^1.39.0
 
-  '@sentry/node@10.33.0':
-    resolution: {integrity: sha512-HZ7U0igIXs8nHSeh0YAe9C3eE/fjkHOprctQHwoYpRrZelsKO8NsvZU0K/1+knFr36vFj7jtt1QlF/UjCQZD+Q==}
+  '@sentry/node@10.38.0':
+    resolution: {integrity: sha512-wriyDtWDAoatn8EhOj0U4PJR1WufiijTsCGALqakOHbFiadtBJANLe6aSkXoXT4tegw59cz1wY4NlzHjYksaPw==}
     engines: {node: '>=18'}
 
-  '@sentry/nuxt@10.33.0':
-    resolution: {integrity: sha512-kFkiCeh2fvsQELNKFJvMIOvex+ykAqNFwEJstOGBEreRlG4+yNXSlniCJJcWEx+5C1m088Yy5FO8qliG6mxNdA==}
+  '@sentry/nuxt@10.38.0':
+    resolution: {integrity: sha512-xay2m6LEo92NOXRa9wcE+XmYS1xjHv2KpY6VwNVYfDW1bEnS3r/vzr/XZ4lht2ZKRQ9fwfcP88b54S8G97teoQ==}
     engines: {node: '>=18.19.1'}
     peerDependencies:
       nuxt: '>=3.7.0 || 4.x'
 
-  '@sentry/opentelemetry@10.33.0':
-    resolution: {integrity: sha512-v/6mAYLxtfcKLCw6Ktk46T6fWEQBVWB9Ah81axr8OvuIomK71jkv1zb0v7D8ot0ESesJ3JF6I/aKhfxpyLInSQ==}
+  '@sentry/opentelemetry@10.38.0':
+    resolution: {integrity: sha512-YPVhWfYmC7nD3EJqEHGtjp4fp5LwtAbE5rt9egQ4hqJlYFvr8YEz9sdoqSZxO0cZzgs2v97HFl/nmWAXe52G2Q==}
     engines: {node: '>=18'}
     peerDependencies:
       '@opentelemetry/api': ^1.9.0
-      '@opentelemetry/context-async-hooks': ^1.30.1 || ^2.1.0 || ^2.2.0
-      '@opentelemetry/core': ^1.30.1 || ^2.1.0 || ^2.2.0
-      '@opentelemetry/sdk-trace-base': ^1.30.1 || ^2.1.0 || ^2.2.0
-      '@opentelemetry/semantic-conventions': ^1.37.0
+      '@opentelemetry/context-async-hooks': ^1.30.1 || ^2.1.0
+      '@opentelemetry/core': ^1.30.1 || ^2.1.0
+      '@opentelemetry/sdk-trace-base': ^1.30.1 || ^2.1.0
+      '@opentelemetry/semantic-conventions': ^1.39.0
 
-  '@sentry/rollup-plugin@4.6.1':
-    resolution: {integrity: sha512-4G4oo05BhP7CjXdpTVFPInBgDNcuE5WKglALbCa2H9CY4ta8nHHPn2ni+d0WjhUIp6m5E1e+0NQ+0SxuFTCHVw==}
+  '@sentry/rollup-plugin@4.9.0':
+    resolution: {integrity: sha512-wWEhpaVjSarSdEqxNZGmcvAzORQNBLHVvYFQvHBOLy88IGsrVAXyrcT6tp6ssDn1EbmRecPuJMgT97gMRhUsEw==}
     engines: {node: '>= 14'}
     peerDependencies:
       rollup: '>=3.2.0'
 
-  '@sentry/vite-plugin@4.6.1':
-    resolution: {integrity: sha512-Qvys1y3o8/bfL3ikrHnJS9zxdjt0z3POshdBl3967UcflrTqBmnGNkcVk53SlmtJWIfh85fgmrLvGYwZ2YiqNg==}
+  '@sentry/vite-plugin@4.9.0':
+    resolution: {integrity: sha512-1olEMpZnwZS4UdboB25w5sZYJSlwbxJaieoL0c7FDNMyyns5GhXSl6mK8Lpx9w3rIc88gw9JOdsehdd6YrlLOA==}
     engines: {node: '>= 14'}
 
-  '@sentry/vue@10.33.0':
-    resolution: {integrity: sha512-CUtoBl62DG8mkoYfgpkw2WdB187XA2CfPj7OJdIzt3lavhpSAPmsY4jUarK2RUJvcowr5zYbEfv50Y0tsQxuGA==}
+  '@sentry/vue@10.38.0':
+    resolution: {integrity: sha512-fmgZxB9LCoX8Os/Vlk8w3vpfO+GbocnyFv0+DCfKnKhO0ApxxJQ7K6Q9GDzgoDVc8FM5GYbdymbgzOF9h7BpRw==}
     engines: {node: '>=18'}
     peerDependencies:
       '@tanstack/vue-router': ^1.64.0
@@ -3357,38 +3548,38 @@ packages:
   '@shikijs/core@1.29.2':
     resolution: {integrity: sha512-vju0lY9r27jJfOY4Z7+Rt/nIOjzJpZ3y+nYpqtUZInVoXQ/TJZcfGnNOGnKjFdVZb8qexiCuSlZRKcGfhhTTZQ==}
 
-  '@shikijs/core@3.20.0':
-    resolution: {integrity: sha512-f2ED7HYV4JEk827mtMDwe/yQ25pRiXZmtHjWF8uzZKuKiEsJR7Ce1nuQ+HhV9FzDcbIo4ObBCD9GPTzNuy9S1g==}
+  '@shikijs/core@3.22.0':
+    resolution: {integrity: sha512-iAlTtSDDbJiRpvgL5ugKEATDtHdUVkqgHDm/gbD2ZS9c88mx7G1zSYjjOxp5Qa0eaW0MAQosFRmJSk354PRoQA==}
 
   '@shikijs/engine-javascript@1.29.2':
     resolution: {integrity: sha512-iNEZv4IrLYPv64Q6k7EPpOCE/nuvGiKl7zxdq0WFuRPF5PAE9PRo2JGq/d8crLusM59BRemJ4eOqrFrC4wiQ+A==}
 
-  '@shikijs/engine-javascript@3.20.0':
-    resolution: {integrity: sha512-OFx8fHAZuk7I42Z9YAdZ95To6jDePQ9Rnfbw9uSRTSbBhYBp1kEOKv/3jOimcj3VRUKusDYM6DswLauwfhboLg==}
+  '@shikijs/engine-javascript@3.22.0':
+    resolution: {integrity: sha512-jdKhfgW9CRtj3Tor0L7+yPwdG3CgP7W+ZEqSsojrMzCjD1e0IxIbwUMDDpYlVBlC08TACg4puwFGkZfLS+56Tw==}
 
   '@shikijs/engine-oniguruma@1.29.2':
     resolution: {integrity: sha512-7iiOx3SG8+g1MnlzZVDYiaeHe7Ez2Kf2HrJzdmGwkRisT7r4rak0e655AcM/tF9JG/kg5fMNYlLLKglbN7gBqA==}
 
-  '@shikijs/engine-oniguruma@3.20.0':
-    resolution: {integrity: sha512-Yx3gy7xLzM0ZOjqoxciHjA7dAt5tyzJE3L4uQoM83agahy+PlW244XJSrmJRSBvGYELDhYXPacD4R/cauV5bzQ==}
+  '@shikijs/engine-oniguruma@3.22.0':
+    resolution: {integrity: sha512-DyXsOG0vGtNtl7ygvabHd7Mt5EY8gCNqR9Y7Lpbbd/PbJvgWrqaKzH1JW6H6qFkuUa8aCxoiYVv8/YfFljiQxA==}
 
   '@shikijs/langs@1.29.2':
     resolution: {integrity: sha512-FIBA7N3LZ+223U7cJDUYd5shmciFQlYkFXlkKVaHsCPgfVLiO+e12FmQE6Tf9vuyEsFe3dIl8qGWKXgEHL9wmQ==}
 
-  '@shikijs/langs@3.20.0':
-    resolution: {integrity: sha512-le+bssCxcSHrygCWuOrYJHvjus6zhQ2K7q/0mgjiffRbkhM4o1EWu2m+29l0yEsHDbWaWPNnDUTRVVBvBBeKaA==}
+  '@shikijs/langs@3.22.0':
+    resolution: {integrity: sha512-x/42TfhWmp6H00T6uwVrdTJGKgNdFbrEdhaDwSR5fd5zhQ1Q46bHq9EO61SCEWJR0HY7z2HNDMaBZp8JRmKiIA==}
 
   '@shikijs/themes@1.29.2':
     resolution: {integrity: sha512-i9TNZlsq4uoyqSbluIcZkmPL9Bfi3djVxRnofUHwvx/h6SRW3cwgBC5SML7vsDcWyukY0eCzVN980rqP6qNl9g==}
 
-  '@shikijs/themes@3.20.0':
-    resolution: {integrity: sha512-U1NSU7Sl26Q7ErRvJUouArxfM2euWqq1xaSrbqMu2iqa+tSp0D1Yah8216sDYbdDHw4C8b75UpE65eWorm2erQ==}
+  '@shikijs/themes@3.22.0':
+    resolution: {integrity: sha512-o+tlOKqsr6FE4+mYJG08tfCFDS+3CG20HbldXeVoyP+cYSUxDhrFf3GPjE60U55iOkkjbpY2uC3It/eeja35/g==}
 
   '@shikijs/types@1.29.2':
     resolution: {integrity: sha512-VJjK0eIijTZf0QSTODEXCqinjBn0joAHQ+aPSBzrv4O2d/QSbsMw+ZeSRx03kV34Hy7NzUvV/7NqfYGRLrASmw==}
 
-  '@shikijs/types@3.20.0':
-    resolution: {integrity: sha512-lhYAATn10nkZcBQ0BlzSbJA3wcmL5MXUUF8d2Zzon6saZDlToKaiRX60n2+ZaHJCmXEcZRWNzn+k9vplr8Jhsw==}
+  '@shikijs/types@3.22.0':
+    resolution: {integrity: sha512-491iAekgKDBFE67z70Ok5a8KBMsQ2IJwOWw3us/7ffQkIBCyOQfm/aNwVMBUriP02QshIfgHCBSIYAl3u2eWjg==}
 
   '@shikijs/vscode-textmate@10.0.2':
     resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
@@ -3404,28 +3595,28 @@ packages:
   '@speed-highlight/core@1.2.14':
     resolution: {integrity: sha512-G4ewlBNhUtlLvrJTb88d2mdy2KRijzs4UhnlrOSRT4bmjh/IqNElZa3zkrZ+TC47TwtlDWzVLFADljF1Ijp5hA==}
 
-  '@storybook/addon-a11y@10.1.11':
-    resolution: {integrity: sha512-3sr6HmcDgW1+TQAV9QtWBE3HlGyfFXVZY3RECTNLNH6fRC+rYQCItisvQIVxQpyftLSQ8EAMN9JQzs495MjWNg==}
+  '@storybook/addon-a11y@10.2.4':
+    resolution: {integrity: sha512-VGhdZ+iP2l/CSulIKV2kt3SMWVHntOigqWqGkNYf6YNYofynUYEKdsNqBvHx4ySuNEl/eXJ8LRO8FKYnU7LxZQ==}
     peerDependencies:
-      storybook: ^10.1.11
+      storybook: ^10.2.4
 
-  '@storybook/addon-themes@10.1.11':
-    resolution: {integrity: sha512-tUX5C1ms+W4GFK8UBWd3Fq4irkLc3h092BqW90tZghcoOmGY/sfKR+PlcLhoaTs/kkHQSSHPrz8HSFR1AXVbHA==}
+  '@storybook/addon-themes@10.2.4':
+    resolution: {integrity: sha512-rNSDcWatn26kAxdOWF9AtwnL+1PWKGMYkbWjaNjqLlf1iTj+4CS1kJ1zBk1j/VVd9I9ohXHxgAtUjGsgxsCQTQ==}
     peerDependencies:
-      storybook: ^10.1.11
+      storybook: ^10.2.4
 
-  '@storybook/builder-vite@10.1.11':
-    resolution: {integrity: sha512-MMD09Ap7FyzDfWG961pkIMv/w684XXe1bBEi+wCEpHxvrgAd3j3A9w/Rqp9Am2uRDPCEdi1QgSzS3SGW3aGThQ==}
+  '@storybook/builder-vite@10.2.4':
+    resolution: {integrity: sha512-/hcT1xj3CL5GkJ5v5/EguZdttDwNE6weNXK7vKzp034tnGcLycOossDsTiUQkBowSL+Ylc8aKj+ZgvddPNfOig==}
     peerDependencies:
-      storybook: ^10.1.11
+      storybook: ^10.2.4
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
-  '@storybook/csf-plugin@10.1.11':
-    resolution: {integrity: sha512-Ant0NhgqHKzQsseeVTSetZCuDHHs0W2HRkHt51Kg/sUl0T/sDtfVA+fWZT8nGzGZqYSFkxqYPWjauPmIhPtaRw==}
+  '@storybook/csf-plugin@10.2.4':
+    resolution: {integrity: sha512-kupPQEV+4N9mzsZHYaokvhO/KHBjYdWda9PNmPQwy0TR7r2mzthgaNH72TjmgN1L6DIbsuyOG1wtczcPJn4+Jg==}
     peerDependencies:
       esbuild: '*'
       rollup: '*'
-      storybook: ^10.1.11
+      storybook: ^10.2.4
       vite: '*'
       webpack: '*'
     peerDependenciesMeta:
@@ -3447,16 +3638,16 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@storybook/vue3-vite@10.1.11':
-    resolution: {integrity: sha512-Kq5co2xdBhShYRzDfLlt1xoYiHo8RHOjX7wtsFQTtSwTKIPsm34j45pmGov4xEUMhfSf1PIor//spTzd1HDR9Q==}
+  '@storybook/vue3-vite@10.2.4':
+    resolution: {integrity: sha512-RvmD+fGOdnH60xaPNIeQdFTtlVyEP/IMOBolwnm6i/roOKpcAVeCrO8+Tufl5a+9d3zvDc0zJWzsqd06ecuvhQ==}
     peerDependencies:
-      storybook: ^10.1.11
+      storybook: ^10.2.4
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
-  '@storybook/vue3@10.1.11':
-    resolution: {integrity: sha512-1QnVCZUN9fZspK1933xL7xUqi1TZEMY58zxfIpgQnkVhkGmbK82e6kYzB+XhHrnuYt33E1Pc5QFV9/5CvYK0Xg==}
+  '@storybook/vue3@10.2.4':
+    resolution: {integrity: sha512-eP9ay27+8ZGn8S9TH2FIgPR62gWsJXHnIquvhyaaXHrcQgs5LJz7jno9jyLIvlwkzc6vRR9nuDHVBw1gvmOzLQ==}
     peerDependencies:
-      storybook: ^10.1.11
+      storybook: ^10.2.4
       vue: ^3.0.0
 
   '@stripe/stripe-js@7.9.0':
@@ -3494,9 +3685,6 @@ packages:
     peerDependencies:
       '@svgdotjs/svg.js': ^3.2.4
 
-  '@swc/helpers@0.5.18':
-    resolution: {integrity: sha512-TXTnIcNJQEKwThMMqBXsZ4VGAza6bvN4pa41Rkqoio6QBKMvo+5lexeTMScGCIxtzgQJzElcvIltani+adC5PQ==}
-
   '@taijased/vue-render-tracker@1.0.7':
     resolution: {integrity: sha512-nW3eYHdqRiA1AhhOm2rHxHAQCTww9W3CDHd4DYFniqwy29X1W5HXeNjr/yt+8kysTqJsb5PUv0tN6nghKmPq5w==}
     peerDependencies:
@@ -3596,11 +3784,11 @@ packages:
     resolution: {integrity: sha512-Wo1iKt2b9OT7d+YGhvEPD3DXvPv2etTusIMhMUoG7fbhmxcXCtIjJDEygy91Y2JFlwGyjqiBPRozme7UD8hoqg==}
     engines: {node: '>=12'}
 
-  '@tanstack/query-core@5.90.16':
-    resolution: {integrity: sha512-MvtWckSVufs/ja463/K4PyJeqT+HMlJWtw6PrCpywznd2NSgO3m4KwO9RqbFqGg6iDE8vVMFWMeQI4Io3eEYww==}
+  '@tanstack/query-core@5.90.20':
+    resolution: {integrity: sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==}
 
-  '@tanstack/vue-query@5.92.5':
-    resolution: {integrity: sha512-wbJ820OdPbmyKqrs/FW3n/4fScji63d2aAQqTl54ex9UolJwJdrEqDmSGyc5R5orgs3OlWVlF5UsK+/7wLxgzA==}
+  '@tanstack/vue-query@5.92.9':
+    resolution: {integrity: sha512-jjAZcqKveyX0C4w/6zUqbnqk/XzuxNWaFsWjGTJWULVFizUNeLGME2gf9vVSDclIyiBhR13oZJPPs6fJgfpIJQ==}
     peerDependencies:
       '@vue/composition-api': ^1.1.2
       vue: ^2.6.0 || ^3.3.0
@@ -3614,8 +3802,8 @@ packages:
   '@taplo/lib@0.5.0':
     resolution: {integrity: sha512-+xIqpQXJco3T+VGaTTwmhxLa51qpkQxCjRwezjFZgr+l21ExlywJFcDfTrNmL6lG6tqb0h8GyJKO3UPGPtSCWg==}
 
-  '@tauri-apps/api@2.9.1':
-    resolution: {integrity: sha512-IGlhP6EivjXHepbBic618GOmiWe4URJiIeZFlB7x3czM0yDHHYviH1Xvoiv4FefdkQtn6v7TuwWCRfOGdnVUGw==}
+  '@tauri-apps/api@2.10.1':
+    resolution: {integrity: sha512-hKL/jWf293UDSUN09rR69hrToyIXBb8CjGaWC7gfinvnQrBVvnLr08FeFi38gxtugAVyVcTa5/FD/Xnkb1siBw==}
 
   '@tauri-apps/cli-darwin-arm64@2.5.0':
     resolution: {integrity: sha512-VuVAeTFq86dfpoBDNYAdtQVLbP0+2EKCHIIhkaxjeoPARR0sLpFHz2zs0PcFU76e+KAaxtEtAJAXGNUc8E1PzQ==}
@@ -3688,20 +3876,20 @@ packages:
     engines: {node: '>= 10'}
     hasBin: true
 
-  '@tauri-apps/plugin-dialog@2.4.2':
-    resolution: {integrity: sha512-lNIn5CZuw8WZOn8zHzmFmDSzg5zfohWoa3mdULP0YFh/VogVdMVWZPcWSHlydsiJhRQYaTNSYKN7RmZKE2lCYQ==}
+  '@tauri-apps/plugin-dialog@2.6.0':
+    resolution: {integrity: sha512-q4Uq3eY87TdcYzXACiYSPhmpBA76shgmQswGkSVio4C82Sz2W4iehe9TnKYwbq7weHiL88Yw19XZm7v28+Micg==}
 
-  '@tauri-apps/plugin-http@2.5.4':
-    resolution: {integrity: sha512-/i4U/9za3mrytTgfRn5RHneKubZE/dwRmshYwyMvNRlkWjvu1m4Ma72kcbVJMZFGXpkbl+qLyWMGrihtWB76Zg==}
+  '@tauri-apps/plugin-http@2.5.7':
+    resolution: {integrity: sha512-+F2lEH/c9b0zSsOXKq+5hZNcd9F4IIKCK1T17RqMwpCmVnx2aoqY8yIBccCd25HTYUb3j6NPVbRax/m00hKG8A==}
 
-  '@tauri-apps/plugin-opener@2.5.2':
-    resolution: {integrity: sha512-ei/yRRoCklWHImwpCcDK3VhNXx+QXM9793aQ64YxpqVF0BDuuIlXhZgiAkc15wnPVav+IbkYhmDJIv5R326Mew==}
+  '@tauri-apps/plugin-opener@2.5.3':
+    resolution: {integrity: sha512-CCcUltXMOfUEArbf3db3kCE7Ggy1ExBEBl51Ko2ODJ6GDYHRp1nSNlQm5uNCFY5k7/ufaK5Ib3Du/Zir19IYQQ==}
 
   '@tauri-apps/plugin-os@2.3.2':
     resolution: {integrity: sha512-n+nXWeuSeF9wcEsSPmRnBEGrRgOy6jjkSU+UVCOV8YUGKb2erhDOxis7IqRXiRVHhY8XMKks00BJ0OAdkpf6+A==}
 
-  '@tauri-apps/plugin-updater@2.9.0':
-    resolution: {integrity: sha512-j++sgY8XpeDvzImTrzWA08OqqGqgkNyxczLD7FjNJJx/uXxMZFz5nDcfkyoI/rCjYuj2101Tci/r/HFmOmoxCg==}
+  '@tauri-apps/plugin-updater@2.10.0':
+    resolution: {integrity: sha512-ljN8jPlnT0aSn8ecYhuBib84alxfMx6Hc8vJSKMJyzGbTPFZAC44T2I1QNFZssgWKrAlofvJqCC6Rr472JWfkQ==}
 
   '@tauri-apps/plugin-window-state@2.4.1':
     resolution: {integrity: sha512-OuvdrzyY8Q5Dbzpj+GcrnV1iCeoZbcFdzMjanZMMcAEUNy/6PH5pxZPXpaZLOR7whlzXiuzx0L9EKZbH7zpdRw==}
@@ -3778,9 +3966,6 @@ packages:
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
-  '@types/fontkit@2.0.8':
-    resolution: {integrity: sha512-wN+8bYxIpJf+5oZdrdtaX04qUuWHcKxcDEgRS9Qm9ZClSHjzEn13SxUC+5eRM+4yXIeTYk8mTzLAWGF64847ew==}
-
   '@types/glob@9.0.0':
     resolution: {integrity: sha512-00UxlRaIUvYm4R4W9WYkN8/J+kV8fmOQ7okeH6YFtGWFMt3odD45tpG5yA5wnL7HE6lLgjaTW5n14ju2hl2NNA==}
     deprecated: This is a stub types definition. glob provides its own type definitions, so you do not need this installed.
@@ -3827,8 +4012,8 @@ packages:
   '@types/node@17.0.45':
     resolution: {integrity: sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==}
 
-  '@types/node@20.19.27':
-    resolution: {integrity: sha512-N2clP5pJhB2YnZJ3PIHFk5RkygRX5WO/5f0WC08tp0wd+sv0rsJk3MqWn3CbNmT2J505a5336jaQj4ph1AdMug==}
+  '@types/node@20.19.31':
+    resolution: {integrity: sha512-5jsi0wpncvTD33Sh1UCgacK37FFwDn+EG7wCmEvs62fCvBL+n8/76cAYDok21NF6+jaVWIqKwCZyX7Vbu8eB3A==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -3840,8 +4025,8 @@ packages:
     resolution: {integrity: sha512-EULJ8LApcVEPbrfND0cRQqutIOdiIgJ1Mgrhpy755r14xMohPTEpkV/k28SJvuOs9bHRFW8x+KeDAEPiGQPB9Q==}
     deprecated: This is a stub types definition. parse-path provides its own type definitions, so you do not need this installed.
 
-  '@types/pg-pool@2.0.6':
-    resolution: {integrity: sha512-TaAUE5rq2VQYxab5Ts7WZhKNmuN78Q6PiFonTDdpbx8a1H0M1vhy3rhiMjl+e2iHmogyMw7jZF4FrE6eJUy5HQ==}
+  '@types/pg-pool@2.0.7':
+    resolution: {integrity: sha512-U4CwmGVQcbEuqpyju8/ptOKg6gEC+Tqsvj2xS9o1g71bUh8twxnC6ZL5rZKCsGN0iyH0CwgUyc9VR5owNQF9Ng==}
 
   '@types/pg@8.15.6':
     resolution: {integrity: sha512-NoaMtzhxOrubeL/7UZuNTrejB4MPAJ0RpxZqXQf2qXuVlTPuG6Y8p4u9dKRaue4yjmC7ZhzVO2/Yyyn25znrPQ==}
@@ -3891,70 +4076,70 @@ packages:
   '@types/xml2js@0.4.14':
     resolution: {integrity: sha512-4YnrRemBShWRO2QjvUin8ESA41rH+9nQGLUGZV/1IDhi3SL9OhdpNC/MrulTWuptXKwhx/aDxE7toV0f/ypIXQ==}
 
-  '@typescript-eslint/eslint-plugin@8.51.0':
-    resolution: {integrity: sha512-XtssGWJvypyM2ytBnSnKtHYOGT+4ZwTnBVl36TA4nRO2f4PRNGz5/1OszHzcZCvcBMh+qb7I06uoCmLTRdR9og==}
+  '@typescript-eslint/eslint-plugin@8.54.0':
+    resolution: {integrity: sha512-hAAP5io/7csFStuOmR782YmTthKBJ9ND3WVL60hcOjvtGFb+HJxH4O5huAcmcZ9v9G8P+JETiZ/G1B8MALnWZQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.51.0
+      '@typescript-eslint/parser': ^8.54.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.51.0':
-    resolution: {integrity: sha512-3xP4XzzDNQOIqBMWogftkwxhg5oMKApqY0BAflmLZiFYHqyhSOxv/cd/zPQLTcCXr4AkaKb25joocY0BD1WC6A==}
+  '@typescript-eslint/parser@8.54.0':
+    resolution: {integrity: sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.51.0':
-    resolution: {integrity: sha512-Luv/GafO07Z7HpiI7qeEW5NW8HUtZI/fo/kE0YbtQEFpJRUuR0ajcWfCE5bnMvL7QQFrmT/odMe8QZww8X2nfQ==}
+  '@typescript-eslint/project-service@8.54.0':
+    resolution: {integrity: sha512-YPf+rvJ1s7MyiWM4uTRhE4DvBXrEV+d8oC3P9Y2eT7S+HBS0clybdMIPnhiATi9vZOYDc7OQ1L/i6ga6NFYK/g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.51.0':
-    resolution: {integrity: sha512-JhhJDVwsSx4hiOEQPeajGhCWgBMBwVkxC/Pet53EpBVs7zHHtayKefw1jtPaNRXpI9RA2uocdmpdfE7T+NrizA==}
+  '@typescript-eslint/scope-manager@8.54.0':
+    resolution: {integrity: sha512-27rYVQku26j/PbHYcVfRPonmOlVI6gihHtXFbTdB5sb6qA0wdAQAbyXFVarQ5t4HRojIz64IV90YtsjQSSGlQg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.51.0':
-    resolution: {integrity: sha512-Qi5bSy/vuHeWyir2C8u/uqGMIlIDu8fuiYWv48ZGlZ/k+PRPHtaAu7erpc7p5bzw2WNNSniuxoMSO4Ar6V9OXw==}
+  '@typescript-eslint/tsconfig-utils@8.54.0':
+    resolution: {integrity: sha512-dRgOyT2hPk/JwxNMZDsIXDgyl9axdJI3ogZ2XWhBPsnZUv+hPesa5iuhdYt2gzwA9t8RE5ytOJ6xB0moV0Ujvw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.51.0':
-    resolution: {integrity: sha512-0XVtYzxnobc9K0VU7wRWg1yiUrw4oQzexCG2V2IDxxCxhqBMSMbjB+6o91A+Uc0GWtgjCa3Y8bi7hwI0Tu4n5Q==}
+  '@typescript-eslint/type-utils@8.54.0':
+    resolution: {integrity: sha512-hiLguxJWHjjwL6xMBwD903ciAwd7DmK30Y9Axs/etOkftC3ZNN9K44IuRD/EB08amu+Zw6W37x9RecLkOo3pMA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@8.51.0':
-    resolution: {integrity: sha512-TizAvWYFM6sSscmEakjY3sPqGwxZRSywSsPEiuZF6d5GmGD9Gvlsv0f6N8FvAAA0CD06l3rIcWNbsN1e5F/9Ag==}
+  '@typescript-eslint/types@8.54.0':
+    resolution: {integrity: sha512-PDUI9R1BVjqu7AUDsRBbKMtwmjWcn4J3le+5LpcFgWULN3LvHC5rkc9gCVxbrsrGmO1jfPybN5s6h4Jy+OnkAA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.51.0':
-    resolution: {integrity: sha512-1qNjGqFRmlq0VW5iVlcyHBbCjPB7y6SxpBkrbhNWMy/65ZoncXCEPJxkRZL8McrseNH6lFhaxCIaX+vBuFnRng==}
+  '@typescript-eslint/typescript-estree@8.54.0':
+    resolution: {integrity: sha512-BUwcskRaPvTk6fzVWgDPdUndLjB87KYDrN5EYGetnktoeAvPtO4ONHlAZDnj5VFnUANg0Sjm7j4usBlnoVMHwA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.51.0':
-    resolution: {integrity: sha512-11rZYxSe0zabiKaCP2QAwRf/dnmgFgvTmeDTtZvUvXG3UuAdg/GU02NExmmIXzz3vLGgMdtrIosI84jITQOxUA==}
+  '@typescript-eslint/utils@8.54.0':
+    resolution: {integrity: sha512-9Cnda8GS57AQakvRyG0PTejJNlA2xhvyNtEVIMlDWOOeEyBkYWhGPnfrIAnqxLMTSTo6q8g12XVjjev5l1NvMA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.51.0':
-    resolution: {integrity: sha512-mM/JRQOzhVN1ykejrvwnBRV3+7yTKK8tVANVN3o1O0t0v7o+jqdVu9crPy5Y9dov15TJk/FTIgoUGHrTOVL3Zg==}
+  '@typescript-eslint/visitor-keys@8.54.0':
+    resolution: {integrity: sha512-VFlhGSl4opC0bprJiItPQ1RfUhGDIBokcPwaFH4yiBCaNPeld/9VeXbiPO1cLyorQi1G1vL+ecBk1x8o1axORA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@ungap/structured-clone@1.3.0':
     resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
 
-  '@unhead/vue@2.1.1':
-    resolution: {integrity: sha512-WYa8ORhfv7lWDSoNpkMKhbW1Dbsux/3HqMcVkZS3xZ2/c/VrcChLj+IMadpCd1WNR0srITfRJhBYZ1i9hON5Qw==}
+  '@unhead/vue@2.1.2':
+    resolution: {integrity: sha512-w5yxH/fkkLWAFAOnMSIbvAikNHYn6pgC7zGF/BasXf+K3CO1cYIPFehYAk5jpcsbiNPMc3goyyw1prGLoyD14g==}
     peerDependencies:
       vue: '>=3.5.18'
 
@@ -4053,9 +4238,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@vercel/nft@0.30.4':
-    resolution: {integrity: sha512-wE6eAGSXScra60N2l6jWvNtVK0m+sh873CpfZW4KI2v8EHuUQp+mSEi4T+IcdPCSEDgCdAS/7bizbhQlkjzrSA==}
-    engines: {node: '>=18'}
+  '@vercel/nft@1.3.0':
+    resolution: {integrity: sha512-i4EYGkCsIjzu4vorDUbqglZc5eFtQI2syHb++9ZUDm6TU4edVywGpVnYDein35x9sevONOn9/UabfQXuNXtuzQ==}
+    engines: {node: '>=20'}
     hasBin: true
 
   '@vintl/how-ago@3.0.1':
@@ -4063,8 +4248,8 @@ packages:
     peerDependencies:
       '@formatjs/intl': ^2.7.1
 
-  '@vitejs/plugin-vue-jsx@5.1.3':
-    resolution: {integrity: sha512-I6Zr8cYVr5WHMW5gNOP09DNqW9rgO8RX73Wa6Czgq/0ndpTfJM4vfDChfOT1+3KtdrNqilNBtNlFwVeB02ZzGw==}
+  '@vitejs/plugin-vue-jsx@5.1.4':
+    resolution: {integrity: sha512-70LmoVk9riR7qc4W2CpjsbNMWTPnuZb9dpFKX1emru0yP57nsc9k8nhLA6U93ngQapv5VDIUq2JatNfLbBIkrA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
@@ -4077,8 +4262,8 @@ packages:
       vite: ^5.0.0 || ^6.0.0
       vue: ^3.2.25
 
-  '@vitejs/plugin-vue@6.0.3':
-    resolution: {integrity: sha512-TlGPkLFLVOY3T7fZrwdvKpjprR3s4fxRln0ORDo1VQ7HHyxJwTlrjKU3kpVWTlaAjIEuCTokmjkZnr8Tpc925w==}
+  '@vitejs/plugin-vue@6.0.4':
+    resolution: {integrity: sha512-uM5iXipgYIn13UUQCZNdWkYk+sysBeA97d5mHsAoAt1u/wpN3+zxOmsVJWosuzX+IMGRzeYUNytztrYznboIkQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
@@ -4087,17 +4272,6 @@ packages:
   '@vitest/expect@3.2.4':
     resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
 
-  '@vitest/mocker@3.2.4':
-    resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
-    peerDependencies:
-      msw: ^2.4.9
-      vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
-    peerDependenciesMeta:
-      msw:
-        optional: true
-      vite:
-        optional: true
-
   '@vitest/pretty-format@3.2.4':
     resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
 
@@ -4107,8 +4281,8 @@ packages:
   '@vitest/utils@3.2.4':
     resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
 
-  '@volar/kit@2.4.27':
-    resolution: {integrity: sha512-ilZoQDMLzqmSsImJRWx4YiZ4FcvvPrPnFVmL6hSsIWB6Bn3qc7k88J9yP32dagrs5Y8EXIlvvD/mAFaiuEOACQ==}
+  '@volar/kit@2.4.28':
+    resolution: {integrity: sha512-cKX4vK9dtZvDRaAzeoUdaAJEew6IdxHNCRrdp5Kvcl6zZOqb6jTOfk3kXkIkG3T7oTFXguEMt5+9ptyqYR84Pg==}
     peerDependencies:
       typescript: '*'
 
@@ -4118,11 +4292,14 @@ packages:
   '@volar/language-core@2.4.27':
     resolution: {integrity: sha512-DjmjBWZ4tJKxfNC1F6HyYERNHPYS7L7OPFyCrestykNdUZMFYzI9WTyvwPcaNaHlrEUwESHYsfEw3isInncZxQ==}
 
-  '@volar/language-server@2.4.27':
-    resolution: {integrity: sha512-SymGNkErcHg8GjiG65iQN8sLkhqu1pwKhFySmxeBuYq5xFYagKBW36eiNITXQTdvT0tutI1GXcXdq/FdE/IyjA==}
+  '@volar/language-core@2.4.28':
+    resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
+
+  '@volar/language-server@2.4.28':
+    resolution: {integrity: sha512-NqcLnE5gERKuS4PUFwlhMxf6vqYo7hXtbMFbViXcbVkbZ905AIVWhnSo0ZNBC2V127H1/2zP7RvVOVnyITFfBw==}
 
-  '@volar/language-service@2.4.27':
-    resolution: {integrity: sha512-SxKZ8yLhpWa7Y5e/RDxtNfm7j7xsXp/uf2urijXEffRNpPSmVdfzQrFFy5d7l8PNpZy+bHg+yakmqBPjQN+MOw==}
+  '@volar/language-service@2.4.28':
+    resolution: {integrity: sha512-Rh/wYCZJrI5vCwMk9xyw/Z+MsWxlJY1rmMZPsxUoJKfzIRjS/NF1NmnuEcrMbEVGja00aVpCsInJfixQTMdvLw==}
 
   '@volar/source-map@2.4.15':
     resolution: {integrity: sha512-CPbMWlUN6hVZJYGcU/GSoHu4EnCHiLaXI9n8c9la6RaI9W5JHX+NqG+GSQcB0JdC2FIBLdZJwGsfKyBB71VlTg==}
@@ -4130,11 +4307,14 @@ packages:
   '@volar/source-map@2.4.27':
     resolution: {integrity: sha512-ynlcBReMgOZj2i6po+qVswtDUeeBRCTgDurjMGShbm8WYZgJ0PA4RmtebBJ0BCYol1qPv3GQF6jK7C9qoVc7lg==}
 
+  '@volar/source-map@2.4.28':
+    resolution: {integrity: sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==}
+
   '@volar/typescript@2.4.15':
     resolution: {integrity: sha512-2aZ8i0cqPGjXb4BhkMsPYDkkuc2ZQ6yOpqwAuNwUoncELqoy5fRgOQtLR9gB0g902iS0NAkvpIzs27geVyVdPg==}
 
-  '@volar/typescript@2.4.27':
-    resolution: {integrity: sha512-eWaYCcl/uAPInSK2Lze6IqVWaBu/itVqR5InXcHXFyles4zO++Mglt3oxdgj75BDcv1Knr9Y93nowS8U3wqhxg==}
+  '@volar/typescript@2.4.28':
+    resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
 
   '@vscode/emmet-helper@2.11.0':
     resolution: {integrity: sha512-QLxjQR3imPZPQltfbWRnHU6JecWTF1QSWhx3GAKQpslx7y3Dp6sIIXhKjiUJ/BR9FX8PVthjr9PD6pNwOJfAzw==}
@@ -4252,8 +4432,8 @@ packages:
     peerDependencies:
       vue: ^3.4.27
 
-  '@vue-macros/common@3.1.1':
-    resolution: {integrity: sha512-afW2DMjgCBVs33mWRlz7YsGHzoEEupnl0DK5ZTKsgziAlLh5syc5m+GM7eqeYrgiQpwMaVxa1fk73caCvPxyAw==}
+  '@vue-macros/common@3.1.2':
+    resolution: {integrity: sha512-h9t4ArDdniO9ekYHAD95t9AZcAbb19lEGK+26iAjUODOIJKmObDNBSe4+6ELQAA3vtYiFPPBtHh7+cQCKi3Dng==}
     engines: {node: '>=20.19.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.2.25
@@ -4277,17 +4457,17 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@vue/compiler-core@3.5.26':
-    resolution: {integrity: sha512-vXyI5GMfuoBCnv5ucIT7jhHKl55Y477yxP6fc4eUswjP8FG3FFVFd41eNDArR+Uk3QKn2Z85NavjaxLxOC19/w==}
+  '@vue/compiler-core@3.5.27':
+    resolution: {integrity: sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==}
 
-  '@vue/compiler-dom@3.5.26':
-    resolution: {integrity: sha512-y1Tcd3eXs834QjswshSilCBnKGeQjQXB6PqFn/1nxcQw4pmG42G8lwz+FZPAZAby6gZeHSt/8LMPfZ4Rb+Bd/A==}
+  '@vue/compiler-dom@3.5.27':
+    resolution: {integrity: sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==}
 
-  '@vue/compiler-sfc@3.5.26':
-    resolution: {integrity: sha512-egp69qDTSEZcf4bGOSsprUr4xI73wfrY5oRs6GSgXFTiHrWj4Y3X5Ydtip9QMqiCMCPVwLglB9GBxXtTadJ3mA==}
+  '@vue/compiler-sfc@3.5.27':
+    resolution: {integrity: sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==}
 
-  '@vue/compiler-ssr@3.5.26':
-    resolution: {integrity: sha512-lZT9/Y0nSIRUPVvapFJEVDbEXruZh2IYHMk2zTtEgJSlP5gVOqeWXH54xDKAaFS4rTnDeDBQUYDtxKyoW9FwDw==}
+  '@vue/compiler-ssr@3.5.27':
+    resolution: {integrity: sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==}
 
   '@vue/compiler-vue2@2.7.16':
     resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
@@ -4323,25 +4503,25 @@ packages:
       typescript:
         optional: true
 
-  '@vue/language-core@3.2.1':
-    resolution: {integrity: sha512-g6oSenpnGMtpxHGAwKuu7HJJkNZpemK/zg3vZzZbJ6cnnXq1ssxuNrXSsAHYM3NvH8p4IkTw+NLmuxyeYz4r8A==}
+  '@vue/language-core@3.2.4':
+    resolution: {integrity: sha512-bqBGuSG4KZM45KKTXzGtoCl9cWju5jsaBKaJJe3h5hRAAWpZUuj5G+L+eI01sPIkm4H6setKRlw7E85wLdDNew==}
 
-  '@vue/reactivity@3.5.26':
-    resolution: {integrity: sha512-9EnYB1/DIiUYYnzlnUBgwU32NNvLp/nhxLXeWRhHUEeWNTn1ECxX8aGO7RTXeX6PPcxe3LLuNBFoJbV4QZ+CFQ==}
+  '@vue/reactivity@3.5.27':
+    resolution: {integrity: sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==}
 
-  '@vue/runtime-core@3.5.26':
-    resolution: {integrity: sha512-xJWM9KH1kd201w5DvMDOwDHYhrdPTrAatn56oB/LRG4plEQeZRQLw0Bpwih9KYoqmzaxF0OKSn6swzYi84e1/Q==}
+  '@vue/runtime-core@3.5.27':
+    resolution: {integrity: sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==}
 
-  '@vue/runtime-dom@3.5.26':
-    resolution: {integrity: sha512-XLLd/+4sPC2ZkN/6+V4O4gjJu6kSDbHAChvsyWgm1oGbdSO3efvGYnm25yCjtFm/K7rrSDvSfPDgN1pHgS4VNQ==}
+  '@vue/runtime-dom@3.5.27':
+    resolution: {integrity: sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==}
 
-  '@vue/server-renderer@3.5.26':
-    resolution: {integrity: sha512-TYKLXmrwWKSodyVuO1WAubucd+1XlLg4set0YoV+Hu8Lo79mp/YMwWV5mC5FgtsDxX3qo1ONrxFaTP1OQgy1uA==}
+  '@vue/server-renderer@3.5.27':
+    resolution: {integrity: sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==}
     peerDependencies:
-      vue: 3.5.26
+      vue: 3.5.27
 
-  '@vue/shared@3.5.26':
-    resolution: {integrity: sha512-7Z6/y3uFI5PRoKeorTOSXKcDj0MSasfNNltcslbFrPpcw6aXRUALq4IfJlaTRspiWIUOEZbrpM+iQGmCOiWe4A==}
+  '@vue/shared@3.5.27':
+    resolution: {integrity: sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==}
 
   '@vue/tsconfig@0.7.0':
     resolution: {integrity: sha512-ku2uNz5MaZ9IerPPUyOHzyjhXoX2kVJaVf7hL315DC17vS6IiZRmmCPfggNbU16QTvM80+uYYy3eYJB59WCtvg==}
@@ -4381,8 +4561,8 @@ packages:
   '@vueuse/shared@9.13.0':
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
 
-  '@webgpu/types@0.1.68':
-    resolution: {integrity: sha512-3ab1B59Ojb6RwjOspYLsTpCzbNB3ZaamIAxBMmvnNkiDoLTZUOBXZ9p5nAYVEkQlDdf6qAZWi1pqj9+ypiqznA==}
+  '@webgpu/types@0.1.69':
+    resolution: {integrity: sha512-RPmm6kgRbI8e98zSD3RVACvnuktIja5+yLgDAkTmxLr90BEwdTXRQWNLF3ETTTyH/8mKhznZuN5AveXYFEsMGQ==}
 
   '@xml-tools/parser@1.0.11':
     resolution: {integrity: sha512-aKqQ077XnR+oQtHJlrAflaZaL7qZsulWc/i/ZEooar5JiWj1eLt0+Wg28cpa+XLney107wXqneC+oG1IZvxkTA==}
@@ -4402,8 +4582,8 @@ packages:
     resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
     engines: {node: '>=6.5'}
 
-  ace-builds@1.43.5:
-    resolution: {integrity: sha512-iH5FLBKdB7SVn9GR37UgA/tpQS8OTWIxWAuq3Ofaw+Qbc69FfPXsXd9jeW7KRG2xKpKMqBDnu0tHBrCWY5QI7A==}
+  ace-builds@1.43.6:
+    resolution: {integrity: sha512-L1ddibQ7F3vyXR2k2fg+I8TQTPWVA6CKeDQr/h2+8CeyTp3W6EQL8xNFZRTztuP8xNOAqL3IYPqdzs31GCjDvg==}
 
   acorn-import-attributes@1.9.5:
     resolution: {integrity: sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==}
@@ -4415,20 +4595,11 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  acorn-walk@8.3.2:
-    resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
-    engines: {node: '>=0.4.0'}
-
   acorn@7.4.1:
     resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  acorn@8.14.0:
-    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
   acorn@8.15.0:
     resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
     engines: {node: '>=0.4.0'}
@@ -4566,8 +4737,8 @@ packages:
     peerDependencies:
       astro: ^4.0.0-beta || ^5.0.0-beta || ^3.3.0
 
-  astro@5.16.6:
-    resolution: {integrity: sha512-6mF/YrvwwRxLTu+aMEa5pwzKUNl5ZetWbTyZCs9Um0F12HUmxUiF5UHiZPy4rifzU3gtpM3xP2DfdmkNX9eZRg==}
+  astro@5.17.1:
+    resolution: {integrity: sha512-oD3tlxTaVWGq/Wfbqk6gxzVRz98xa/rYlpe+gU2jXJMSD01k6sEDL01ZlT8mVSYB/rMgnvIOfiQQ3BbLdN237A==}
     engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'}
     hasBin: true
 
@@ -4577,15 +4748,15 @@ packages:
   async@3.2.6:
     resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
 
-  autoprefixer@10.4.23:
-    resolution: {integrity: sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==}
+  autoprefixer@10.4.24:
+    resolution: {integrity: sha512-uHZg7N9ULTVbutaIsDRoUkoS8/h3bdsmVJYZ5l3wv8Cp/6UIIoRDm90hZ+BwxUj/hGBEzLxdHNSKuFpn8WOyZw==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
 
-  axe-core@4.11.0:
-    resolution: {integrity: sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==}
+  axe-core@4.11.1:
+    resolution: {integrity: sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A==}
     engines: {node: '>=4'}
 
   axobject-query@4.1.0:
@@ -4624,8 +4795,8 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  baseline-browser-mapping@2.9.11:
-    resolution: {integrity: sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==}
+  baseline-browser-mapping@2.9.19:
+    resolution: {integrity: sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==}
     hasBin: true
 
   bcp-47-match@2.0.3:
@@ -4664,9 +4835,6 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  brotli@1.3.3:
-    resolution: {integrity: sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==}
-
   browserslist@4.28.1:
     resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -4736,8 +4904,8 @@ packages:
   caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
 
-  caniuse-lite@1.0.30001762:
-    resolution: {integrity: sha512-PxZwGNvH7Ak8WX5iXzoK1KPZttBXNPuaOvI2ZYU7NrlM+d9Ov+TUvlLOBNGzVXAntMSMMlJPd+jY6ovrVjSmUw==}
+  caniuse-lite@1.0.30001767:
+    resolution: {integrity: sha512-34+zUAMhSH+r+9eKmYG+k2Rpt8XttfE4yXAjoZvkAPs15xcYQhyBYdalJ65BzivAvGRMViEjy6oKr/S91loekQ==}
 
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -4769,8 +4937,8 @@ packages:
   character-reference-invalid@2.0.1:
     resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
 
-  check-error@2.1.1:
-    resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
     engines: {node: '>= 16'}
 
   chevrotain@7.1.1:
@@ -4795,13 +4963,16 @@ packages:
   ci-info@2.0.0:
     resolution: {integrity: sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==}
 
-  ci-info@4.3.1:
-    resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
+  ci-info@4.4.0:
+    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
     engines: {node: '>=8'}
 
   citty@0.1.6:
     resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
 
+  citty@0.2.0:
+    resolution: {integrity: sha512-8csy5IBFI2ex2hTVpaHN2j+LNE199AgiI7y4dMintrr8i0lQiFn+0AWMZrWdHKIgMOer65f8IThysYhoReqjWA==}
+
   cjs-module-lexer@2.2.0:
     resolution: {integrity: sha512-4bHTS2YuzUvtoLjdy+98ykbNB5jS0+07EvFNXerqZQJ89F7DI6ET7OQo/HJuW6K0aVsKA9hj9/RVb2kQVOrPDQ==}
 
@@ -4825,10 +4996,6 @@ packages:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
 
-  clone@2.1.2:
-    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
-    engines: {node: '>=0.8'}
-
   clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -4883,6 +5050,10 @@ packages:
     resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
     engines: {node: '>= 12.0.0'}
 
+  comment-parser@1.4.5:
+    resolution: {integrity: sha512-aRDkn3uyIlCFfk5NUA+VdwMmMsh8JGhc4hapfV4yxymHGQ3BVskMQfoXGpCo5IoBuQ9tS5iiVKhCpTcB4pW4qw==}
+    engines: {node: '>= 12.0.0'}
+
   common-ancestor-path@1.0.1:
     resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
 
@@ -4935,11 +5106,11 @@ packages:
   copy-paste@2.2.0:
     resolution: {integrity: sha512-jqSL4r9DSeiIvJZStLzY/sMLt9ToTM7RsK237lYOTG+KcbQJHGala3R1TUpa8h1p9adswVgIdV4qGbseVhL4lg==}
 
-  core-js-compat@3.47.0:
-    resolution: {integrity: sha512-IGfuznZ/n7Kp9+nypamBhvwdwLsW6KC8IOaURw2doAK5e98AG3acVLdh0woOnEqCfUtS+Vu882JE4k/DAm3ItQ==}
+  core-js-compat@3.48.0:
+    resolution: {integrity: sha512-OM4cAF3D6VtH/WkLtWvyNC56EZVXsZdU3iqaMG2B4WvYrlqU831pc4UtG5yp0sE9z8Y02wVN7PjW5Zf9Gt0f1Q==}
 
-  core-js@3.47.0:
-    resolution: {integrity: sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==}
+  core-js@3.48.0:
+    resolution: {integrity: sha512-zpEHTy1fjTMZCKLHUZoVeylt9XrzaIN2rbPXEt0k+q7JE5CkCZdo6bNq55bn24a69CH7ErAVLKijxJja4fw+UQ==}
 
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
@@ -4971,8 +5142,8 @@ packages:
   crossws@0.3.5:
     resolution: {integrity: sha512-ojKiDvcmByhwa8YYqbQI/hg7MEU0NC03+pSdEq4ZUnZR9xXpwk7E43SMNGkn+JxJGPFtNvQ48+vV2p+P1ml5PA==}
 
-  css-declaration-sorter@7.3.0:
-    resolution: {integrity: sha512-LQF6N/3vkAMYF4xoHLJfG718HRJh34Z8BnNhd6bosOMIVjMlhuZK5++oZa3uYAgrI5+7x2o27gUqTR2U/KjUOQ==}
+  css-declaration-sorter@7.3.1:
+    resolution: {integrity: sha512-gz6x+KkgNCjxq3Var03pRYLhyNfwhkKF1g/yoLgDNtFvVu0/fOLV9C8fFEZRjACp/XQLumjAYo7JVjzH3wLbxA==}
     engines: {node: ^14 || ^16 || >=18}
     peerDependencies:
       postcss: ^8.0.9
@@ -5079,8 +5250,8 @@ packages:
   decimal.js@10.6.0:
     resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
-  decode-named-character-reference@1.2.0:
-    resolution: {integrity: sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==}
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
 
   deep-eql@5.0.2:
     resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
@@ -5097,8 +5268,8 @@ packages:
     resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
     engines: {node: '>=18'}
 
-  default-browser@5.4.0:
-    resolution: {integrity: sha512-XDuvSq38Hr1MdN47EDvYtx3U0MTqpCEn+F6ft8z2vYDzMrvQhVp0ui9oQdqW3MvK3vqUETglt1tVGgjLuJ5izg==}
+  default-browser@5.5.0:
+    resolution: {integrity: sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==}
     engines: {node: '>=18'}
 
   define-lazy-prop@2.0.0:
@@ -5127,11 +5298,6 @@ packages:
   destr@2.0.5:
     resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
 
-  detect-libc@1.0.3:
-    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-
   detect-libc@2.1.2:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
@@ -5140,24 +5306,17 @@ packages:
     resolution: {integrity: sha512-KxektNH63SrbfUyDiwXqRb1rLwKt33AmMv+5Nhsw1kqZ13SJBRTgZHtGbE+hH3a1mVW1cz+4pqSWVPAtLVXTzQ==}
     engines: {node: '>=18'}
 
-  devalue@5.6.1:
-    resolution: {integrity: sha512-jDwizj+IlEZBunHcOuuFVBnIMPAEHvTsJj0BcIp94xYguLRVBcXO853px/MyIJvbVzWdsGvrRweIUWJw8hBP7A==}
+  devalue@5.6.2:
+    resolution: {integrity: sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg==}
 
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
-  dfa@1.2.0:
-    resolution: {integrity: sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==}
-
   didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
 
-  diff@5.2.0:
-    resolution: {integrity: sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==}
-    engines: {node: '>=0.3.1'}
-
-  diff@8.0.2:
-    resolution: {integrity: sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==}
+  diff@8.0.3:
+    resolution: {integrity: sha512-qejHi7bcSD4hQAZE0tNAawRK1ZtafHDmMTMkrrIGgSLl7hTnQHmKCeB45xAcbfTqK2zowkM3j3bHt/4b/ARbYQ==}
     engines: {node: '>=0.3.1'}
 
   direction@2.0.1:
@@ -5236,8 +5395,8 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.267:
-    resolution: {integrity: sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==}
+  electron-to-chromium@1.5.286:
+    resolution: {integrity: sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==}
 
   emmet@2.4.11:
     resolution: {integrity: sha512-23QPJB3moh/U9sT4rQzGgeyyGIrcM+GH5uVYg2C6wZIxAIJq7Ng3QLT79tl8FUwDXhyq9SusfknOrofAKqvgyQ==}
@@ -5261,8 +5420,8 @@ packages:
   end-of-stream@1.4.5:
     resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
 
-  enhanced-resolve@5.18.4:
-    resolution: {integrity: sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==}
+  enhanced-resolve@5.19.0:
+    resolution: {integrity: sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==}
     engines: {node: '>=10.13.0'}
 
   entities@2.2.0:
@@ -5280,8 +5439,8 @@ packages:
     resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
     engines: {node: '>=0.12'}
 
-  entities@7.0.0:
-    resolution: {integrity: sha512-FDWG5cmEYf2Z00IkYRhbFrwIwvdFKH07uV8dvNy0omp/Qb1xcyCWp2UDtcwJF4QZZvk0sLudP6/hAu42TaqVhQ==}
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
     engines: {node: '>=0.12'}
 
   error-ex@1.3.4:
@@ -5304,6 +5463,9 @@ packages:
   es-module-lexer@1.7.0:
     resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
 
+  es-module-lexer@2.0.0:
+    resolution: {integrity: sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==}
+
   es-object-atoms@1.1.1:
     resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
@@ -5398,8 +5560,8 @@ packages:
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
 
-  eslint-plugin-prettier@5.5.4:
-    resolution: {integrity: sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg==}
+  eslint-plugin-prettier@5.5.5:
+    resolution: {integrity: sha512-hscXkbqUZ2sPithAuLm5MXL+Wph+U7wHngPBv9OMWwlP8iaflyxpjTYZkmdgB4/vPIhemRlBEoLrH7UC1n7aUw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       '@types/eslint': '>=8.0.0'
@@ -5423,14 +5585,14 @@ packages:
     peerDependencies:
       eslint: '>=5.0.0'
 
-  eslint-plugin-storybook@10.1.11:
-    resolution: {integrity: sha512-mbq2r2kK5+AcLl0XDJ3to91JOgzCbHOqj+J3n+FRw6drk+M1boRqMShSoMMm0HdzXPLmlr7iur+qJ5ZuhH6ayQ==}
+  eslint-plugin-storybook@10.2.4:
+    resolution: {integrity: sha512-D8a6Y+iun2MSOpgps0Vd/t8y9Y5ZZ7O2VeKqw2PCv2+b7yInqogOS2VBMSRZVfP8TTGQgDpbUK67k7KZEUC7Ng==}
     peerDependencies:
       eslint: '>=8'
-      storybook: ^10.1.11
+      storybook: ^10.2.4
 
-  eslint-plugin-turbo@2.7.2:
-    resolution: {integrity: sha512-rZs+l0vQcFo/37OiCWDcTIcksrVfvSBwS6/CI41wc3hA/hWxGOAbT1Diy9/+PBrh2VJts0SzBXb80SqGgVFFPQ==}
+  eslint-plugin-turbo@2.8.2:
+    resolution: {integrity: sha512-NHa/+NNVj3+0Cf/BNI99Al0XqAsMpv7FW5RGJ6ayGB4BYggnqcvvoV+FihJN6fLLpznW2UUBf5D2rpAj0ERTcQ==}
     peerDependencies:
       eslint: '>6.6.0'
       turbo: '>2.0.0'
@@ -5441,8 +5603,8 @@ packages:
     peerDependencies:
       eslint: '>=8.56.0'
 
-  eslint-plugin-vue@10.6.2:
-    resolution: {integrity: sha512-nA5yUs/B1KmKzvC42fyD0+l9Yd+LtEpVhWRbXuDj0e+ZURcTtyRbMDWUeJmTAh2wC6jC83raS63anNM2YT3NPw==}
+  eslint-plugin-vue@10.7.0:
+    resolution: {integrity: sha512-r2XFCK4qlo1sxEoAMIoTTX0PZAdla0JJDt1fmYiworZUX67WeEGqm+JbyAg3M+pGiJ5U6Mp5WQbontXWtIW7TA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       '@stylistic/eslint-plugin': ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -5551,8 +5713,8 @@ packages:
     resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
     engines: {node: '>=6'}
 
-  eventemitter3@5.0.1:
-    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
 
   events-universal@1.0.1:
     resolution: {integrity: sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==}
@@ -5569,10 +5731,6 @@ packages:
     resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
     engines: {node: '>=16.17'}
 
-  exit-hook@2.2.1:
-    resolution: {integrity: sha512-eNTPlAD67BmP31LDINZ3U7HSF8l57TxOY2PmBJ1shpCvpnxBF93mWCE8YHBnXs8qiUZJc9WDcWIeC3a2HIAMfw==}
-    engines: {node: '>=6'}
-
   expressive-code@0.40.2:
     resolution: {integrity: sha512-1zIda2rB0qiDZACawzw2rbdBQiWHBT56uBctS+ezFe5XMAaFaHLnnSYND/Kd+dVzO9HfCXRDpzH3d+3fvOWRcw==}
 
@@ -5608,8 +5766,8 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
-  fast-npm-meta@0.4.7:
-    resolution: {integrity: sha512-aZU3i3eRcSb2NCq8i6N6IlyiTyF6vqAqzBGl2NBF6ngNx/GIqfYbkLDIKZ4z4P0o/RmtsFnVqHwdrSm13o4tnQ==}
+  fast-npm-meta@0.4.8:
+    resolution: {integrity: sha512-ybZVlDZ2PkO79dosM+6CLZfKWRH8MF0PiWlw8M4mVWJl8IEJrPfxYc7Tsu830Dwj/R96LKXfePGTSzKWbPJ08w==}
 
   fast-uri@3.1.0:
     resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
@@ -5678,11 +5836,12 @@ packages:
       '@nuxt/kit':
         optional: true
 
-  fontace@0.3.1:
-    resolution: {integrity: sha512-9f5g4feWT1jWT8+SbL85aLIRLIXUaDygaM2xPXRmzPYxrOMNok79Lr3FGJoKVNKibE0WCunNiEVG2mwuE+2qEg==}
+  fontace@0.4.1:
+    resolution: {integrity: sha512-lDMvbAzSnHmbYMTEld5qdtvNH2/pWpICOqpean9IgC7vUbUJc3k+k5Dokp85CegamqQpFbXf0rAVkbzpyTA8aw==}
 
-  fontkit@2.0.4:
-    resolution: {integrity: sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==}
+  fontkitten@1.0.2:
+    resolution: {integrity: sha512-piJxbLnkD9Xcyi7dWJRnqszEURixe7CrF/efBfbffe2DPyabmuIuqraruY8cXTs19QoM8VJzx47BDRVNXETM7Q==}
+    engines: {node: '>=20'}
 
   foreground-child@3.3.1:
     resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
@@ -5745,8 +5904,8 @@ packages:
     resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
 
-  get-tsconfig@4.13.0:
-    resolution: {integrity: sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==}
+  get-tsconfig@4.13.1:
+    resolution: {integrity: sha512-EoY1N2xCn44xU6750Sx7OjOIT59FkmstNc3X6y5xpz7D5cBtZRe/3pSlTkDJgqsOk3WwZPkWfonhhUJfttQo3w==}
 
   giget@2.0.0:
     resolution: {integrity: sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==}
@@ -5769,13 +5928,15 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob-to-regexp@0.4.1:
-    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
-
   glob@10.5.0:
     resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
     hasBin: true
 
+  glob@13.0.1:
+    resolution: {integrity: sha512-B7U/vJpE3DkJ5WXTgTpTRN63uV42DseiXXKMwG14LQBXmsdeIoHAPbU/MEo6II0k5ED74uc2ZGTC6MwHFQhF6w==}
+    engines: {node: 20 || >=22}
+
   global-directory@4.0.1:
     resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==}
     engines: {node: '>=18'}
@@ -5796,8 +5957,8 @@ packages:
     resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
     engines: {node: '>=18'}
 
-  globby@15.0.0:
-    resolution: {integrity: sha512-oB4vkQGqlMl682wL1IlWd02tXCbquGWM4voPEI85QmNKCaw8zGTm1f1rubFgkg3Eli2PtKlFgrnmUqasbQWlkw==}
+  globby@16.1.0:
+    resolution: {integrity: sha512-+A4Hq7m7Ze592k9gZRy4gJ27DrXRNnC1vPjxTt1qQxEY8RxagBkBxivkCwg7FxSTG0iLLEMaUx13oOr0R2/qcQ==}
     engines: {node: '>=20'}
 
   glsl-token-functions@1.0.1:
@@ -5824,8 +5985,8 @@ packages:
     resolution: {integrity: sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  h3@1.15.4:
-    resolution: {integrity: sha512-z5cFQWDffyOe4vQ9xIqNfCZdV4p//vy6fBnr8Q1AWnVZ0teurKMG66rLj++TKwKPUP3u7iMUvrvKaEUiQw2QWQ==}
+  h3@1.15.5:
+    resolution: {integrity: sha512-xEyq3rSl+dhGX2Lm0+eFQIAzlDN6Fs0EcC4f7BNUmzaRX/PTzeuM+Tr2lHB8FoXggsQIeXLj8EDVgs5ywxyxmg==}
 
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
@@ -5921,6 +6082,9 @@ packages:
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
+  hookable@6.0.1:
+    resolution: {integrity: sha512-uKGyY8BuzN/a5gvzvA+3FVWo0+wUjgtfSdnmjtrOVwQCZPHpHDH2WRO3VZSOeluYrHoDCiXFffZXs8Dj1ULWtw==}
+
   hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
 
@@ -6007,8 +6171,8 @@ packages:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
 
-  import-in-the-middle@2.0.4:
-    resolution: {integrity: sha512-Al0kMpa0BqfvDnxjxGlab9vdQ0vTDs82TBKrD59X9jReUoPAzSGBb6vGDzMUMFBGyyDF03RpLT4oxGn6BpASzQ==}
+  import-in-the-middle@2.0.6:
+    resolution: {integrity: sha512-3vZV3jX0XRFW3EJDTwzWoZa+RH1b8eTTx6YOCjglrLyPuepwoBti1k3L2dKwdCUrnVEfc5CuRuGstaC/uQJJaw==}
 
   import-meta-resolve@4.2.0:
     resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
@@ -6043,8 +6207,8 @@ packages:
   intl-messageformat@10.7.7:
     resolution: {integrity: sha512-F134jIoeYMro/3I0h08D0Yt4N9o9pjddU/4IIxMMURqbAtI2wu70X8hvG1V48W49zXHXv3RKSF/po+0fDfsGjA==}
 
-  ioredis@5.8.2:
-    resolution: {integrity: sha512-C6uC+kleiIMmjViJINWk80sOQw5lEzse1ZmvD+S/s8p8CWapftSaC+kocGTx6xrbrJ4WmYQGC08ffHLr6ToR6Q==}
+  ioredis@5.9.2:
+    resolution: {integrity: sha512-tAAg/72/VxOUW7RQSX1pIxJVucYKcjFjfvj60L57jrZpYCHC3XN0WCQ3sNYL4Gmvv+7GPvTAjc+KSdeNuE8oWQ==}
     engines: {node: '>=12.22.0'}
 
   iron-webcrypto@1.2.1:
@@ -6448,6 +6612,12 @@ packages:
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
+  lodash@4.17.23:
+    resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
+
+  long@5.3.2:
+    resolution: {integrity: sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==}
+
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
@@ -6460,8 +6630,8 @@ packages:
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
-  lru-cache@11.2.4:
-    resolution: {integrity: sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==}
+  lru-cache@11.2.5:
+    resolution: {integrity: sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==}
     engines: {node: 20 || >=22}
 
   lru-cache@5.1.1:
@@ -6726,11 +6896,6 @@ packages:
     resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
     engines: {node: '>=18'}
 
-  mime@3.0.0:
-    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-
   mime@4.1.0:
     resolution: {integrity: sha512-X5ju04+cAzsojXKes0B/S4tcYtFAJ6tTMuSPBEn9CPGlrWr8Fiw7qYeLT0XyH80HSoAoqWCaz+MWKh22P7G1cw==}
     engines: {node: '>=16'}
@@ -6744,13 +6909,13 @@ packages:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
 
-  miniflare@4.20260107.0:
-    resolution: {integrity: sha512-X93sXczqbBq9ixoM6jnesmdTqp+4baVC/aM/DuPpRS0LK0XtcqaO75qPzNEvDEzBAHxwMAWRIum/9hg32YB8iA==}
+  miniflare@4.20260131.0:
+    resolution: {integrity: sha512-CtObRzlAzOUpCFH+MgImykxmDNKthrgIYtC+oLC3UGpve6bGLomKUW4u4EorTvzlQFHe66/9m/+AYbBbpzG0mQ==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  minimatch@10.1.1:
-    resolution: {integrity: sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==}
+  minimatch@10.1.2:
+    resolution: {integrity: sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==}
     engines: {node: 20 || >=22}
 
   minimatch@3.1.2:
@@ -6832,8 +6997,8 @@ packages:
   nice-try@1.0.5:
     resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
 
-  nitropack@2.12.9:
-    resolution: {integrity: sha512-t6qqNBn2UDGMWogQuORjbL2UPevB8PvIPsPHmqvWpeGOlPr4P8Oc5oA8t3wFwGmaolM2M/s2SwT23nx9yARmOg==}
+  nitropack@2.13.1:
+    resolution: {integrity: sha512-2dDj89C4wC2uzG7guF3CnyG+zwkZosPEp7FFBGHB3AJo11AywOolWhyQJFHDzve8COvGxJaqscye9wW2IrUsNw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
@@ -6909,8 +7074,8 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nuxt@3.20.2:
-    resolution: {integrity: sha512-DoayekzYjYmGj7A5iI7crBiLRTq1K8U1DLgAR/vGADh1IQfOLagn5Klg1Jn1xxIyN8x0iiFDf3dGd2JWyiKBLA==}
+  nuxt@3.21.0:
+    resolution: {integrity: sha512-K3vX68M0lXbqzvehWb+y6/YqAF+m7MEQQ3mtbcm34ynzB6OpFOJoZV9scBzFd5LehLoYl55CSNpY5vsupyJw7Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
@@ -6922,9 +7087,9 @@ packages:
       '@types/node':
         optional: true
 
-  nypm@0.6.2:
-    resolution: {integrity: sha512-7eM+hpOtrKrBDCh7Ypu2lJ9Z7PNZBdi/8AT3AX8xoCj43BBVHD0hPSTEvMtkMpfs8FCqBGhxB+uToIQimA111g==}
-    engines: {node: ^14.16.0 || >=16.10.0}
+  nypm@0.6.4:
+    resolution: {integrity: sha512-1TvCKjZyyklN+JJj2TS3P4uSQEInrM/HkkuSXsEzm1ApPgBffOn8gFguNnZf07r/1X6vlryfIqMUkJKQMzlZiw==}
+    engines: {node: '>=18'}
     hasBin: true
 
   object-assign@4.1.1:
@@ -6948,8 +7113,8 @@ packages:
   ohash@2.0.11:
     resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
 
-  on-change@6.0.1:
-    resolution: {integrity: sha512-P7o0hkMahOhjb1niG28vLNAXsJrRcfpJvYWcTmPt/Tf4xedcF2PA1E9++N1tufY8/vIsaiJgHhjQp53hJCe+zw==}
+  on-change@6.0.2:
+    resolution: {integrity: sha512-08+12qcOVEA0fS9g/VxKS27HaT94nRutUT77J2dr8zv/unzXopvhBuF8tNLWsoLQ5IgrQ6eptGeGqUYat82U1w==}
     engines: {node: '>=20'}
 
   on-finished@2.4.1:
@@ -6987,20 +7152,20 @@ packages:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
-  oxc-minify@0.102.0:
-    resolution: {integrity: sha512-FphAHDyTCNepQbiQTSyWFMbNc9zdUmj1WBsoLwvZhWm7rEe/IeIKYKRhy75lWOjwFsi5/i4Qucq43hgs3n2Exw==}
+  oxc-minify@0.110.0:
+    resolution: {integrity: sha512-KWGTzPo83QmGrXC4ml83PM9HDwUPtZFfasiclUvTV4i3/0j7xRRqINVkrL77CbQnoWura3CMxkRofjQKVDuhBw==}
     engines: {node: ^20.19.0 || >=22.12.0}
 
-  oxc-parser@0.102.0:
-    resolution: {integrity: sha512-xMiyHgr2FZsphQ12ZCsXRvSYzmKXCm1ejmyG4GDZIiKOmhyt5iKtWq0klOfFsEQ6jcgbwrUdwcCVYzr1F+h5og==}
+  oxc-parser@0.110.0:
+    resolution: {integrity: sha512-GijUR3K1Ln/QwMyYXRsBtOyzqGaCs9ce5pOug1UtrMg8dSiE7VuuRuIcyYD4nyJbasat3K0YljiKt/PSFPdSBA==}
     engines: {node: ^20.19.0 || >=22.12.0}
 
-  oxc-transform@0.102.0:
-    resolution: {integrity: sha512-MR5ohiBS6/kvxRpmUZ3LIDTTJBEC4xLAEZXfYr7vrA0eP7WHewQaNQPFDgT4Bee89TdmVQ5ZKrifGwxLjSyHHw==}
+  oxc-transform@0.110.0:
+    resolution: {integrity: sha512-/fymQNzzUoKZweH0nC5yvbI2eR0yWYusT9TEKDYVgOgYrf9Qmdez9lUFyvxKR9ycx+PTHi/reIOzqf3wkShQsw==}
     engines: {node: ^20.19.0 || >=22.12.0}
 
-  oxc-walker@0.6.0:
-    resolution: {integrity: sha512-BA3hlxq5+Sgzp7TCQF52XDXCK5mwoIZuIuxv/+JuuTzOs2RXkLqWZgZ69d8pJDDjnL7wiREZTWHBzFp/UWH88Q==}
+  oxc-walker@0.7.0:
+    resolution: {integrity: sha512-54B4KUhrzbzc4sKvKwVYm7E2PgeROpGba0/2nlNZMqfDyca+yOor5IMb4WLGBatGDT0nkzYdYuzylg7n3YfB7A==}
     peerDependencies:
       oxc-parser: '>=0.98.0'
 
@@ -7050,9 +7215,6 @@ packages:
     resolution: {integrity: sha512-z2kY1mQlL4J8q5EIsQkLzQjilovKzfNVhX8De6oyE6uHpfFtyBaqUpcl/XzJC/4fjD8vBDyh1zolimIcVrCn9g==}
     hasBin: true
 
-  pako@0.2.9:
-    resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==}
-
   pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
@@ -7125,13 +7287,13 @@ packages:
     resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
     engines: {node: '>=16 || 14 >=14.18'}
 
+  path-scurry@2.0.1:
+    resolution: {integrity: sha512-oWyT4gICAu+kaA7QWk/jvCHWarMKNs6pXOGWKDTr7cw4IGcUbW+PeTfbaQiLGheFRpjo6O9J0PmyMfQPjH71oA==}
+    engines: {node: 20 || >=22}
+
   path-to-regexp@6.3.0:
     resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
 
-  path-type@6.0.0:
-    resolution: {integrity: sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==}
-    engines: {node: '>=18'}
-
   pathe@1.1.2:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
 
@@ -7148,15 +7310,15 @@ packages:
   perfect-debounce@1.0.0:
     resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
 
-  perfect-debounce@2.0.0:
-    resolution: {integrity: sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==}
+  perfect-debounce@2.1.0:
+    resolution: {integrity: sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==}
 
   pg-int8@1.0.1:
     resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
     engines: {node: '>=4.0.0'}
 
-  pg-protocol@1.10.3:
-    resolution: {integrity: sha512-6DIBgBQaTKDJyxnXaLiLR8wBpQQcGWuAESkRBX/t6OwA8YsqP+iVSiond2EDy6Y/dsGk8rh/jtax3js5NeV7JQ==}
+  pg-protocol@1.11.0:
+    resolution: {integrity: sha512-pfsxk2M9M3BuGgDOfuy37VNRRX3jmKgMjcvAcWqNDpZSf4cUmv8HSOl5ViRQFsfARFn0KuUQTgLxVMbNq5NW3g==}
 
   pg-types@2.2.0:
     resolution: {integrity: sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==}
@@ -7446,8 +7608,8 @@ packages:
     resolution: {integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==}
     engines: {node: '>=0.10.0'}
 
-  posthog-js@1.312.0:
-    resolution: {integrity: sha512-rdXprhuRzhutU8powMJpIfC0uRtI3OyuYktmLhZRMsD4DQaO3fnudKNq4zxtNmqMPFCSTfmlBH8ByLNOppm2tg==}
+  posthog-js@1.337.1:
+    resolution: {integrity: sha512-GZqVAyRDog/9hPjMLXrPSvQUxFbjTJDGK3fPIqHX3KeqK4TFkB+kq/P0nRZuQ6YtthOUF8ap4ZHIOyA3z7tfTw==}
 
   postprocessing@6.38.2:
     resolution: {integrity: sha512-7DwuT7Tkst41ZjSj287g7C9c5/D3Xx5rMgBosg0dadbUPoZD2HNzkadKPol1d2PJAoI9f+Jeh1/v9YfLzpFGVw==}
@@ -7457,8 +7619,8 @@ packages:
   potpack@1.0.2:
     resolution: {integrity: sha512-choctRBIV9EMT9WGAZHn3V7t0Z2pMQyl0EZE6pFc/6ml3ssw7Dlf/oAOvFwjm1HVsqfQN8GfeFyJ+d8tRzqueQ==}
 
-  preact@10.28.1:
-    resolution: {integrity: sha512-u1/ixq/lVQI0CakKNvLDEcW5zfCjUQfZdK9qqWuIJtsezuyG6pk9TWj75GMuI/EzRSZB/VAE43sNWWZfiy8psw==}
+  preact@10.28.3:
+    resolution: {integrity: sha512-tCmoRkPQLpBeWzpmbhryairGnhW9tKV6c6gr/w+RhoRoKEJwsjzipwp//1oCpGPOchvSLaAPlpcJi9MwMmoPyA==}
 
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
@@ -7538,8 +7700,8 @@ packages:
     peerDependencies:
       prettier: ^3.0.3
 
-  prettier@3.7.4:
-    resolution: {integrity: sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==}
+  prettier@3.8.1:
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -7579,6 +7741,10 @@ packages:
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
+  protobufjs@7.5.4:
+    resolution: {integrity: sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg==}
+    engines: {node: '>=12.0.0'}
+
   protocols@2.0.2:
     resolution: {integrity: sha512-hHVTzba3wboROl0/aWRRG9dMytgH6ow//STBZh43l/wQgmMhYhOFi0EHWAPtoCz9IAUymsyP0TSBHkhgMEGNnQ==}
 
@@ -7632,8 +7798,8 @@ packages:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
-  qrcode.vue@3.6.0:
-    resolution: {integrity: sha512-vQcl2fyHYHMjDO1GguCldJxepq2izQjBkDEEu9NENgfVKP6mv/e2SU62WbqYHGwTgWXLhxZ1NCD1dAZKHQq1fg==}
+  qrcode.vue@3.8.0:
+    resolution: {integrity: sha512-+XKbSKvQu158zlHsJm+HObGUQM3Q+9Oq6yb2op/6lMM2gwOiiG9uIhujvrSV5UoTjrzR0BcNxCdW2kk7KE4NEg==}
     peerDependencies:
       vue: ^3.0.0
 
@@ -7644,6 +7810,9 @@ packages:
   quansync@0.2.11:
     resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
 
+  query-selector-shadow-dom@1.0.1:
+    resolution: {integrity: sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -7660,16 +7829,16 @@ packages:
   rc9@2.1.2:
     resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==}
 
-  react-dom@19.2.3:
-    resolution: {integrity: sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==}
+  react-dom@19.2.4:
+    resolution: {integrity: sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==}
     peerDependencies:
-      react: ^19.2.3
+      react: ^19.2.4
 
   react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
 
-  react@19.2.3:
-    resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
+  react@19.2.4:
+    resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
     engines: {node: '>=0.10.0'}
 
   read-cache@1.0.0:
@@ -7859,9 +8028,6 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  restructure@3.0.2:
-    resolution: {integrity: sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==}
-
   retext-latin@4.0.0:
     resolution: {integrity: sha512-hv9woG7Fy0M9IlRQloq/N6atV82NxLGveq+3H2WOi79dtIYWN8OaxogDm77f8YnVXJL2VD3bbqowu5E3EMhBYA==}
 
@@ -7894,11 +8060,14 @@ packages:
       rollup:
         optional: true
 
-  rollup@4.54.0:
-    resolution: {integrity: sha512-3nk8Y3a9Ea8szgKhinMlGMhGMw89mqule3KWczxhIzqudyHdCIOHw8WJlj/r329fACjKLEh13ZSk7oE22kyeIw==}
+  rollup@4.57.1:
+    resolution: {integrity: sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rou3@0.7.12:
+    resolution: {integrity: sha512-iFE4hLDuloSWcD7mjdCDhx2bKcIsYbtOTpfH5MHHLSKMOUyjqQXTeZVa289uuwEGEKFoE/BAPbhaU4B774nceg==}
+
   rss@1.2.2:
     resolution: {integrity: sha512-xUhRTgslHeCBeHAqaWSbOYTydN2f0tAzNXvzh3stjz7QDhQMzdgHf3pfgNIngeytQflrFPfy6axHilTETr6gDg==}
 
@@ -7918,13 +8087,14 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sass@1.97.1:
-    resolution: {integrity: sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==}
+  sass@1.97.3:
+    resolution: {integrity: sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  sax@1.4.3:
-    resolution: {integrity: sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==}
+  sax@1.4.4:
+    resolution: {integrity: sha512-1n3r/tGXO6b6VXMdFT54SHzT9ytu9yr7TaELowdYpMqY/Ao7EnlQGmAQ1+RatX7Tkkdm6hONI2owqNx2aZj5Sw==}
+    engines: {node: '>=11.0.0'}
 
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
@@ -7963,8 +8133,8 @@ packages:
   serialize-javascript@6.0.2:
     resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
 
-  seroval@1.4.2:
-    resolution: {integrity: sha512-N3HEHRCZYn3cQbsC4B5ldj9j+tHdf4JZoYPlcI4rRYu0Xy4qN8MQf1Z08EibzB0WpgRG5BGK08FTrmM66eSzKQ==}
+  seroval@1.5.0:
+    resolution: {integrity: sha512-OE4cvmJ1uSPrKorFIH9/w/Qwuvi/IMcGbv5RKgcJ/zjA/IohDLU6SVaxFN9FwajbP7nsX0dQqMDes1whk3y+yw==}
     engines: {node: '>=10'}
 
   serve-placeholder@2.0.2:
@@ -8011,8 +8181,8 @@ packages:
   shiki@1.29.2:
     resolution: {integrity: sha512-njXuliz/cP+67jU2hukkxCNuH1yUi4QfdZZY+sMr5PPrIyXSu5iTb/qYC4BiWWB0vZ+7TbdvYUCeL23zpwCfbg==}
 
-  shiki@3.20.0:
-    resolution: {integrity: sha512-kgCOlsnyWb+p0WU+01RjkCH+eBVsjL1jOwUYWv0YDWkM2/A46+LDKVs5yZCUXjJG6bj4ndFoAg5iLIIue6dulg==}
+  shiki@3.22.0:
+    resolution: {integrity: sha512-LBnhsoYEe0Eou4e1VgJACes+O6S6QC0w71fCSp5Oya79inkwkm15gQ1UF6VtQ8j/taMDh79hAB49WUk8ALQW3g==}
 
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
@@ -8109,8 +8279,8 @@ packages:
   sql-parser-cst@0.33.1:
     resolution: {integrity: sha512-7PHLI98bo86S740GQWlerh9GHu10dbMqDo1jBCXVlGB/nc55WgIAeoVrp0jzgK+WikycE9iGUUKkSuFNxj8w3Q==}
 
-  srvx@0.9.8:
-    resolution: {integrity: sha512-RZaxTKJEE/14HYn8COLuUOJAt0U55N9l1Xf6jj+T0GoA01EUH1Xz5JtSUOI+EHn+AEgPCVn7gk6jHJffrr06fQ==}
+  srvx@0.10.1:
+    resolution: {integrity: sha512-A//xtfak4eESMWWydSRFUVvCTQbSwivnGCEf8YGPe2eHU0+Z6znfUTCPF0a7oV3sObSOcrXHlL6Bs9vVctfXdg==}
     engines: {node: '>=20.16.0'}
     hasBin: true
 
@@ -8145,12 +8315,8 @@ packages:
   std-env@3.10.0:
     resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
 
-  stoppable@1.1.0:
-    resolution: {integrity: sha512-KXDYZ9dszj6bzvnEMRYvxgeTHU74QBFL54XKtP3nyMuJ81CFYtABZ3bAzL2EdFUaEwJOBOgENyFj3R7oTzDyyw==}
-    engines: {node: '>=4', npm: '>=6'}
-
-  storybook@10.1.11:
-    resolution: {integrity: sha512-pKP5jXJYM4OjvNklGuHKO53wOCAwfx79KvZyOWHoi9zXUH5WVMFUe/ZfWyxXG/GTcj0maRgHGUjq/0I43r0dDQ==}
+  storybook@10.2.4:
+    resolution: {integrity: sha512-LwF0VZsT4qkgx66Ad/q0QgZZrU2a5WftaADDEcJ3bGq3O2fHvwWPlSZjM1HiXD4vqP9U5JiMqQkV1gkyH0XJkw==}
     hasBin: true
     peerDependencies:
       prettier: ^2 || ^3
@@ -8277,8 +8443,8 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  synckit@0.11.11:
-    resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
+  synckit@0.11.12:
+    resolution: {integrity: sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
   system-architecture@0.1.0:
@@ -8304,13 +8470,12 @@ packages:
   tar-stream@3.1.7:
     resolution: {integrity: sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==}
 
-  tar@7.5.2:
-    resolution: {integrity: sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==}
+  tar@7.5.7:
+    resolution: {integrity: sha512-fov56fJiRuThVFXD6o6/Q354S7pnWMJIVlDBYijsTNx6jKSE4pvrDTs6lUnmGvNyfJwFQQwWy3owKz1ucIhveQ==}
     engines: {node: '>=18'}
-    deprecated: Old versions of tar are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exhorbitant rates) by contacting i@izs.me
 
-  terser@5.44.1:
-    resolution: {integrity: sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==}
+  terser@5.46.0:
+    resolution: {integrity: sha512-jTwoImyr/QbOWFFso3YoU3ik0jBBDJ6JTOQiy/J2YxVJdZCc+5u7skhNwiOR3FQIygFqVUPHl7qbbxtjW2K3Qg==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -8393,8 +8558,8 @@ packages:
   trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
 
-  ts-api-utils@2.3.0:
-    resolution: {integrity: sha512-6eg3Y9SF7SsAvGzRHQvvc1skDAhwI4YQ32ui1scxD1Ccr0G5qIIbUBT3pFTKX8kmWIQClHobtUdNuaBgwdfdWg==}
+  ts-api-utils@2.4.0:
+    resolution: {integrity: sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
@@ -8422,38 +8587,38 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  turbo-darwin-64@2.7.2:
-    resolution: {integrity: sha512-dxY3X6ezcT5vm3coK6VGixbrhplbQMwgNsCsvZamS/+/6JiebqW9DKt4NwpgYXhDY2HdH00I7FWs3wkVuan4rA==}
+  turbo-darwin-64@2.8.2:
+    resolution: {integrity: sha512-sumREbxABHxrWIwlK67sZEaDRE7+BFSU8gZj8OK+X7dLpgW1vTjsHzTECB5m2qzWlXHRdueAk8sKv7wyHqv9jw==}
     cpu: [x64]
     os: [darwin]
 
-  turbo-darwin-arm64@2.7.2:
-    resolution: {integrity: sha512-1bXmuwPLqNFt3mzrtYcVx1sdJ8UYb124Bf48nIgcpMCGZy3kDhgxNv1503kmuK/37OGOZbsWSQFU4I08feIuSg==}
+  turbo-darwin-arm64@2.8.2:
+    resolution: {integrity: sha512-J3zoDkf+k9yozdJmdNUOc9YfIoFs01Zm+GgNyfY8pU6siMWlPlgdt+3ezbIMeOns6CAQUzUcqo9awowykAS9Vw==}
     cpu: [arm64]
     os: [darwin]
 
-  turbo-linux-64@2.7.2:
-    resolution: {integrity: sha512-kP+TiiMaiPugbRlv57VGLfcjFNsFbo8H64wMBCPV2270Or2TpDCBULMzZrvEsvWFjT3pBFvToYbdp8/Kw0jAQg==}
+  turbo-linux-64@2.8.2:
+    resolution: {integrity: sha512-iVYUM+tyNAPd34HhMSjYWi7OSXnxnDhPjFKVvzSb7cZmQS6GlDSr7MALc5Wt/zn6/7jm1FuS7c5Wffg9WD2e1Q==}
     cpu: [x64]
     os: [linux]
 
-  turbo-linux-arm64@2.7.2:
-    resolution: {integrity: sha512-VDJwQ0+8zjAfbyY6boNaWfP6RIez4ypKHxwkuB6SrWbOSk+vxTyW5/hEjytTwK8w/TsbKVcMDyvpora8tEsRFw==}
+  turbo-linux-arm64@2.8.2:
+    resolution: {integrity: sha512-v7FJAHUhY2nSEE87mr5ZBO51GmsFKp0EmK2P6rO+vGimCPmnGlLNj1at/eVcnp/cHRDnJj8J+b3QHWdUzTPTkg==}
     cpu: [arm64]
     os: [linux]
 
-  turbo-windows-64@2.7.2:
-    resolution: {integrity: sha512-rPjqQXVnI6A6oxgzNEE8DNb6Vdj2Wwyhfv3oDc+YM3U9P7CAcBIlKv/868mKl4vsBtz4ouWpTQNXG8vljgJO+w==}
+  turbo-windows-64@2.8.2:
+    resolution: {integrity: sha512-d1X+U5JLhyAse0VXM0rpmu6iLbBTAvjwc7MX0PBkEaTz2aZQqOHBpQkkrxia7bZzRNbfXHbGSqY/vbE3GSFWzw==}
     cpu: [x64]
     os: [win32]
 
-  turbo-windows-arm64@2.7.2:
-    resolution: {integrity: sha512-tcnHvBhO515OheIFWdxA+qUvZzNqqcHbLVFc1+n+TJ1rrp8prYicQtbtmsiKgMvr/54jb9jOabU62URAobnB7g==}
+  turbo-windows-arm64@2.8.2:
+    resolution: {integrity: sha512-fMln07/l/5kscs79V0kTwdf17gkZW+E2iyqnzz691gLM7Jf6la0afd3IMsNtLzUh+dxKIFCswNiFVmHe8g+2jA==}
     cpu: [arm64]
     os: [win32]
 
-  turbo@2.7.2:
-    resolution: {integrity: sha512-5JIA5aYBAJSAhrhbyag1ZuMSgUZnHtI+Sq3H8D3an4fL8PeF+L1yYvbEJg47akP1PFfATMf5ehkqFnxfkmuwZQ==}
+  turbo@2.8.2:
+    resolution: {integrity: sha512-biW/S5hENCcJ5vxxJszCozEKcXtwGK29vxXzNbdfY/0q7QpYTCoyKdj0e8k/ADA6qkqaKDJwgrrHbC8Vy6wszg==}
     hasBin: true
 
   type-check@0.4.0:
@@ -8480,8 +8645,8 @@ packages:
     resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
 
-  type-fest@5.3.1:
-    resolution: {integrity: sha512-VCn+LMHbd4t6sF3wfU/+HKT63C9OoyrSIf4b+vtWHpt2U7/4InZG467YDNMFMR70DdHjAdpPWmw2lzRdg0Xqqg==}
+  type-fest@5.4.3:
+    resolution: {integrity: sha512-AXSAQJu79WGc79/3e9/CR77I/KQgeY1AhNvcShIH4PTcGYyC4xv6H4R4AUOwkPS5799KlVDAu8zExeCrkGquiA==}
     engines: {node: '>=20'}
 
   type-level-regexp@0.1.17:
@@ -8493,8 +8658,8 @@ packages:
   typescript-auto-import-cache@0.3.6:
     resolution: {integrity: sha512-RpuHXrknHdVdK7wv/8ug3Fr0WNsNi5l5aB8MYYuXhq2UH5lnEB1htJ1smhtD5VeCsGr2p8mUDtd83LCQDFVgjQ==}
 
-  typescript-eslint@8.51.0:
-    resolution: {integrity: sha512-jh8ZuM5oEh2PSdyQG9YAEM1TCGuWenLSuSUhf/irbVUNW9O5FhbFVONviN2TgMTBnUmyHv7E56rYnfLZK6TkiA==}
+  typescript-eslint@8.54.0:
+    resolution: {integrity: sha512-CKsJ+g53QpsNPqbzUsfKVgd3Lny4yKZ1pP4qN3jdMOg/sisIDLGyDMezycquXLE5JsEU0wp3dGNdzig0/fmSVQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -8511,8 +8676,8 @@ packages:
   uc.micro@2.1.0:
     resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
 
-  ufo@1.6.1:
-    resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
+  ufo@1.6.3:
+    resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
 
   ultrahtml@1.6.0:
     resolution: {integrity: sha512-R9fBn90VTJrqqLDwyMph+HGne8eqY1iPfYhPzZrvKpIfwkWZbcYlfpsb8B9dTvBfpy1/hqAD7Wi8EKfP9e8zdw==}
@@ -8526,31 +8691,29 @@ packages:
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
-  undici@7.14.0:
-    resolution: {integrity: sha512-Vqs8HTzjpQXZeXdpsfChQTlafcMQaaIwnGwLam1wudSSjlJeQ3bw1j+TLPePgrCnCpUXx7Ba5Pdpf5OBih62NQ==}
+  undici@7.18.2:
+    resolution: {integrity: sha512-y+8YjDFzWdQlSE9N5nzKMT3g4a5UBX1HKowfdXh0uvAnTaqqwqB92Jt4UXBAeKekDs5IaDKyJFR4X1gYVCgXcw==}
     engines: {node: '>=20.18.1'}
 
   unenv@2.0.0-rc.24:
     resolution: {integrity: sha512-i7qRCmY42zmCwnYlh9H2SvLEypEFGye5iRmEMKjcGi7zk9UquigRjFtTLz0TYqr0ZGLZhaMHl/foy1bZR+Cwlw==}
 
-  unhead@2.1.1:
-    resolution: {integrity: sha512-NOt8n2KybAOxSLfNXegAVai4SGU8bPKqWnqCzNAvnRH2i8mW+0bbFjN/L75LBgCSTiOjJSpANe5w2V34Grr7Cw==}
-
-  unicode-properties@1.4.1:
-    resolution: {integrity: sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==}
-
-  unicode-trie@2.0.0:
-    resolution: {integrity: sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==}
+  unhead@2.1.2:
+    resolution: {integrity: sha512-vSihrxyb+zsEUfEbraZBCjdE0p/WSoc2NGDrpwwSNAwuPxhYK1nH3eegf02IENLpn1sUhL8IoO84JWmRQ6tILA==}
 
   unicorn-magic@0.3.0:
     resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
     engines: {node: '>=18'}
 
+  unicorn-magic@0.4.0:
+    resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
+    engines: {node: '>=20'}
+
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
-  unifont@0.6.0:
-    resolution: {integrity: sha512-5Fx50fFQMQL5aeHyWnZX9122sSLckcDvcfFiBf3QYeHa7a1MKJooUy52b67moi2MJYkrfo/TWY+CoLdr/w0tTA==}
+  unifont@0.7.3:
+    resolution: {integrity: sha512-b0GtQzKCyuSHGsfj5vyN8st7muZ6VCI4XD4vFlr7Uy1rlWVYxC3npnfk8MyreHxJYrz1ooLDqDzFe9XqQTlAhA==}
 
   unimport@5.6.0:
     resolution: {integrity: sha512-8rqAmtJV8o60x46kBAJKtHpJDJWkA2xcBqWKPI14MgUb05o1pnpnCnXSxedUXyeq7p8fR5g3pTo2BaswZ9lD9A==}
@@ -8583,8 +8746,8 @@ packages:
   unist-util-visit-parents@6.0.2:
     resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
 
-  unist-util-visit@5.0.0:
-    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
 
   unplugin-utils@0.2.5:
     resolution: {integrity: sha512-gwXJnPRewT4rT7sBi/IvxKTjsms7jX7QIDLOClApuZwR49SXbrB1z2NLUZ+vDHyqCj/n58OzRRqaW+B8OZi8vg==}
@@ -8613,8 +8776,8 @@ packages:
   unrs-resolver@1.11.1:
     resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
 
-  unstorage@1.17.3:
-    resolution: {integrity: sha512-i+JYyy0DoKmQ3FximTHbGadmIYb8JEpq7lxUjnjeB702bCPum0vzo6oy5Mfu0lpqISw7hCyMW2yj4nWC8bqJ3Q==}
+  unstorage@1.17.4:
+    resolution: {integrity: sha512-fHK0yNg38tBiJKp/Vgsq4j0JEsCmgqH58HAn707S7zGkArbZsVr/CwINoi+nh3h98BRCwKvx1K3Xg9u3VV83sw==}
     peerDependencies:
       '@azure/app-configuration': ^1.8.0
       '@azure/cosmos': ^4.2.0
@@ -8622,14 +8785,14 @@ packages:
       '@azure/identity': ^4.6.0
       '@azure/keyvault-secrets': ^4.9.0
       '@azure/storage-blob': ^12.26.0
-      '@capacitor/preferences': ^6.0.3 || ^7.0.0
+      '@capacitor/preferences': ^6 || ^7 || ^8
       '@deno/kv': '>=0.9.0'
       '@netlify/blobs': ^6.5.0 || ^7.0.0 || ^8.1.0 || ^9.0.0 || ^10.0.0
       '@planetscale/database': ^1.19.0
       '@upstash/redis': ^1.34.3
       '@vercel/blob': '>=0.27.1'
       '@vercel/functions': ^2.2.12 || ^3.0.0
-      '@vercel/kv': ^1.0.1
+      '@vercel/kv': ^1 || ^2 || ^3
       aws4fetch: ^1.0.20
       db0: '>=0.2.1'
       idb-keyval: ^6.2.1
@@ -8683,8 +8846,8 @@ packages:
     resolution: {integrity: sha512-nwNCjxJTjNuLCgFr42fEak5OcLuB3ecca+9ksPFNvtfYSLpjf+iJqSIaSnIile6ZPbKYxI5k2AfXqeopGudK/g==}
     hasBin: true
 
-  unwasm@0.3.11:
-    resolution: {integrity: sha512-Vhp5gb1tusSQw5of/g3Q697srYgMXvwMgXMjcG4ZNga02fDX9coxJ9fAb0Ci38hM2Hv/U1FXRPGgjP2BYqhNoQ==}
+  unwasm@0.5.3:
+    resolution: {integrity: sha512-keBgTSfp3r6+s9ZcSma+0chwxQdmLbB5+dAD9vjtB21UTMYuKAxHXCU1K2CbCtnP09EaWeRvACnXk0EJtUx+hw==}
 
   update-browserslist-db@1.2.3:
     resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
@@ -8732,8 +8895,8 @@ packages:
     peerDependencies:
       vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
 
-  vite-node@5.2.0:
-    resolution: {integrity: sha512-7UT39YxUukIA97zWPXUGb0SGSiLexEGlavMwU3HDE6+d/HJhKLjLqu4eX2qv6SQiocdhKLRcusroDwXHQ6CnRQ==}
+  vite-node@5.3.0:
+    resolution: {integrity: sha512-8f20COPYJujc3OKPX6OuyBy3ZIv2det4eRRU4GY1y2MjbeGSUmPjedxg1b72KnTagCofwvZ65ThzjxDW2AtQFQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
@@ -8866,8 +9029,8 @@ packages:
       yaml:
         optional: true
 
-  vite@7.3.0:
-    resolution: {integrity: sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==}
+  vite@7.3.1:
+    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
@@ -8918,32 +9081,32 @@ packages:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
 
-  volar-service-css@0.0.67:
-    resolution: {integrity: sha512-zV7C6enn9T9tuvQ6iSUyYEs34iPXR69Pf9YYWpbFYPWzVs22w96BtE8p04XYXbmjU6unt5oFt+iLL77bMB5fhA==}
+  volar-service-css@0.0.68:
+    resolution: {integrity: sha512-lJSMh6f3QzZ1tdLOZOzovLX0xzAadPhx8EKwraDLPxBndLCYfoTvnNuiFFV8FARrpAlW5C0WkH+TstPaCxr00Q==}
     peerDependencies:
       '@volar/language-service': ~2.4.0
     peerDependenciesMeta:
       '@volar/language-service':
         optional: true
 
-  volar-service-emmet@0.0.67:
-    resolution: {integrity: sha512-UDBL5x7KptmuJZNCCXMlCndMhFult/tj+9jXq3FH1ZGS1E4M/1U5hC06pg1c6e4kn+vnR6bqmvX0vIhL4f98+A==}
+  volar-service-emmet@0.0.68:
+    resolution: {integrity: sha512-nHvixrRQ83EzkQ4G/jFxu9Y4eSsXS/X2cltEPDM+K9qZmIv+Ey1w0tg1+6caSe8TU5Hgw4oSTwNMf/6cQb3LzQ==}
     peerDependencies:
       '@volar/language-service': ~2.4.0
     peerDependenciesMeta:
       '@volar/language-service':
         optional: true
 
-  volar-service-html@0.0.67:
-    resolution: {integrity: sha512-ljREMF79JbcjNvObiv69HK2HCl5UT7WTD10zi6CRFUHMbPfiF2UZ42HGLsEGSzaHGZz6H4IFjSS/qfENRLUviQ==}
+  volar-service-html@0.0.68:
+    resolution: {integrity: sha512-fru9gsLJxy33xAltXOh4TEdi312HP80hpuKhpYQD4O5hDnkNPEBdcQkpB+gcX0oK0VxRv1UOzcGQEUzWCVHLfA==}
     peerDependencies:
       '@volar/language-service': ~2.4.0
     peerDependenciesMeta:
       '@volar/language-service':
         optional: true
 
-  volar-service-prettier@0.0.67:
-    resolution: {integrity: sha512-B4KnPJPNWFTkEDa6Fn08i5PpO6T1CecmLLTFZoXz2eI4Fxwba/3nDaaVSsEP7e/vEe+U5YqV9fBzayJT71G5xg==}
+  volar-service-prettier@0.0.68:
+    resolution: {integrity: sha512-grUmWHkHlebMOd6V8vXs2eNQUw/bJGJMjekh/EPf/p2ZNTK0Uyz7hoBRngcvGfJHMsSXZH8w/dZTForIW/4ihw==}
     peerDependencies:
       '@volar/language-service': ~2.4.0
       prettier: ^2.2 || ^3.0
@@ -8953,24 +9116,24 @@ packages:
       prettier:
         optional: true
 
-  volar-service-typescript-twoslash-queries@0.0.67:
-    resolution: {integrity: sha512-LD2R7WivDYp1SPgZrxx/0222xVTitDjm36oKo5+bfYG5kEgnw+BOPVHdwmvpJKg/RfssfxDI1ouwD4XkEDEfbA==}
+  volar-service-typescript-twoslash-queries@0.0.68:
+    resolution: {integrity: sha512-NugzXcM0iwuZFLCJg47vI93su5YhTIweQuLmZxvz5ZPTaman16JCvmDZexx2rd5T/75SNuvvZmrTOTNYUsfe5w==}
     peerDependencies:
       '@volar/language-service': ~2.4.0
     peerDependenciesMeta:
       '@volar/language-service':
         optional: true
 
-  volar-service-typescript@0.0.67:
-    resolution: {integrity: sha512-rfQBy36Rm1PU9vLWHk8BYJ4r2j/CI024vocJcH4Nb6K2RTc2Irmw6UOVY5DdGiPRV5r+e10wLMK5njj/EcL8sA==}
+  volar-service-typescript@0.0.68:
+    resolution: {integrity: sha512-z7B/7CnJ0+TWWFp/gh2r5/QwMObHNDiQiv4C9pTBNI2Wxuwymd4bjEORzrJ/hJ5Yd5+OzeYK+nFCKevoGEEeKw==}
     peerDependencies:
       '@volar/language-service': ~2.4.0
     peerDependenciesMeta:
       '@volar/language-service':
         optional: true
 
-  volar-service-yaml@0.0.67:
-    resolution: {integrity: sha512-jkdP/RF6wPIXEE3Ktnd81oJPn7aAvnVSiaqQHThC2Hrvo6xd9pEcqtbBUI+YfqVgvcMtXAkbtNO61K2GPhAiuA==}
+  volar-service-yaml@0.0.68:
+    resolution: {integrity: sha512-84XgE02LV0OvTcwfqhcSwVg4of3MLNUWPMArO6Aj8YXqyEVnPu8xTEMY2btKSq37mVAPuaEVASI4e3ptObmqcA==}
     peerDependencies:
       '@volar/language-service': ~2.4.0
     peerDependenciesMeta:
@@ -9024,9 +9187,6 @@ packages:
   vue-component-type-helpers@2.2.12:
     resolution: {integrity: sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw==}
 
-  vue-component-type-helpers@3.2.1:
-    resolution: {integrity: sha512-gKV7XOkQl4urSuLHNY1tnVQf7wVgtb/mKbRyxSLWGZUY9RK7aDPhBenTjm+i8ZFe0zC2PZeHMPtOZXZfyaFOzQ==}
-
   vue-component-type-helpers@3.2.4:
     resolution: {integrity: sha512-05lR16HeZDcDpB23ku5b5f1fBOoHqFnMiKRr2CiEvbG5Ux4Yi0McmQBOET0dR0nxDXosxyVqv67q6CzS3AK8rw==}
 
@@ -9135,8 +9295,8 @@ packages:
       apexcharts: '>=4.0.0'
       vue: '>=3.0.0'
 
-  vue@3.5.26:
-    resolution: {integrity: sha512-SJ/NTccVyAoNUJmkM9KUqPcYlY+u8OVL1X5EW9RIs3ch5H2uERxyyIUI4MRxVCSOiEcupX9xNGde1tL9ZKpimA==}
+  vue@3.5.27:
+    resolution: {integrity: sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -9149,8 +9309,8 @@ packages:
   web-namespaces@2.0.1:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
 
-  web-vitals@4.2.4:
-    resolution: {integrity: sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==}
+  web-vitals@5.1.0:
+    resolution: {integrity: sha512-ArI3kx5jI0atlTtmV0fWU3fjpLmq/nD3Zr1iFFlJLaqa5wLBkUSzINwBPySCX/8jRyjlmy1Volw1kz1g9XE4Jg==}
 
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
@@ -9198,17 +9358,17 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
-  workerd@1.20260107.1:
-    resolution: {integrity: sha512-4ylAQJDdJZdMAUl2SbJgTa77YHpa88l6qmhiuCLNactP933+rifs7I0w1DslhUIFgydArUX5dNLAZnZhT7Bh7g==}
+  workerd@1.20260131.0:
+    resolution: {integrity: sha512-4zZxOdWeActbRfydQQlj7vZ2ay01AjjNC4K3stjmWC3xZHeXeN3EAROwsWE83SZHhtw4rn18srrhtXoQvQMw3Q==}
     engines: {node: '>=16'}
     hasBin: true
 
-  wrangler@4.58.0:
-    resolution: {integrity: sha512-Jm6EYtlt8iUcznOCPSMYC54DYkwrMNESzbH0Vh3GFHv/7XVw5gBC13YJAB+nWMRGJ+6B2dMzy/NVQS4ONL51Pw==}
+  wrangler@4.62.0:
+    resolution: {integrity: sha512-DogP9jifqw85g33BqwF6m21YBW5J7+Ep9IJLgr6oqHU0RkA79JMN5baeWXdmnIWZl+VZh6bmtNtR+5/Djd32tg==}
     engines: {node: '>=20.0.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20260107.1
+      '@cloudflare/workers-types': ^4.20260131.0
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
@@ -9240,8 +9400,8 @@ packages:
       utf-8-validate:
         optional: true
 
-  ws@8.18.3:
-    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
+  ws@8.19.0:
+    resolution: {integrity: sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -9382,9 +9542,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@astrojs/check@0.9.6(prettier@3.7.4)(typescript@5.9.3)':
+  '@astrojs/check@0.9.6(prettier@3.8.1)(typescript@5.9.3)':
     dependencies:
-      '@astrojs/language-server': 2.16.2(prettier@3.7.4)(typescript@5.9.3)
+      '@astrojs/language-server': 2.16.3(prettier@3.8.1)(typescript@5.9.3)
       chokidar: 4.0.3
       kleur: 4.1.5
       typescript: 5.9.3
@@ -9397,28 +9557,28 @@ snapshots:
 
   '@astrojs/internal-helpers@0.7.5': {}
 
-  '@astrojs/language-server@2.16.2(prettier@3.7.4)(typescript@5.9.3)':
+  '@astrojs/language-server@2.16.3(prettier@3.8.1)(typescript@5.9.3)':
     dependencies:
       '@astrojs/compiler': 2.13.0
       '@astrojs/yaml2ts': 0.2.2
       '@jridgewell/sourcemap-codec': 1.5.5
-      '@volar/kit': 2.4.27(typescript@5.9.3)
-      '@volar/language-core': 2.4.27
-      '@volar/language-server': 2.4.27
-      '@volar/language-service': 2.4.27
-      fast-glob: 3.3.3
+      '@volar/kit': 2.4.28(typescript@5.9.3)
+      '@volar/language-core': 2.4.28
+      '@volar/language-server': 2.4.28
+      '@volar/language-service': 2.4.28
       muggle-string: 0.4.1
-      volar-service-css: 0.0.67(@volar/language-service@2.4.27)
-      volar-service-emmet: 0.0.67(@volar/language-service@2.4.27)
-      volar-service-html: 0.0.67(@volar/language-service@2.4.27)
-      volar-service-prettier: 0.0.67(@volar/language-service@2.4.27)(prettier@3.7.4)
-      volar-service-typescript: 0.0.67(@volar/language-service@2.4.27)
-      volar-service-typescript-twoslash-queries: 0.0.67(@volar/language-service@2.4.27)
-      volar-service-yaml: 0.0.67(@volar/language-service@2.4.27)
+      tinyglobby: 0.2.15
+      volar-service-css: 0.0.68(@volar/language-service@2.4.28)
+      volar-service-emmet: 0.0.68(@volar/language-service@2.4.28)
+      volar-service-html: 0.0.68(@volar/language-service@2.4.28)
+      volar-service-prettier: 0.0.68(@volar/language-service@2.4.28)(prettier@3.8.1)
+      volar-service-typescript: 0.0.68(@volar/language-service@2.4.28)
+      volar-service-typescript-twoslash-queries: 0.0.68(@volar/language-service@2.4.28)
+      volar-service-yaml: 0.0.68(@volar/language-service@2.4.28)
       vscode-html-languageservice: 5.6.1
       vscode-uri: 3.1.0
     optionalDependencies:
-      prettier: 3.7.4
+      prettier: 3.8.1
     transitivePeerDependencies:
       - typescript
 
@@ -9438,22 +9598,22 @@ snapshots:
       remark-parse: 11.0.0
       remark-rehype: 11.1.2
       remark-smartypants: 3.0.2
-      shiki: 3.20.0
+      shiki: 3.22.0
       smol-toml: 1.6.0
       unified: 11.0.5
       unist-util-remove-position: 5.0.0
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       unist-util-visit-parents: 6.0.2
       vfile: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@astrojs/mdx@4.3.13(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))':
+  '@astrojs/mdx@4.3.13(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2))':
     dependencies:
       '@astrojs/markdown-remark': 6.3.10
       '@mdx-js/mdx': 3.1.1
       acorn: 8.15.0
-      astro: 5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)
+      astro: 5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)
       es-module-lexer: 1.7.0
       estree-util-visit: 2.0.0
       hast-util-to-html: 9.0.5
@@ -9462,7 +9622,7 @@ snapshots:
       remark-gfm: 4.0.1
       remark-smartypants: 3.0.2
       source-map: 0.7.6
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       vfile: 6.0.3
     transitivePeerDependencies:
       - supports-color
@@ -9471,22 +9631,22 @@ snapshots:
     dependencies:
       prismjs: 1.30.0
 
-  '@astrojs/sitemap@3.6.0':
+  '@astrojs/sitemap@3.7.0':
     dependencies:
       sitemap: 8.0.2
       stream-replace-string: 2.0.0
       zod: 3.25.76
 
-  '@astrojs/starlight@0.32.6(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))':
+  '@astrojs/starlight@0.32.6(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2))':
     dependencies:
-      '@astrojs/mdx': 4.3.13(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))
-      '@astrojs/sitemap': 3.6.0
+      '@astrojs/mdx': 4.3.13(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2))
+      '@astrojs/sitemap': 3.7.0
       '@pagefind/default-ui': 1.4.0
       '@types/hast': 3.0.4
       '@types/js-yaml': 4.0.9
       '@types/mdast': 4.0.4
-      astro: 5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)
-      astro-expressive-code: 0.40.2(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))
+      astro: 5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)
+      astro-expressive-code: 0.40.2(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2))
       bcp-47: 2.1.0
       hast-util-from-html: 2.0.3
       hast-util-select: 6.0.4
@@ -9503,14 +9663,14 @@ snapshots:
       rehype-format: 5.0.1
       remark-directive: 3.0.1
       unified: 11.0.5
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       vfile: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
   '@astrojs/telemetry@3.3.0':
     dependencies:
-      ci-info: 4.3.1
+      ci-info: 4.4.0
       debug: 4.4.3
       dlv: 1.1.3
       dset: 3.1.4
@@ -9524,25 +9684,25 @@ snapshots:
     dependencies:
       yaml: 2.8.2
 
-  '@babel/code-frame@7.27.1':
+  '@babel/code-frame@7.29.0':
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.28.5': {}
+  '@babel/compat-data@7.29.0': {}
 
-  '@babel/core@7.28.5':
+  '@babel/core@7.29.0':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.5
-      '@babel/helper-compilation-targets': 7.27.2
-      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5)
-      '@babel/helpers': 7.28.4
-      '@babel/parser': 7.28.5
-      '@babel/template': 7.27.2
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.28.6
+      '@babel/parser': 7.29.0
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
       '@jridgewell/remapping': 2.3.5
       convert-source-map: 2.0.0
       debug: 4.4.3
@@ -9552,35 +9712,35 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.28.5':
+  '@babel/generator@7.29.0':
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
       jsesc: 3.1.0
 
   '@babel/helper-annotate-as-pure@7.27.3':
     dependencies:
-      '@babel/types': 7.28.5
+      '@babel/types': 7.29.0
 
-  '@babel/helper-compilation-targets@7.27.2':
+  '@babel/helper-compilation-targets@7.28.6':
     dependencies:
-      '@babel/compat-data': 7.28.5
+      '@babel/compat-data': 7.29.0
       '@babel/helper-validator-option': 7.27.1
       browserslist: 4.28.1
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.28.5(@babel/core@7.28.5)':
+  '@babel/helper-create-class-features-plugin@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-member-expression-to-functions': 7.28.5
       '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.28.5)
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/traverse': 7.28.5
+      '@babel/traverse': 7.29.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
@@ -9589,46 +9749,46 @@ snapshots:
 
   '@babel/helper-member-expression-to-functions@7.28.5':
     dependencies:
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-imports@7.27.1':
+  '@babel/helper-module-imports@7.28.6':
     dependencies:
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-module-imports': 7.27.1
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
       '@babel/helper-validator-identifier': 7.28.5
-      '@babel/traverse': 7.28.5
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-optimise-call-expression@7.27.1':
     dependencies:
-      '@babel/types': 7.28.5
+      '@babel/types': 7.29.0
 
-  '@babel/helper-plugin-utils@7.27.1': {}
+  '@babel/helper-plugin-utils@7.28.6': {}
 
-  '@babel/helper-replace-supers@7.27.1(@babel/core@7.28.5)':
+  '@babel/helper-replace-supers@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@babel/helper-member-expression-to-functions': 7.28.5
       '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/traverse': 7.28.5
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
     dependencies:
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
@@ -9638,125 +9798,123 @@ snapshots:
 
   '@babel/helper-validator-option@7.27.1': {}
 
-  '@babel/helpers@7.28.4':
+  '@babel/helpers@7.28.6':
     dependencies:
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.5
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
 
-  '@babel/parser@7.28.5':
+  '@babel/parser@7.29.0':
     dependencies:
-      '@babel/types': 7.28.5
+      '@babel/types': 7.29.0
 
-  '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.5)':
+  '@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.5)':
+  '@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-typescript@7.28.5(@babel/core@7.28.5)':
+  '@babel/plugin-transform-typescript@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
-      '@babel/helper-create-class-features-plugin': 7.28.5(@babel/core@7.28.5)
-      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/runtime@7.28.4': {}
+  '@babel/runtime@7.28.6': {}
 
-  '@babel/template@7.27.2':
+  '@babel/template@7.28.6':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
 
-  '@babel/traverse@7.28.5':
+  '@babel/traverse@7.29.0':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.5
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.0
       '@babel/helper-globals': 7.28.0
-      '@babel/parser': 7.28.5
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.0
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
       debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.28.5':
+  '@babel/types@7.29.0':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
-  '@bomb.sh/tab@0.0.10(cac@6.7.14)(citty@0.1.6)':
+  '@bomb.sh/tab@0.0.11(cac@6.7.14)(citty@0.1.6)':
     optionalDependencies:
       cac: 6.7.14
       citty: 0.1.6
 
-  '@capsizecss/unpack@3.0.1':
+  '@capsizecss/unpack@4.0.0':
     dependencies:
-      fontkit: 2.0.4
+      fontkitten: 1.0.2
 
   '@clack/core@1.0.0-alpha.7':
     dependencies:
       picocolors: 1.1.1
       sisteransi: 1.0.5
 
-  '@clack/prompts@1.0.0-alpha.8':
+  '@clack/prompts@1.0.0-alpha.9':
     dependencies:
       '@clack/core': 1.0.0-alpha.7
       picocolors: 1.1.1
       sisteransi: 1.0.5
 
-  '@cloudflare/kv-asset-handler@0.4.1':
-    dependencies:
-      mime: 3.0.0
+  '@cloudflare/kv-asset-handler@0.4.2': {}
 
-  '@cloudflare/unenv-preset@2.8.0(unenv@2.0.0-rc.24)(workerd@1.20260107.1)':
+  '@cloudflare/unenv-preset@2.12.0(unenv@2.0.0-rc.24)(workerd@1.20260131.0)':
     dependencies:
       unenv: 2.0.0-rc.24
     optionalDependencies:
-      workerd: 1.20260107.1
+      workerd: 1.20260131.0
 
-  '@cloudflare/workerd-darwin-64@1.20260107.1':
+  '@cloudflare/workerd-darwin-64@1.20260131.0':
     optional: true
 
-  '@cloudflare/workerd-darwin-arm64@1.20260107.1':
+  '@cloudflare/workerd-darwin-arm64@1.20260131.0':
     optional: true
 
-  '@cloudflare/workerd-linux-64@1.20260107.1':
+  '@cloudflare/workerd-linux-64@1.20260131.0':
     optional: true
 
-  '@cloudflare/workerd-linux-arm64@1.20260107.1':
+  '@cloudflare/workerd-linux-arm64@1.20260131.0':
     optional: true
 
-  '@cloudflare/workerd-windows-64@1.20260107.1':
+  '@cloudflare/workerd-windows-64@1.20260131.0':
     optional: true
 
   '@codemirror/autocomplete@6.20.0':
     dependencies:
       '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.8
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.12
       '@lezer/common': 1.5.0
 
   '@codemirror/commands@6.10.1':
     dependencies:
       '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.8
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.12
       '@lezer/common': 1.5.0
 
   '@codemirror/lang-css@6.3.1':
     dependencies:
       '@codemirror/autocomplete': 6.20.0
       '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
+      '@codemirror/state': 6.5.4
       '@lezer/common': 1.5.0
       '@lezer/css': 1.3.0
 
@@ -9766,8 +9924,8 @@ snapshots:
       '@codemirror/lang-css': 6.3.1
       '@codemirror/lang-javascript': 6.2.4
       '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.8
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.12
       '@lezer/common': 1.5.0
       '@lezer/css': 1.3.0
       '@lezer/html': 1.3.13
@@ -9776,9 +9934,9 @@ snapshots:
     dependencies:
       '@codemirror/autocomplete': 6.20.0
       '@codemirror/language': 6.12.1
-      '@codemirror/lint': 6.9.2
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.8
+      '@codemirror/lint': 6.9.3
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.12
       '@lezer/common': 1.5.0
       '@lezer/javascript': 1.5.4
 
@@ -9787,33 +9945,33 @@ snapshots:
       '@codemirror/autocomplete': 6.20.0
       '@codemirror/lang-html': 6.4.11
       '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.8
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.12
       '@lezer/common': 1.5.0
-      '@lezer/markdown': 1.6.2
+      '@lezer/markdown': 1.6.3
 
   '@codemirror/language@6.12.1':
     dependencies:
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.8
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.12
       '@lezer/common': 1.5.0
       '@lezer/highlight': 1.2.3
-      '@lezer/lr': 1.4.5
+      '@lezer/lr': 1.4.8
       style-mod: 4.1.3
 
-  '@codemirror/lint@6.9.2':
+  '@codemirror/lint@6.9.3':
     dependencies:
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.8
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.12
       crelt: 1.0.6
 
-  '@codemirror/state@6.5.3':
+  '@codemirror/state@6.5.4':
     dependencies:
       '@marijn/find-cluster-break': 1.0.2
 
-  '@codemirror/view@6.39.8':
+  '@codemirror/view@6.39.12':
     dependencies:
-      '@codemirror/state': 6.5.3
+      '@codemirror/state': 6.5.4
       crelt: 1.0.6
       style-mod: 4.1.3
       w3c-keyname: 2.2.8
@@ -9824,11 +9982,11 @@ snapshots:
 
   '@ctrl/tinycolor@4.2.0': {}
 
-  '@dxup/nuxt@0.2.2(magicast@0.5.1)':
+  '@dxup/nuxt@0.3.2(magicast@0.5.1)':
     dependencies:
       '@dxup/unimport': 0.1.2
-      '@nuxt/kit': 4.2.2(magicast@0.5.1)
-      chokidar: 4.0.3
+      '@nuxt/kit': 4.3.0(magicast@0.5.1)
+      chokidar: 5.0.0
       pathe: 2.0.3
       tinyglobby: 0.2.15
     transitivePeerDependencies:
@@ -9859,13 +10017,13 @@ snapshots:
 
   '@emmetio/stream-reader@2.2.0': {}
 
-  '@emnapi/core@1.7.1':
+  '@emnapi/core@1.8.1':
     dependencies:
       '@emnapi/wasi-threads': 1.1.0
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/runtime@1.7.1':
+  '@emnapi/runtime@1.8.1':
     dependencies:
       tslib: 2.8.1
     optional: true
@@ -9878,7 +10036,7 @@ snapshots:
   '@es-joy/jsdoccomment@0.50.2':
     dependencies:
       '@types/estree': 1.0.8
-      '@typescript-eslint/types': 8.51.0
+      '@typescript-eslint/types': 8.54.0
       comment-parser: 1.4.1
       esquery: 1.7.0
       jsdoc-type-pratt-parser: 4.1.0
@@ -10252,7 +10410,7 @@ snapshots:
       hastscript: 9.0.1
       postcss: 8.5.6
       postcss-nested: 6.2.0(postcss@8.5.6)
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       unist-util-visit-parents: 6.0.2
 
   '@expressive-code/plugin-frames@0.40.2':
@@ -10268,20 +10426,20 @@ snapshots:
     dependencies:
       '@expressive-code/core': 0.40.2
 
-  '@floating-ui/core@1.7.3':
+  '@floating-ui/core@1.7.4':
     dependencies:
       '@floating-ui/utils': 0.2.10
 
   '@floating-ui/dom@1.1.1':
     dependencies:
-      '@floating-ui/core': 1.7.3
+      '@floating-ui/core': 1.7.4
 
   '@floating-ui/utils@0.2.10': {}
 
-  '@formatjs/cli@6.8.8(@vue/compiler-core@3.5.26)(vue@3.5.26(typescript@5.9.3))':
+  '@formatjs/cli@6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))':
     optionalDependencies:
-      '@vue/compiler-core': 3.5.26
-      vue: 3.5.26(typescript@5.9.3)
+      '@vue/compiler-core': 3.5.27
+      vue: 3.5.27(typescript@5.9.3)
 
   '@formatjs/ecma402-abstract@2.2.4':
     dependencies:
@@ -10375,8 +10533,7 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@img/colour@1.0.0':
-    optional: true
+  '@img/colour@1.0.0': {}
 
   '@img/sharp-darwin-arm64@0.33.5':
     optionalDependencies:
@@ -10524,12 +10681,12 @@ snapshots:
 
   '@img/sharp-wasm32@0.33.5':
     dependencies:
-      '@emnapi/runtime': 1.7.1
+      '@emnapi/runtime': 1.8.1
     optional: true
 
   '@img/sharp-wasm32@0.34.5':
     dependencies:
-      '@emnapi/runtime': 1.7.1
+      '@emnapi/runtime': 1.8.1
     optional: true
 
   '@img/sharp-win32-arm64@0.34.5':
@@ -10561,11 +10718,11 @@ snapshots:
 
   '@intlify/shared@10.0.8': {}
 
-  '@ioredis/commands@1.4.0': {}
+  '@ioredis/commands@1.5.0': {}
 
   '@isaacs/balanced-match@4.0.1': {}
 
-  '@isaacs/brace-expansion@5.0.0':
+  '@isaacs/brace-expansion@5.0.1':
     dependencies:
       '@isaacs/balanced-match': 4.0.1
 
@@ -10627,7 +10784,7 @@ snapshots:
     dependencies:
       '@lezer/common': 1.5.0
       '@lezer/highlight': 1.2.3
-      '@lezer/lr': 1.4.5
+      '@lezer/lr': 1.4.8
 
   '@lezer/highlight@1.2.3':
     dependencies:
@@ -10637,19 +10794,19 @@ snapshots:
     dependencies:
       '@lezer/common': 1.5.0
       '@lezer/highlight': 1.2.3
-      '@lezer/lr': 1.4.5
+      '@lezer/lr': 1.4.8
 
   '@lezer/javascript@1.5.4':
     dependencies:
       '@lezer/common': 1.5.0
       '@lezer/highlight': 1.2.3
-      '@lezer/lr': 1.4.5
+      '@lezer/lr': 1.4.8
 
-  '@lezer/lr@1.4.5':
+  '@lezer/lr@1.4.8':
     dependencies:
       '@lezer/common': 1.5.0
 
-  '@lezer/markdown@1.6.2':
+  '@lezer/markdown@1.6.3':
     dependencies:
       '@lezer/common': 1.5.0
       '@lezer/highlight': 1.2.3
@@ -10664,7 +10821,7 @@ snapshots:
       node-fetch: 2.7.0
       nopt: 8.1.0
       semver: 7.7.3
-      tar: 7.5.2
+      tar: 7.5.7
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -10696,22 +10853,22 @@ snapshots:
       unified: 11.0.5
       unist-util-position-from-estree: 2.0.0
       unist-util-stringify-position: 4.0.0
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       vfile: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
   '@napi-rs/wasm-runtime@0.2.12':
     dependencies:
-      '@emnapi/core': 1.7.1
-      '@emnapi/runtime': 1.7.1
+      '@emnapi/core': 1.8.1
+      '@emnapi/runtime': 1.8.1
       '@tybys/wasm-util': 0.10.1
     optional: true
 
   '@napi-rs/wasm-runtime@1.1.1':
     dependencies:
-      '@emnapi/core': 1.7.1
-      '@emnapi/runtime': 1.7.1
+      '@emnapi/core': 1.8.1
+      '@emnapi/runtime': 1.8.1
       '@tybys/wasm-util': 0.10.1
     optional: true
 
@@ -10727,10 +10884,10 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.20.1
 
-  '@nuxt/cli@3.31.3(cac@6.7.14)(magicast@0.5.1)':
+  '@nuxt/cli@3.32.0(cac@6.7.14)(magicast@0.5.1)':
     dependencies:
-      '@bomb.sh/tab': 0.0.10(cac@6.7.14)(citty@0.1.6)
-      '@clack/prompts': 1.0.0-alpha.8
+      '@bomb.sh/tab': 0.0.11(cac@6.7.14)(citty@0.1.6)
+      '@clack/prompts': 1.0.0-alpha.9
       c12: 3.3.3(magicast@0.5.1)
       citty: 0.1.6
       confbox: 0.2.2
@@ -10743,18 +10900,18 @@ snapshots:
       giget: 2.0.0
       jiti: 2.6.1
       listhen: 1.9.0
-      nypm: 0.6.2
+      nypm: 0.6.4
       ofetch: 1.5.1
       ohash: 2.0.11
       pathe: 2.0.3
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       pkg-types: 2.3.0
       scule: 1.3.0
       semver: 7.7.3
-      srvx: 0.9.8
+      srvx: 0.10.1
       std-env: 3.10.0
       tinyexec: 1.0.2
-      ufo: 1.6.1
+      ufo: 1.6.3
       youch: 4.1.0-beta.13
     transitivePeerDependencies:
       - cac
@@ -10764,18 +10921,18 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@3.1.1(magicast@0.5.1)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))':
+  '@nuxt/devtools-kit@3.1.1(magicast@0.5.1)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))':
     dependencies:
-      '@nuxt/kit': 4.2.2(magicast@0.5.1)
+      '@nuxt/kit': 4.3.0(magicast@0.5.1)
       execa: 8.0.1
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
     transitivePeerDependencies:
       - magicast
 
   '@nuxt/devtools-wizard@3.1.1':
     dependencies:
       consola: 3.4.2
-      diff: 8.0.2
+      diff: 8.0.3
       execa: 8.0.1
       magicast: 0.5.1
       pathe: 2.0.3
@@ -10783,19 +10940,19 @@ snapshots:
       prompts: 2.4.2
       semver: 7.7.3
 
-  '@nuxt/devtools@3.1.1(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
+  '@nuxt/devtools@3.1.1(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@nuxt/devtools-kit': 3.1.1(magicast@0.5.1)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
+      '@nuxt/devtools-kit': 3.1.1(magicast@0.5.1)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))
       '@nuxt/devtools-wizard': 3.1.1
-      '@nuxt/kit': 4.2.2(magicast@0.5.1)
-      '@vue/devtools-core': 8.0.5(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
+      '@nuxt/kit': 4.3.0(magicast@0.5.1)
+      '@vue/devtools-core': 8.0.5(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
       '@vue/devtools-kit': 8.0.5
       birpc: 2.9.0
       consola: 3.4.2
       destr: 2.0.5
       error-stack-parser-es: 1.0.5
       execa: 8.0.1
-      fast-npm-meta: 0.4.7
+      fast-npm-meta: 0.4.8
       get-port-please: 3.2.0
       hookable: 5.5.3
       image-meta: 0.2.2
@@ -10803,38 +10960,38 @@ snapshots:
       launch-editor: 2.12.0
       local-pkg: 1.1.2
       magicast: 0.5.1
-      nypm: 0.6.2
+      nypm: 0.6.4
       ohash: 2.0.11
       pathe: 2.0.3
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       pkg-types: 2.3.0
       semver: 7.7.3
       simple-git: 3.30.0
       sirv: 3.0.2
       structured-clone-es: 1.0.0
       tinyglobby: 0.2.15
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vite-plugin-inspect: 11.3.3(@nuxt/kit@4.2.2(magicast@0.5.1))(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
-      vite-plugin-vue-tracer: 1.2.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vite-plugin-inspect: 11.3.3(@nuxt/kit@4.3.0(magicast@0.5.1))(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))
+      vite-plugin-vue-tracer: 1.2.0(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
       which: 5.0.0
-      ws: 8.18.3
+      ws: 8.19.0
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
       - vue
 
-  '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint/js': 9.39.2
       '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/eslint-plugin': 8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       eslint: 9.39.2(jiti@1.21.7)
       eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@1.21.7))
       eslint-flat-config-utils: 0.4.0
-      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))
       eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@1.21.7))
       eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@1.21.7))
       eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@1.21.7))
@@ -10851,14 +11008,14 @@ snapshots:
 
   '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       eslint: 9.39.2(jiti@1.21.7)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@nuxt/kit@3.20.2(magicast@0.5.1)':
+  '@nuxt/kit@3.21.0(magicast@0.5.1)':
     dependencies:
       c12: 3.3.3(magicast@0.5.1)
       consola: 3.4.2
@@ -10878,13 +11035,13 @@ snapshots:
       scule: 1.3.0
       semver: 7.7.3
       tinyglobby: 0.2.15
-      ufo: 1.6.1
+      ufo: 1.6.3
       unctx: 2.5.0
       untyped: 2.0.0
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/kit@4.2.2(magicast@0.5.1)':
+  '@nuxt/kit@4.3.0(magicast@0.5.1)':
     dependencies:
       c12: 3.3.3(magicast@0.5.1)
       consola: 3.4.2
@@ -10903,39 +11060,40 @@ snapshots:
       scule: 1.3.0
       semver: 7.7.3
       tinyglobby: 0.2.15
-      ufo: 1.6.1
+      ufo: 1.6.3
       unctx: 2.5.0
       untyped: 2.0.0
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/nitro-server@3.20.2(db0@0.3.4)(ioredis@5.8.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(typescript@5.9.3)(xml2js@0.6.2)':
+  '@nuxt/nitro-server@3.21.0(db0@0.3.4)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(typescript@5.9.3)(xml2js@0.6.2)':
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/kit': 3.20.2(magicast@0.5.1)
-      '@unhead/vue': 2.1.1(vue@3.5.26(typescript@5.9.3))
-      '@vue/shared': 3.5.26
+      '@nuxt/kit': 3.21.0(magicast@0.5.1)
+      '@unhead/vue': 2.1.2(vue@3.5.27(typescript@5.9.3))
+      '@vue/shared': 3.5.27
       consola: 3.4.2
       defu: 6.1.4
       destr: 2.0.5
-      devalue: 5.6.1
+      devalue: 5.6.2
       errx: 0.1.0
       escape-string-regexp: 5.0.0
       exsolve: 1.0.8
-      h3: 1.15.4
+      h3: 1.15.5
       impound: 1.0.0
       klona: 2.0.6
       mocked-exports: 0.1.1
-      nitropack: 2.12.9(xml2js@0.6.2)
-      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+      nitropack: 2.13.1(xml2js@0.6.2)
+      nuxt: 3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+      ohash: 2.0.11
       pathe: 2.0.3
       pkg-types: 2.3.0
-      radix3: 1.1.2
+      rou3: 0.7.12
       std-env: 3.10.0
-      ufo: 1.6.1
+      ufo: 1.6.3
       unctx: 2.5.0
-      unstorage: 1.17.3(db0@0.3.4)(ioredis@5.8.2)
-      vue: 3.5.26(typescript@5.9.3)
+      unstorage: 1.17.4(db0@0.3.4)(ioredis@5.9.2)
+      vue: 3.5.27(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
       vue-devtools-stub: 0.1.0
     transitivePeerDependencies:
@@ -10973,9 +11131,9 @@ snapshots:
       - uploadthing
       - xml2js
 
-  '@nuxt/schema@3.20.2':
+  '@nuxt/schema@3.21.0':
     dependencies:
-      '@vue/shared': 3.5.26
+      '@vue/shared': 3.5.27
       defu: 6.1.4
       pathe: 2.0.3
       pkg-types: 2.3.0
@@ -10983,7 +11141,7 @@ snapshots:
 
   '@nuxt/telemetry@2.6.6(magicast@0.5.1)':
     dependencies:
-      '@nuxt/kit': 3.20.2(magicast@0.5.1)
+      '@nuxt/kit': 3.21.0(magicast@0.5.1)
       citty: 0.1.6
       consola: 3.4.2
       destr: 2.0.5
@@ -10998,13 +11156,13 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/vite-builder@3.20.2(@types/node@20.19.27)(eslint@9.39.2(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vue-tsc@2.2.12(typescript@5.9.3))(vue@3.5.26(typescript@5.9.3))(yaml@2.8.2)':
+  '@nuxt/vite-builder@3.21.0(@types/node@20.19.31)(eslint@9.39.2(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.5.1)(nuxt@3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vue-tsc@2.2.12(typescript@5.9.3))(vue@3.5.27(typescript@5.9.3))(yaml@2.8.2)':
     dependencies:
-      '@nuxt/kit': 3.20.2(magicast@0.5.1)
-      '@rollup/plugin-replace': 6.0.3(rollup@4.54.0)
-      '@vitejs/plugin-vue': 6.0.3(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
-      '@vitejs/plugin-vue-jsx': 5.1.3(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
-      autoprefixer: 10.4.23(postcss@8.5.6)
+      '@nuxt/kit': 3.21.0(magicast@0.5.1)
+      '@rollup/plugin-replace': 6.0.3(rollup@4.57.1)
+      '@vitejs/plugin-vue': 6.0.4(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+      '@vitejs/plugin-vue-jsx': 5.1.4(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+      autoprefixer: 10.4.24(postcss@8.5.6)
       consola: 3.4.2
       cssnano: 7.1.2(postcss@8.5.6)
       defu: 6.1.4
@@ -11013,27 +11171,26 @@ snapshots:
       exsolve: 1.0.8
       externality: 1.0.2
       get-port-please: 3.2.0
-      h3: 1.15.4
       jiti: 2.6.1
       knitwork: 1.3.0
       magic-string: 0.30.21
       mlly: 1.8.0
       mocked-exports: 0.1.1
-      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+      nuxt: 3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
       ohash: 2.0.11
       pathe: 2.0.3
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       pkg-types: 2.3.0
       postcss: 8.5.6
-      rollup-plugin-visualizer: 6.0.5(rollup@4.54.0)
-      seroval: 1.4.2
+      rollup-plugin-visualizer: 6.0.5(rollup@4.57.1)
+      seroval: 1.5.0
       std-env: 3.10.0
-      ufo: 1.6.1
+      ufo: 1.6.3
       unenv: 2.0.0-rc.24
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vite-node: 5.2.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vite-plugin-checker: 0.12.0(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))
-      vue: 3.5.26(typescript@5.9.3)
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vite-node: 5.3.0(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vite-plugin-checker: 0.12.0(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))
+      vue: 3.5.27(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
     transitivePeerDependencies:
       - '@biomejs/biome'
@@ -11062,385 +11219,505 @@ snapshots:
 
   '@one-ini/wasm@0.1.1': {}
 
+  '@opentelemetry/api-logs@0.207.0':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+
   '@opentelemetry/api-logs@0.208.0':
     dependencies:
       '@opentelemetry/api': 1.9.0
 
+  '@opentelemetry/api-logs@0.211.0':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+
   '@opentelemetry/api@1.9.0': {}
 
-  '@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
 
   '@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/semantic-conventions': 1.39.0
+
+  '@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/semantic-conventions': 1.39.0
 
-  '@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/exporter-logs-otlp-http@0.208.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/api-logs': 0.208.0
+      '@opentelemetry/core': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/otlp-exporter-base': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/otlp-transformer': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-logs': 0.208.0(@opentelemetry/api@1.9.0)
 
-  '@opentelemetry/instrumentation-amqplib@0.55.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-amqplib@0.58.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-connect@0.52.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-connect@0.54.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
       '@types/connect': 3.4.38
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-dataloader@0.26.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-dataloader@0.28.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-express@0.57.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-express@0.59.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-fs@0.28.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-fs@0.30.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-generic-pool@0.52.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-generic-pool@0.54.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-graphql@0.56.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-graphql@0.58.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-hapi@0.55.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-hapi@0.57.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-http@0.208.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-http@0.211.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.2.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
       forwarded-parse: 2.1.2
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-ioredis@0.56.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-ioredis@0.59.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/redis-common': 0.38.2
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-kafkajs@0.18.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-kafkajs@0.20.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-knex@0.53.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-knex@0.55.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-koa@0.57.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-koa@0.59.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-lru-memoizer@0.53.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-lru-memoizer@0.55.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-mongodb@0.61.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-mongodb@0.64.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-mongoose@0.55.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-mongoose@0.57.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-mysql2@0.55.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-mysql2@0.57.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
       '@opentelemetry/sql-common': 0.41.2(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-mysql@0.54.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-mysql@0.57.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
       '@types/mysql': 2.15.27
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-pg@0.61.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-pg@0.63.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
       '@opentelemetry/sql-common': 0.41.2(@opentelemetry/api@1.9.0)
       '@types/pg': 8.15.6
-      '@types/pg-pool': 2.0.6
+      '@types/pg-pool': 2.0.7
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-redis@0.57.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-redis@0.59.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/redis-common': 0.38.2
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-tedious@0.27.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-tedious@0.30.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
       '@types/tedious': 4.0.14
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-undici@0.19.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-undici@0.21.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation@0.207.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/api-logs': 0.208.0
-      import-in-the-middle: 2.0.4
+      '@opentelemetry/api-logs': 0.207.0
+      import-in-the-middle: 2.0.6
+      require-in-the-middle: 8.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/api-logs': 0.211.0
+      import-in-the-middle: 2.0.6
       require-in-the-middle: 8.0.1
     transitivePeerDependencies:
       - supports-color
 
+  '@opentelemetry/otlp-exporter-base@0.208.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/core': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/otlp-transformer': 0.208.0(@opentelemetry/api@1.9.0)
+
+  '@opentelemetry/otlp-transformer@0.208.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/api-logs': 0.208.0
+      '@opentelemetry/core': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-logs': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-metrics': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-trace-base': 2.2.0(@opentelemetry/api@1.9.0)
+      protobufjs: 7.5.4
+
   '@opentelemetry/redis-common@0.38.2': {}
 
-  '@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/resources@2.2.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/core': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
+
+  '@opentelemetry/resources@2.5.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
+
+  '@opentelemetry/sdk-logs@0.208.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/api-logs': 0.208.0
+      '@opentelemetry/core': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 2.2.0(@opentelemetry/api@1.9.0)
+
+  '@opentelemetry/sdk-metrics@2.2.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/core': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 2.2.0(@opentelemetry/api@1.9.0)
+
+  '@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 2.2.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
 
-  '@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/resources': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
 
-  '@opentelemetry/semantic-conventions@1.38.0': {}
+  '@opentelemetry/semantic-conventions@1.39.0': {}
 
   '@opentelemetry/sql-common@0.41.2(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
 
   '@oslojs/encoding@1.1.0': {}
 
-  '@oxc-minify/binding-android-arm64@0.102.0':
+  '@oxc-minify/binding-android-arm-eabi@0.110.0':
+    optional: true
+
+  '@oxc-minify/binding-android-arm64@0.110.0':
+    optional: true
+
+  '@oxc-minify/binding-darwin-arm64@0.110.0':
+    optional: true
+
+  '@oxc-minify/binding-darwin-x64@0.110.0':
+    optional: true
+
+  '@oxc-minify/binding-freebsd-x64@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-darwin-arm64@0.102.0':
+  '@oxc-minify/binding-linux-arm-gnueabihf@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-darwin-x64@0.102.0':
+  '@oxc-minify/binding-linux-arm-musleabihf@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-freebsd-x64@0.102.0':
+  '@oxc-minify/binding-linux-arm64-gnu@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-linux-arm-gnueabihf@0.102.0':
+  '@oxc-minify/binding-linux-arm64-musl@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-linux-arm64-gnu@0.102.0':
+  '@oxc-minify/binding-linux-ppc64-gnu@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-linux-arm64-musl@0.102.0':
+  '@oxc-minify/binding-linux-riscv64-gnu@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-linux-riscv64-gnu@0.102.0':
+  '@oxc-minify/binding-linux-riscv64-musl@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-linux-s390x-gnu@0.102.0':
+  '@oxc-minify/binding-linux-s390x-gnu@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-linux-x64-gnu@0.102.0':
+  '@oxc-minify/binding-linux-x64-gnu@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-linux-x64-musl@0.102.0':
+  '@oxc-minify/binding-linux-x64-musl@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-openharmony-arm64@0.102.0':
+  '@oxc-minify/binding-openharmony-arm64@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-wasm32-wasi@0.102.0':
+  '@oxc-minify/binding-wasm32-wasi@0.110.0':
     dependencies:
       '@napi-rs/wasm-runtime': 1.1.1
     optional: true
 
-  '@oxc-minify/binding-win32-arm64-msvc@0.102.0':
+  '@oxc-minify/binding-win32-arm64-msvc@0.110.0':
+    optional: true
+
+  '@oxc-minify/binding-win32-ia32-msvc@0.110.0':
+    optional: true
+
+  '@oxc-minify/binding-win32-x64-msvc@0.110.0':
+    optional: true
+
+  '@oxc-parser/binding-android-arm-eabi@0.110.0':
+    optional: true
+
+  '@oxc-parser/binding-android-arm64@0.110.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-arm64@0.110.0':
     optional: true
 
-  '@oxc-minify/binding-win32-x64-msvc@0.102.0':
+  '@oxc-parser/binding-darwin-x64@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-android-arm64@0.102.0':
+  '@oxc-parser/binding-freebsd-x64@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-darwin-arm64@0.102.0':
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-darwin-x64@0.102.0':
+  '@oxc-parser/binding-linux-arm-musleabihf@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-freebsd-x64@0.102.0':
+  '@oxc-parser/binding-linux-arm64-gnu@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-linux-arm-gnueabihf@0.102.0':
+  '@oxc-parser/binding-linux-arm64-musl@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-linux-arm64-gnu@0.102.0':
+  '@oxc-parser/binding-linux-ppc64-gnu@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-linux-arm64-musl@0.102.0':
+  '@oxc-parser/binding-linux-riscv64-gnu@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-linux-riscv64-gnu@0.102.0':
+  '@oxc-parser/binding-linux-riscv64-musl@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-linux-s390x-gnu@0.102.0':
+  '@oxc-parser/binding-linux-s390x-gnu@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-linux-x64-gnu@0.102.0':
+  '@oxc-parser/binding-linux-x64-gnu@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-linux-x64-musl@0.102.0':
+  '@oxc-parser/binding-linux-x64-musl@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-openharmony-arm64@0.102.0':
+  '@oxc-parser/binding-openharmony-arm64@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-wasm32-wasi@0.102.0':
+  '@oxc-parser/binding-wasm32-wasi@0.110.0':
     dependencies:
       '@napi-rs/wasm-runtime': 1.1.1
     optional: true
 
-  '@oxc-parser/binding-win32-arm64-msvc@0.102.0':
+  '@oxc-parser/binding-win32-arm64-msvc@0.110.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.110.0':
     optional: true
 
-  '@oxc-parser/binding-win32-x64-msvc@0.102.0':
+  '@oxc-parser/binding-win32-x64-msvc@0.110.0':
     optional: true
 
-  '@oxc-project/types@0.102.0': {}
+  '@oxc-project/types@0.110.0': {}
 
-  '@oxc-transform/binding-android-arm64@0.102.0':
+  '@oxc-transform/binding-android-arm-eabi@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-darwin-arm64@0.102.0':
+  '@oxc-transform/binding-android-arm64@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-darwin-x64@0.102.0':
+  '@oxc-transform/binding-darwin-arm64@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-freebsd-x64@0.102.0':
+  '@oxc-transform/binding-darwin-x64@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-linux-arm-gnueabihf@0.102.0':
+  '@oxc-transform/binding-freebsd-x64@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-linux-arm64-gnu@0.102.0':
+  '@oxc-transform/binding-linux-arm-gnueabihf@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-linux-arm64-musl@0.102.0':
+  '@oxc-transform/binding-linux-arm-musleabihf@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-linux-riscv64-gnu@0.102.0':
+  '@oxc-transform/binding-linux-arm64-gnu@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-linux-s390x-gnu@0.102.0':
+  '@oxc-transform/binding-linux-arm64-musl@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-linux-x64-gnu@0.102.0':
+  '@oxc-transform/binding-linux-ppc64-gnu@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-linux-x64-musl@0.102.0':
+  '@oxc-transform/binding-linux-riscv64-gnu@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-openharmony-arm64@0.102.0':
+  '@oxc-transform/binding-linux-riscv64-musl@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-wasm32-wasi@0.102.0':
+  '@oxc-transform/binding-linux-s390x-gnu@0.110.0':
+    optional: true
+
+  '@oxc-transform/binding-linux-x64-gnu@0.110.0':
+    optional: true
+
+  '@oxc-transform/binding-linux-x64-musl@0.110.0':
+    optional: true
+
+  '@oxc-transform/binding-openharmony-arm64@0.110.0':
+    optional: true
+
+  '@oxc-transform/binding-wasm32-wasi@0.110.0':
     dependencies:
       '@napi-rs/wasm-runtime': 1.1.1
     optional: true
 
-  '@oxc-transform/binding-win32-arm64-msvc@0.102.0':
+  '@oxc-transform/binding-win32-arm64-msvc@0.110.0':
+    optional: true
+
+  '@oxc-transform/binding-win32-ia32-msvc@0.110.0':
     optional: true
 
-  '@oxc-transform/binding-win32-x64-msvc@0.102.0':
+  '@oxc-transform/binding-win32-x64-msvc@0.110.0':
     optional: true
 
   '@pagefind/darwin-arm64@1.4.0':
@@ -11463,75 +11740,75 @@ snapshots:
   '@pagefind/windows-x64@1.4.0':
     optional: true
 
-  '@parcel/watcher-android-arm64@2.5.1':
+  '@parcel/watcher-android-arm64@2.5.6':
     optional: true
 
-  '@parcel/watcher-darwin-arm64@2.5.1':
+  '@parcel/watcher-darwin-arm64@2.5.6':
     optional: true
 
-  '@parcel/watcher-darwin-x64@2.5.1':
+  '@parcel/watcher-darwin-x64@2.5.6':
     optional: true
 
-  '@parcel/watcher-freebsd-x64@2.5.1':
+  '@parcel/watcher-freebsd-x64@2.5.6':
     optional: true
 
-  '@parcel/watcher-linux-arm-glibc@2.5.1':
+  '@parcel/watcher-linux-arm-glibc@2.5.6':
     optional: true
 
-  '@parcel/watcher-linux-arm-musl@2.5.1':
+  '@parcel/watcher-linux-arm-musl@2.5.6':
     optional: true
 
-  '@parcel/watcher-linux-arm64-glibc@2.5.1':
+  '@parcel/watcher-linux-arm64-glibc@2.5.6':
     optional: true
 
-  '@parcel/watcher-linux-arm64-musl@2.5.1':
+  '@parcel/watcher-linux-arm64-musl@2.5.6':
     optional: true
 
-  '@parcel/watcher-linux-x64-glibc@2.5.1':
+  '@parcel/watcher-linux-x64-glibc@2.5.6':
     optional: true
 
-  '@parcel/watcher-linux-x64-musl@2.5.1':
+  '@parcel/watcher-linux-x64-musl@2.5.6':
     optional: true
 
-  '@parcel/watcher-wasm@2.5.1':
+  '@parcel/watcher-wasm@2.5.6':
     dependencies:
       is-glob: 4.0.3
-      micromatch: 4.0.8
+      picomatch: 4.0.3
 
-  '@parcel/watcher-win32-arm64@2.5.1':
+  '@parcel/watcher-win32-arm64@2.5.6':
     optional: true
 
-  '@parcel/watcher-win32-ia32@2.5.1':
+  '@parcel/watcher-win32-ia32@2.5.6':
     optional: true
 
-  '@parcel/watcher-win32-x64@2.5.1':
+  '@parcel/watcher-win32-x64@2.5.6':
     optional: true
 
-  '@parcel/watcher@2.5.1':
+  '@parcel/watcher@2.5.6':
     dependencies:
-      detect-libc: 1.0.3
+      detect-libc: 2.1.2
       is-glob: 4.0.3
-      micromatch: 4.0.8
       node-addon-api: 7.1.1
+      picomatch: 4.0.3
     optionalDependencies:
-      '@parcel/watcher-android-arm64': 2.5.1
-      '@parcel/watcher-darwin-arm64': 2.5.1
-      '@parcel/watcher-darwin-x64': 2.5.1
-      '@parcel/watcher-freebsd-x64': 2.5.1
-      '@parcel/watcher-linux-arm-glibc': 2.5.1
-      '@parcel/watcher-linux-arm-musl': 2.5.1
-      '@parcel/watcher-linux-arm64-glibc': 2.5.1
-      '@parcel/watcher-linux-arm64-musl': 2.5.1
-      '@parcel/watcher-linux-x64-glibc': 2.5.1
-      '@parcel/watcher-linux-x64-musl': 2.5.1
-      '@parcel/watcher-win32-arm64': 2.5.1
-      '@parcel/watcher-win32-ia32': 2.5.1
-      '@parcel/watcher-win32-x64': 2.5.1
-
-  '@pinia/nuxt@0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))':
-    dependencies:
-      '@nuxt/kit': 4.2.2(magicast@0.5.1)
-      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+      '@parcel/watcher-android-arm64': 2.5.6
+      '@parcel/watcher-darwin-arm64': 2.5.6
+      '@parcel/watcher-darwin-x64': 2.5.6
+      '@parcel/watcher-freebsd-x64': 2.5.6
+      '@parcel/watcher-linux-arm-glibc': 2.5.6
+      '@parcel/watcher-linux-arm-musl': 2.5.6
+      '@parcel/watcher-linux-arm64-glibc': 2.5.6
+      '@parcel/watcher-linux-arm64-musl': 2.5.6
+      '@parcel/watcher-linux-x64-glibc': 2.5.6
+      '@parcel/watcher-linux-x64-musl': 2.5.6
+      '@parcel/watcher-win32-arm64': 2.5.6
+      '@parcel/watcher-win32-ia32': 2.5.6
+      '@parcel/watcher-win32-x64': 2.5.6
+
+  '@pinia/nuxt@0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))':
+    dependencies:
+      '@nuxt/kit': 4.3.0(magicast@0.5.1)
+      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
     transitivePeerDependencies:
       - magicast
 
@@ -11554,26 +11831,51 @@ snapshots:
 
   '@poppinss/exception@1.2.3': {}
 
-  '@posthog/core@1.9.0':
+  '@posthog/core@1.19.0':
     dependencies:
       cross-spawn: 7.0.6
 
-  '@prettier/plugin-xml@3.4.2(prettier@3.7.4)':
+  '@posthog/types@1.337.1': {}
+
+  '@prettier/plugin-xml@3.4.2(prettier@3.8.1)':
     dependencies:
       '@xml-tools/parser': 1.0.11
-      prettier: 3.7.4
+      prettier: 3.8.1
 
-  '@prisma/instrumentation@6.19.0(@opentelemetry/api@1.9.0)':
+  '@prisma/instrumentation@7.2.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.207.0(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
+  '@protobufjs/aspromise@1.1.2': {}
+
+  '@protobufjs/base64@1.1.2': {}
+
+  '@protobufjs/codegen@2.0.4': {}
+
+  '@protobufjs/eventemitter@1.1.0': {}
+
+  '@protobufjs/fetch@1.1.0':
+    dependencies:
+      '@protobufjs/aspromise': 1.1.2
+      '@protobufjs/inquire': 1.1.0
+
+  '@protobufjs/float@1.0.2': {}
+
+  '@protobufjs/inquire@1.1.0': {}
+
+  '@protobufjs/path@1.1.2': {}
+
+  '@protobufjs/pool@1.1.0': {}
+
+  '@protobufjs/utf8@1.1.0': {}
+
   '@readme/better-ajv-errors@2.4.0(ajv@8.17.1)':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/runtime': 7.28.4
+      '@babel/code-frame': 7.29.0
+      '@babel/runtime': 7.28.6
       '@humanwhocodes/momoa': 2.0.4
       ajv: 8.17.1
       jsonpointer: 5.0.1
@@ -11601,17 +11903,15 @@ snapshots:
 
   '@readme/openapi-schemas@3.1.0': {}
 
-  '@rolldown/pluginutils@1.0.0-beta.53': {}
-
-  '@rolldown/pluginutils@1.0.0-beta.58': {}
+  '@rolldown/pluginutils@1.0.0-rc.2': {}
 
-  '@rollup/plugin-alias@5.1.1(rollup@4.54.0)':
+  '@rollup/plugin-alias@6.0.0(rollup@4.57.1)':
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
 
-  '@rollup/plugin-commonjs@28.0.9(rollup@4.54.0)':
+  '@rollup/plugin-commonjs@29.0.0(rollup@4.57.1)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.54.0)
+      '@rollup/pluginutils': 5.3.0(rollup@4.57.1)
       commondir: 1.0.1
       estree-walker: 2.0.2
       fdir: 6.5.0(picomatch@4.0.3)
@@ -11619,119 +11919,128 @@ snapshots:
       magic-string: 0.30.21
       picomatch: 4.0.3
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
 
-  '@rollup/plugin-inject@5.0.5(rollup@4.54.0)':
+  '@rollup/plugin-inject@5.0.5(rollup@4.57.1)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.54.0)
+      '@rollup/pluginutils': 5.3.0(rollup@4.57.1)
       estree-walker: 2.0.2
       magic-string: 0.30.21
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
 
-  '@rollup/plugin-json@6.1.0(rollup@4.54.0)':
+  '@rollup/plugin-json@6.1.0(rollup@4.57.1)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.54.0)
+      '@rollup/pluginutils': 5.3.0(rollup@4.57.1)
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
 
-  '@rollup/plugin-node-resolve@16.0.3(rollup@4.54.0)':
+  '@rollup/plugin-node-resolve@16.0.3(rollup@4.57.1)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.54.0)
+      '@rollup/pluginutils': 5.3.0(rollup@4.57.1)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-module: 1.0.0
       resolve: 1.22.11
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
 
-  '@rollup/plugin-replace@6.0.3(rollup@4.54.0)':
+  '@rollup/plugin-replace@6.0.3(rollup@4.57.1)':
     dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.54.0)
+      '@rollup/pluginutils': 5.3.0(rollup@4.57.1)
       magic-string: 0.30.21
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
 
-  '@rollup/plugin-terser@0.4.4(rollup@4.54.0)':
+  '@rollup/plugin-terser@0.4.4(rollup@4.57.1)':
     dependencies:
       serialize-javascript: 6.0.2
       smob: 1.5.0
-      terser: 5.44.1
+      terser: 5.46.0
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
 
-  '@rollup/pluginutils@5.3.0(rollup@4.54.0)':
+  '@rollup/pluginutils@5.3.0(rollup@4.57.1)':
     dependencies:
       '@types/estree': 1.0.8
       estree-walker: 2.0.2
       picomatch: 4.0.3
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
+
+  '@rollup/rollup-android-arm-eabi@4.57.1':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.57.1':
+    optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.54.0':
+  '@rollup/rollup-darwin-arm64@4.57.1':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.54.0':
+  '@rollup/rollup-darwin-x64@4.57.1':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.54.0':
+  '@rollup/rollup-freebsd-arm64@4.57.1':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.54.0':
+  '@rollup/rollup-freebsd-x64@4.57.1':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.54.0':
+  '@rollup/rollup-linux-arm-gnueabihf@4.57.1':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.54.0':
+  '@rollup/rollup-linux-arm-musleabihf@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.54.0':
+  '@rollup/rollup-linux-arm64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.54.0':
+  '@rollup/rollup-linux-arm64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.54.0':
+  '@rollup/rollup-linux-loong64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.54.0':
+  '@rollup/rollup-linux-loong64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-loong64-gnu@4.54.0':
+  '@rollup/rollup-linux-ppc64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-ppc64-gnu@4.54.0':
+  '@rollup/rollup-linux-ppc64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.54.0':
+  '@rollup/rollup-linux-riscv64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-musl@4.54.0':
+  '@rollup/rollup-linux-riscv64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.54.0':
+  '@rollup/rollup-linux-s390x-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.54.0':
+  '@rollup/rollup-linux-x64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.54.0':
+  '@rollup/rollup-linux-x64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-openharmony-arm64@4.54.0':
+  '@rollup/rollup-openbsd-x64@4.57.1':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.54.0':
+  '@rollup/rollup-openharmony-arm64@4.57.1':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.54.0':
+  '@rollup/rollup-win32-arm64-msvc@4.57.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-gnu@4.54.0':
+  '@rollup/rollup-win32-ia32-msvc@4.57.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.54.0':
+  '@rollup/rollup-win32-x64-gnu@4.57.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.57.1':
     optional: true
 
   '@selderee/plugin-htmlparser2@0.11.0':
@@ -11739,51 +12048,51 @@ snapshots:
       domhandler: 5.0.3
       selderee: 0.11.0
 
-  '@sentry-internal/browser-utils@10.33.0':
+  '@sentry-internal/browser-utils@10.38.0':
     dependencies:
-      '@sentry/core': 10.33.0
+      '@sentry/core': 10.38.0
 
   '@sentry-internal/browser-utils@8.55.0':
     dependencies:
       '@sentry/core': 8.55.0
 
-  '@sentry-internal/feedback@10.33.0':
+  '@sentry-internal/feedback@10.38.0':
     dependencies:
-      '@sentry/core': 10.33.0
+      '@sentry/core': 10.38.0
 
   '@sentry-internal/feedback@8.55.0':
     dependencies:
       '@sentry/core': 8.55.0
 
-  '@sentry-internal/replay-canvas@10.33.0':
+  '@sentry-internal/replay-canvas@10.38.0':
     dependencies:
-      '@sentry-internal/replay': 10.33.0
-      '@sentry/core': 10.33.0
+      '@sentry-internal/replay': 10.38.0
+      '@sentry/core': 10.38.0
 
   '@sentry-internal/replay-canvas@8.55.0':
     dependencies:
       '@sentry-internal/replay': 8.55.0
       '@sentry/core': 8.55.0
 
-  '@sentry-internal/replay@10.33.0':
+  '@sentry-internal/replay@10.38.0':
     dependencies:
-      '@sentry-internal/browser-utils': 10.33.0
-      '@sentry/core': 10.33.0
+      '@sentry-internal/browser-utils': 10.38.0
+      '@sentry/core': 10.38.0
 
   '@sentry-internal/replay@8.55.0':
     dependencies:
       '@sentry-internal/browser-utils': 8.55.0
       '@sentry/core': 8.55.0
 
-  '@sentry/babel-plugin-component-annotate@4.6.1': {}
+  '@sentry/babel-plugin-component-annotate@4.9.0': {}
 
-  '@sentry/browser@10.33.0':
+  '@sentry/browser@10.38.0':
     dependencies:
-      '@sentry-internal/browser-utils': 10.33.0
-      '@sentry-internal/feedback': 10.33.0
-      '@sentry-internal/replay': 10.33.0
-      '@sentry-internal/replay-canvas': 10.33.0
-      '@sentry/core': 10.33.0
+      '@sentry-internal/browser-utils': 10.38.0
+      '@sentry-internal/feedback': 10.38.0
+      '@sentry-internal/replay': 10.38.0
+      '@sentry-internal/replay-canvas': 10.38.0
+      '@sentry/core': 10.38.0
 
   '@sentry/browser@8.55.0':
     dependencies:
@@ -11793,10 +12102,10 @@ snapshots:
       '@sentry-internal/replay-canvas': 8.55.0
       '@sentry/core': 8.55.0
 
-  '@sentry/bundler-plugin-core@4.6.1':
+  '@sentry/bundler-plugin-core@4.9.0':
     dependencies:
-      '@babel/core': 7.28.5
-      '@sentry/babel-plugin-component-annotate': 4.6.1
+      '@babel/core': 7.29.0
+      '@sentry/babel-plugin-component-annotate': 4.9.0
       '@sentry/cli': 2.58.4
       dotenv: 16.6.1
       find-up: 5.0.0
@@ -11851,83 +12160,83 @@ snapshots:
       - encoding
       - supports-color
 
-  '@sentry/cloudflare@10.33.0':
+  '@sentry/cloudflare@10.38.0':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@sentry/core': 10.33.0
+      '@sentry/core': 10.38.0
 
-  '@sentry/core@10.33.0': {}
+  '@sentry/core@10.38.0': {}
 
   '@sentry/core@8.55.0': {}
 
-  '@sentry/node-core@10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)':
+  '@sentry/node-core@10.38.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.39.0)':
     dependencies:
       '@apm-js-collab/tracing-hooks': 0.3.1
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/context-async-hooks': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/resources': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/sdk-trace-base': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
-      '@sentry/core': 10.33.0
-      '@sentry/opentelemetry': 10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)
-      import-in-the-middle: 2.0.4
+      '@opentelemetry/context-async-hooks': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-trace-base': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
+      '@sentry/core': 10.38.0
+      '@sentry/opentelemetry': 10.38.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.39.0)
+      import-in-the-middle: 2.0.6
     transitivePeerDependencies:
       - supports-color
 
-  '@sentry/node@10.33.0':
+  '@sentry/node@10.38.0':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/context-async-hooks': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-amqplib': 0.55.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-connect': 0.52.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-dataloader': 0.26.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-express': 0.57.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-fs': 0.28.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-generic-pool': 0.52.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-graphql': 0.56.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-hapi': 0.55.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-http': 0.208.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-ioredis': 0.56.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-kafkajs': 0.18.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-knex': 0.53.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-koa': 0.57.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-lru-memoizer': 0.53.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-mongodb': 0.61.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-mongoose': 0.55.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-mysql': 0.54.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-mysql2': 0.55.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-pg': 0.61.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-redis': 0.57.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-tedious': 0.27.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-undici': 0.19.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/resources': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/sdk-trace-base': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
-      '@prisma/instrumentation': 6.19.0(@opentelemetry/api@1.9.0)
-      '@sentry/core': 10.33.0
-      '@sentry/node-core': 10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)
-      '@sentry/opentelemetry': 10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)
-      import-in-the-middle: 2.0.4
+      '@opentelemetry/context-async-hooks': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-amqplib': 0.58.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-connect': 0.54.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-dataloader': 0.28.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-express': 0.59.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-fs': 0.30.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-generic-pool': 0.54.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-graphql': 0.58.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-hapi': 0.57.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-http': 0.211.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-ioredis': 0.59.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-kafkajs': 0.20.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-knex': 0.55.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-koa': 0.59.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-lru-memoizer': 0.55.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-mongodb': 0.64.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-mongoose': 0.57.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-mysql': 0.57.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-mysql2': 0.57.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-pg': 0.63.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-redis': 0.59.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-tedious': 0.30.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-undici': 0.21.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-trace-base': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
+      '@prisma/instrumentation': 7.2.0(@opentelemetry/api@1.9.0)
+      '@sentry/core': 10.38.0
+      '@sentry/node-core': 10.38.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.39.0)
+      '@sentry/opentelemetry': 10.38.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.39.0)
+      import-in-the-middle: 2.0.6
       minimatch: 9.0.5
     transitivePeerDependencies:
       - supports-color
 
-  '@sentry/nuxt@10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(rollup@4.54.0)(vue@3.5.26(typescript@5.9.3))':
-    dependencies:
-      '@nuxt/kit': 3.20.2(magicast@0.5.1)
-      '@sentry/browser': 10.33.0
-      '@sentry/cloudflare': 10.33.0
-      '@sentry/core': 10.33.0
-      '@sentry/node': 10.33.0
-      '@sentry/node-core': 10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.208.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)
-      '@sentry/rollup-plugin': 4.6.1(rollup@4.54.0)
-      '@sentry/vite-plugin': 4.6.1
-      '@sentry/vue': 10.33.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(vue@3.5.26(typescript@5.9.3))
-      nuxt: 3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
+  '@sentry/nuxt@10.38.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.39.0)(magicast@0.5.1)(nuxt@3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(rollup@4.57.1)(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      '@nuxt/kit': 3.21.0(magicast@0.5.1)
+      '@sentry/browser': 10.38.0
+      '@sentry/cloudflare': 10.38.0
+      '@sentry/core': 10.38.0
+      '@sentry/node': 10.38.0
+      '@sentry/node-core': 10.38.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.0))(@opentelemetry/resources@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.39.0)
+      '@sentry/rollup-plugin': 4.9.0(rollup@4.57.1)
+      '@sentry/vite-plugin': 4.9.0
+      '@sentry/vue': 10.38.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(vue@3.5.27(typescript@5.9.3))
+      nuxt: 3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2)
     transitivePeerDependencies:
       - '@cloudflare/workers-types'
       - '@opentelemetry/api'
@@ -11945,47 +12254,47 @@ snapshots:
       - supports-color
       - vue
 
-  '@sentry/opentelemetry@10.33.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.3.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)':
+  '@sentry/opentelemetry@10.38.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.39.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/context-async-hooks': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/core': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/sdk-trace-base': 2.3.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.38.0
-      '@sentry/core': 10.33.0
+      '@opentelemetry/context-async-hooks': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-trace-base': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.39.0
+      '@sentry/core': 10.38.0
 
-  '@sentry/rollup-plugin@4.6.1(rollup@4.54.0)':
+  '@sentry/rollup-plugin@4.9.0(rollup@4.57.1)':
     dependencies:
-      '@sentry/bundler-plugin-core': 4.6.1
-      rollup: 4.54.0
+      '@sentry/bundler-plugin-core': 4.9.0
+      rollup: 4.57.1
       unplugin: 1.0.1
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sentry/vite-plugin@4.6.1':
+  '@sentry/vite-plugin@4.9.0':
     dependencies:
-      '@sentry/bundler-plugin-core': 4.6.1
+      '@sentry/bundler-plugin-core': 4.9.0
       unplugin: 1.0.1
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sentry/vue@10.33.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(vue@3.5.26(typescript@5.9.3))':
+  '@sentry/vue@10.38.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@sentry/browser': 10.33.0
-      '@sentry/core': 10.33.0
-      vue: 3.5.26(typescript@5.9.3)
+      '@sentry/browser': 10.38.0
+      '@sentry/core': 10.38.0
+      vue: 3.5.27(typescript@5.9.3)
     optionalDependencies:
-      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
 
-  '@sentry/vue@8.55.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(vue@3.5.26(typescript@5.9.3))':
+  '@sentry/vue@8.55.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       '@sentry/browser': 8.55.0
       '@sentry/core': 8.55.0
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     optionalDependencies:
-      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
 
   '@sfirew/minecraft-motd-parser@1.1.6': {}
 
@@ -11998,9 +12307,9 @@ snapshots:
       '@types/hast': 3.0.4
       hast-util-to-html: 9.0.5
 
-  '@shikijs/core@3.20.0':
+  '@shikijs/core@3.22.0':
     dependencies:
-      '@shikijs/types': 3.20.0
+      '@shikijs/types': 3.22.0
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
       hast-util-to-html: 9.0.5
@@ -12011,9 +12320,9 @@ snapshots:
       '@shikijs/vscode-textmate': 10.0.2
       oniguruma-to-es: 2.3.0
 
-  '@shikijs/engine-javascript@3.20.0':
+  '@shikijs/engine-javascript@3.22.0':
     dependencies:
-      '@shikijs/types': 3.20.0
+      '@shikijs/types': 3.22.0
       '@shikijs/vscode-textmate': 10.0.2
       oniguruma-to-es: 4.3.4
 
@@ -12022,33 +12331,33 @@ snapshots:
       '@shikijs/types': 1.29.2
       '@shikijs/vscode-textmate': 10.0.2
 
-  '@shikijs/engine-oniguruma@3.20.0':
+  '@shikijs/engine-oniguruma@3.22.0':
     dependencies:
-      '@shikijs/types': 3.20.0
+      '@shikijs/types': 3.22.0
       '@shikijs/vscode-textmate': 10.0.2
 
   '@shikijs/langs@1.29.2':
     dependencies:
       '@shikijs/types': 1.29.2
 
-  '@shikijs/langs@3.20.0':
+  '@shikijs/langs@3.22.0':
     dependencies:
-      '@shikijs/types': 3.20.0
+      '@shikijs/types': 3.22.0
 
   '@shikijs/themes@1.29.2':
     dependencies:
       '@shikijs/types': 1.29.2
 
-  '@shikijs/themes@3.20.0':
+  '@shikijs/themes@3.22.0':
     dependencies:
-      '@shikijs/types': 3.20.0
+      '@shikijs/types': 3.22.0
 
   '@shikijs/types@1.29.2':
     dependencies:
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
 
-  '@shikijs/types@3.20.0':
+  '@shikijs/types@3.22.0':
     dependencies:
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
@@ -12061,76 +12370,73 @@ snapshots:
 
   '@speed-highlight/core@1.2.14': {}
 
-  '@storybook/addon-a11y@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+  '@storybook/addon-a11y@10.2.4(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
     dependencies:
       '@storybook/global': 5.0.0
-      axe-core: 4.11.0
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      axe-core: 4.11.1
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
 
-  '@storybook/addon-themes@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+  '@storybook/addon-themes@10.2.4(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
     dependencies:
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ts-dedent: 2.2.0
 
-  '@storybook/builder-vite@10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
+  '@storybook/builder-vite@10.2.4(esbuild@0.27.2)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      '@vitest/mocker': 3.2.4(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@storybook/csf-plugin': 10.2.4(esbuild@0.27.2)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ts-dedent: 2.2.0
-      vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
+      vite: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
     transitivePeerDependencies:
       - esbuild
-      - msw
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
+  '@storybook/csf-plugin@10.2.4(esbuild@0.27.2)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))':
     dependencies:
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.27.2
-      rollup: 4.54.0
-      vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
+      rollup: 4.57.1
+      vite: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
 
   '@storybook/global@5.0.0': {}
 
-  '@storybook/icons@2.0.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@storybook/icons@2.0.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  '@storybook/vue3-vite@10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))':
+  '@storybook/vue3-vite@10.2.4(esbuild@0.27.2)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@storybook/builder-vite': 10.1.11(esbuild@0.27.2)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      '@storybook/vue3': 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vue@3.5.26(typescript@5.9.3))
+      '@storybook/builder-vite': 10.2.4(esbuild@0.27.2)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))
+      '@storybook/vue3': 10.2.4(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.27(typescript@5.9.3))
       magic-string: 0.30.21
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       typescript: 5.9.3
-      vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
+      vite: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
       vue-component-meta: 2.2.12(typescript@5.9.3)
-      vue-docgen-api: 4.79.2(vue@3.5.26(typescript@5.9.3))
+      vue-docgen-api: 4.79.2(vue@3.5.27(typescript@5.9.3))
     transitivePeerDependencies:
       - esbuild
-      - msw
       - rollup
       - vue
       - webpack
 
-  '@storybook/vue3@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vue@3.5.26(typescript@5.9.3))':
+  '@storybook/vue3@10.2.4(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       type-fest: 2.19.0
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
       vue-component-type-helpers: 3.2.4
 
   '@stripe/stripe-js@7.9.0': {}
 
   '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       eslint: 9.39.2(jiti@1.21.7)
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
@@ -12142,7 +12448,7 @@ snapshots:
 
   '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
@@ -12172,18 +12478,14 @@ snapshots:
     dependencies:
       '@svgdotjs/svg.js': 3.2.5
 
-  '@swc/helpers@0.5.18':
-    dependencies:
-      tslib: 2.8.1
-
-  '@taijased/vue-render-tracker@1.0.7(vue@3.5.26(typescript@5.9.3))':
+  '@taijased/vue-render-tracker@1.0.7(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
   '@tailwindcss/node@4.1.18':
     dependencies:
       '@jridgewell/remapping': 2.3.5
-      enhanced-resolve: 5.18.4
+      enhanced-resolve: 5.19.0
       jiti: 2.6.1
       lightningcss: 1.30.2
       magic-string: 0.30.21
@@ -12241,26 +12543,26 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
       '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
 
-  '@tailwindcss/vite@4.1.18(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
+  '@tailwindcss/vite@4.1.18(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))':
     dependencies:
       '@tailwindcss/node': 4.1.18
       '@tailwindcss/oxide': 4.1.18
       tailwindcss: 4.1.18
-      vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
+      vite: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
 
   '@tanstack/match-sorter-utils@8.19.4':
     dependencies:
       remove-accents: 0.5.0
 
-  '@tanstack/query-core@5.90.16': {}
+  '@tanstack/query-core@5.90.20': {}
 
-  '@tanstack/vue-query@5.92.5(vue@3.5.26(typescript@5.9.3))':
+  '@tanstack/vue-query@5.92.9(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       '@tanstack/match-sorter-utils': 8.19.4
-      '@tanstack/query-core': 5.90.16
+      '@tanstack/query-core': 5.90.20
       '@vue/devtools-api': 6.6.4
-      vue: 3.5.26(typescript@5.9.3)
-      vue-demi: 0.14.10(vue@3.5.26(typescript@5.9.3))
+      vue: 3.5.27(typescript@5.9.3)
+      vue-demi: 0.14.10(vue@3.5.27(typescript@5.9.3))
 
   '@taplo/core@0.2.0': {}
 
@@ -12268,7 +12570,7 @@ snapshots:
     dependencies:
       '@taplo/core': 0.2.0
 
-  '@tauri-apps/api@2.9.1': {}
+  '@tauri-apps/api@2.10.1': {}
 
   '@tauri-apps/cli-darwin-arm64@2.5.0':
     optional: true
@@ -12317,34 +12619,34 @@ snapshots:
       '@tauri-apps/cli-win32-ia32-msvc': 2.5.0
       '@tauri-apps/cli-win32-x64-msvc': 2.5.0
 
-  '@tauri-apps/plugin-dialog@2.4.2':
+  '@tauri-apps/plugin-dialog@2.6.0':
     dependencies:
-      '@tauri-apps/api': 2.9.1
+      '@tauri-apps/api': 2.10.1
 
-  '@tauri-apps/plugin-http@2.5.4':
+  '@tauri-apps/plugin-http@2.5.7':
     dependencies:
-      '@tauri-apps/api': 2.9.1
+      '@tauri-apps/api': 2.10.1
 
-  '@tauri-apps/plugin-opener@2.5.2':
+  '@tauri-apps/plugin-opener@2.5.3':
     dependencies:
-      '@tauri-apps/api': 2.9.1
+      '@tauri-apps/api': 2.10.1
 
   '@tauri-apps/plugin-os@2.3.2':
     dependencies:
-      '@tauri-apps/api': 2.9.1
+      '@tauri-apps/api': 2.10.1
 
-  '@tauri-apps/plugin-updater@2.9.0':
+  '@tauri-apps/plugin-updater@2.10.0':
     dependencies:
-      '@tauri-apps/api': 2.9.1
+      '@tauri-apps/api': 2.10.1
 
   '@tauri-apps/plugin-window-state@2.4.1':
     dependencies:
-      '@tauri-apps/api': 2.9.1
+      '@tauri-apps/api': 2.10.1
 
   '@testing-library/dom@10.4.1':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/runtime': 7.28.4
+      '@babel/code-frame': 7.29.0
+      '@babel/runtime': 7.28.6
       '@types/aria-query': 5.0.4
       aria-query: 5.3.0
       dom-accessibility-api: 0.5.16
@@ -12365,40 +12667,40 @@ snapshots:
     dependencies:
       '@testing-library/dom': 10.4.1
 
-  '@tresjs/cientos@4.3.1(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(@types/three@0.172.0)(react@19.2.3)(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))':
+  '@tresjs/cientos@4.3.1(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(@types/three@0.172.0)(react@19.2.4)(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@tresjs/core': 4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+      '@tresjs/core': 4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       '@vueuse/core': 12.8.2(typescript@5.9.3)
       camera-controls: 2.10.1(three@0.172.0)
       stats-gl: 2.4.2(@types/three@0.172.0)(three@0.172.0)
       stats.js: 0.17.0
       three: 0.172.0
-      three-custom-shader-material: 5.4.0(react@19.2.3)(three@0.172.0)
+      three-custom-shader-material: 5.4.0(react@19.2.4)(three@0.172.0)
       three-stdlib: 2.36.1(three@0.172.0)
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - '@react-three/fiber'
       - '@types/three'
       - react
       - typescript
 
-  '@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))':
+  '@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       '@alvarosabu/utils': 3.2.0
       '@vue/devtools-api': 6.6.4
       '@vueuse/core': 12.8.2(typescript@5.9.3)
       three: 0.172.0
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@tresjs/post-processing@2.4.0(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))':
+  '@tresjs/post-processing@2.4.0(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@tresjs/core': 4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+      '@tresjs/core': 4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
       '@vueuse/core': 12.8.2(typescript@5.9.3)
       postprocessing: 6.38.2(three@0.172.0)
       three: 0.172.0
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
@@ -12420,7 +12722,7 @@ snapshots:
 
   '@types/connect@3.4.38':
     dependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
 
   '@types/debug@4.1.12':
     dependencies:
@@ -12440,10 +12742,6 @@ snapshots:
 
   '@types/estree@1.0.8': {}
 
-  '@types/fontkit@2.0.8':
-    dependencies:
-      '@types/node': 20.19.27
-
   '@types/glob@9.0.0':
     dependencies:
       glob: 10.5.0
@@ -12479,7 +12777,7 @@ snapshots:
 
   '@types/mysql@2.15.27':
     dependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
 
   '@types/nlcst@2.0.3':
     dependencies:
@@ -12487,7 +12785,7 @@ snapshots:
 
   '@types/node@17.0.45': {}
 
-  '@types/node@20.19.27':
+  '@types/node@20.19.31':
     dependencies:
       undici-types: 6.21.0
 
@@ -12499,14 +12797,14 @@ snapshots:
     dependencies:
       parse-path: 7.1.0
 
-  '@types/pg-pool@2.0.6':
+  '@types/pg-pool@2.0.7':
     dependencies:
       '@types/pg': 8.15.6
 
   '@types/pg@8.15.6':
     dependencies:
-      '@types/node': 20.19.27
-      pg-protocol: 1.10.3
+      '@types/node': 20.19.31
+      pg-protocol: 1.11.0
       pg-types: 2.2.0
 
   '@types/resolve@1.20.2': {}
@@ -12515,7 +12813,7 @@ snapshots:
 
   '@types/sax@1.2.7':
     dependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
 
   '@types/semver@7.7.1': {}
 
@@ -12523,14 +12821,14 @@ snapshots:
 
   '@types/tedious@4.0.14':
     dependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
 
   '@types/three@0.172.0':
     dependencies:
       '@tweenjs/tween.js': 23.1.3
       '@types/stats.js': 0.17.4
       '@types/webxr': 0.5.24
-      '@webgpu/types': 0.1.68
+      '@webgpu/types': 0.1.69
       fflate: 0.8.2
       meshoptimizer: 0.18.1
 
@@ -12551,157 +12849,157 @@ snapshots:
 
   '@types/xml2js@0.4.14':
     dependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
 
-  '@typescript-eslint/eslint-plugin@8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.51.0
-      '@typescript-eslint/type-utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.51.0
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/type-utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
       eslint: 9.39.2(jiti@1.21.7)
       ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.3.0(typescript@5.9.3)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.51.0
-      '@typescript-eslint/type-utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.51.0
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/type-utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
       eslint: 9.39.2(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.3.0(typescript@5.9.3)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.51.0
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.51.0
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
       debug: 4.4.3
       eslint: 9.39.2(jiti@1.21.7)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.51.0
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.51.0
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.51.0(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.54.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.51.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.51.0
+      '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.51.0':
+  '@typescript-eslint/scope-manager@8.54.0':
     dependencies:
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/visitor-keys': 8.51.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/visitor-keys': 8.54.0
 
-  '@typescript-eslint/tsconfig-utils@8.51.0(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.54.0(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       debug: 4.4.3
       eslint: 9.39.2(jiti@1.21.7)
-      ts-api-utils: 2.3.0(typescript@5.9.3)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
-      ts-api-utils: 2.3.0(typescript@5.9.3)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.51.0': {}
+  '@typescript-eslint/types@8.54.0': {}
 
-  '@typescript-eslint/typescript-estree@8.51.0(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.54.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.51.0(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.51.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/visitor-keys': 8.51.0
+      '@typescript-eslint/project-service': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/visitor-keys': 8.54.0
       debug: 4.4.3
       minimatch: 9.0.5
       semver: 7.7.3
       tinyglobby: 0.2.15
-      ts-api-utils: 2.3.0(typescript@5.9.3)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
-      '@typescript-eslint/scope-manager': 8.51.0
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
       eslint: 9.39.2(jiti@1.21.7)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.51.0
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.51.0':
+  '@typescript-eslint/visitor-keys@8.54.0':
     dependencies:
-      '@typescript-eslint/types': 8.51.0
+      '@typescript-eslint/types': 8.54.0
       eslint-visitor-keys: 4.2.1
 
   '@ungap/structured-clone@1.3.0': {}
 
-  '@unhead/vue@2.1.1(vue@3.5.26(typescript@5.9.3))':
+  '@unhead/vue@2.1.2(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      hookable: 5.5.3
-      unhead: 2.1.1
-      vue: 3.5.26(typescript@5.9.3)
+      hookable: 6.0.1
+      unhead: 2.1.2
+      vue: 3.5.27(typescript@5.9.3)
 
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
     optional: true
@@ -12762,16 +13060,16 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
-  '@vercel/nft@0.30.4(rollup@4.54.0)':
+  '@vercel/nft@1.3.0(rollup@4.57.1)':
     dependencies:
       '@mapbox/node-pre-gyp': 2.0.3
-      '@rollup/pluginutils': 5.3.0(rollup@4.54.0)
+      '@rollup/pluginutils': 5.3.0(rollup@4.57.1)
       acorn: 8.15.0
       acorn-import-attributes: 1.9.5(acorn@8.15.0)
       async-sema: 3.1.1
       bindings: 1.5.0
       estree-walker: 2.0.2
-      glob: 10.5.0
+      glob: 13.0.1
       graceful-fs: 4.2.11
       node-gyp-build: 4.8.4
       picomatch: 4.0.3
@@ -12786,34 +13084,34 @@ snapshots:
       '@formatjs/intl': 2.10.15(typescript@5.9.3)
       intl-messageformat: 10.7.18
 
-  '@vitejs/plugin-vue-jsx@5.1.3(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
+  '@vitejs/plugin-vue-jsx@5.1.4(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
-      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
-      '@rolldown/pluginutils': 1.0.0-beta.58
-      '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.28.5)
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vue: 3.5.26(typescript@5.9.3)
+      '@babel/core': 7.29.0
+      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
+      '@rolldown/pluginutils': 1.0.0-rc.2
+      '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.2.4(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))':
+  '@vitejs/plugin-vue@5.2.4(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
-      vue: 3.5.26(typescript@5.9.3)
+      vite: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@6.0.3(vite@6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.4(vite@6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@rolldown/pluginutils': 1.0.0-beta.53
-      vite: 6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vue: 3.5.26(typescript@5.9.3)
+      '@rolldown/pluginutils': 1.0.0-rc.2
+      vite: 6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@6.0.3(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.4(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@rolldown/pluginutils': 1.0.0-beta.53
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vue: 3.5.26(typescript@5.9.3)
+      '@rolldown/pluginutils': 1.0.0-rc.2
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vue: 3.5.27(typescript@5.9.3)
 
   '@vitest/expect@3.2.4':
     dependencies:
@@ -12823,14 +13121,6 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.2.4(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
-    dependencies:
-      '@vitest/spy': 3.2.4
-      estree-walker: 3.0.3
-      magic-string: 0.30.21
-    optionalDependencies:
-      vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
-
   '@vitest/pretty-format@3.2.4':
     dependencies:
       tinyrainbow: 2.0.0
@@ -12845,10 +13135,10 @@ snapshots:
       loupe: 3.2.1
       tinyrainbow: 2.0.0
 
-  '@volar/kit@2.4.27(typescript@5.9.3)':
+  '@volar/kit@2.4.28(typescript@5.9.3)':
     dependencies:
-      '@volar/language-service': 2.4.27
-      '@volar/typescript': 2.4.27
+      '@volar/language-service': 2.4.28
+      '@volar/typescript': 2.4.28
       typesafe-path: 0.2.2
       typescript: 5.9.3
       vscode-languageserver-textdocument: 1.0.12
@@ -12862,11 +13152,15 @@ snapshots:
     dependencies:
       '@volar/source-map': 2.4.27
 
-  '@volar/language-server@2.4.27':
+  '@volar/language-core@2.4.28':
     dependencies:
-      '@volar/language-core': 2.4.27
-      '@volar/language-service': 2.4.27
-      '@volar/typescript': 2.4.27
+      '@volar/source-map': 2.4.28
+
+  '@volar/language-server@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      '@volar/language-service': 2.4.28
+      '@volar/typescript': 2.4.28
       path-browserify: 1.0.1
       request-light: 0.7.0
       vscode-languageserver: 9.0.1
@@ -12874,9 +13168,9 @@ snapshots:
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.1.0
 
-  '@volar/language-service@2.4.27':
+  '@volar/language-service@2.4.28':
     dependencies:
-      '@volar/language-core': 2.4.27
+      '@volar/language-core': 2.4.28
       vscode-languageserver-protocol: 3.17.5
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.1.0
@@ -12885,15 +13179,17 @@ snapshots:
 
   '@volar/source-map@2.4.27': {}
 
+  '@volar/source-map@2.4.28': {}
+
   '@volar/typescript@2.4.15':
     dependencies:
       '@volar/language-core': 2.4.15
       path-browserify: 1.0.1
       vscode-uri: 3.1.0
 
-  '@volar/typescript@2.4.27':
+  '@volar/typescript@2.4.28':
     dependencies:
-      '@volar/language-core': 2.4.27
+      '@volar/language-core': 2.4.28
       path-browserify: 1.0.1
       vscode-uri: 3.1.0
 
@@ -12907,191 +13203,191 @@ snapshots:
 
   '@vscode/l10n@0.0.18': {}
 
-  '@vue-email/body@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/body@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/button@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/button@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/code-block@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/code-block@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       shiki: 1.29.2
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/code-inline@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/code-inline@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/column@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/column@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/components@0.0.21(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/components@0.0.21(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@vue-email/body': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/button': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/code-block': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/code-inline': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/column': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/container': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/font': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/head': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/heading': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/hr': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/html': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/img': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/link': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/markdown': 0.0.7(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/preview': 0.0.3(vue@3.5.26(typescript@5.9.3))
+      '@vue-email/body': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/button': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/code-block': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/code-inline': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/column': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/container': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/font': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/head': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/heading': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/hr': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/html': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/img': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/link': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/markdown': 0.0.7(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/preview': 0.0.3(vue@3.5.27(typescript@5.9.3))
       '@vue-email/render': 0.0.9(typescript@5.9.3)
-      '@vue-email/row': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/section': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/style': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/tailwind': 0.2.0(vue@3.5.26(typescript@5.9.3))
-      '@vue-email/text': 0.0.3(vue@3.5.26(typescript@5.9.3))
-      vue: 3.5.26(typescript@5.9.3)
+      '@vue-email/row': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/section': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/style': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/tailwind': 0.2.0(vue@3.5.27(typescript@5.9.3))
+      '@vue-email/text': 0.0.3(vue@3.5.27(typescript@5.9.3))
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@vue-email/container@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/container@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/font@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/font@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/head@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/head@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/heading@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/heading@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/hr@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/hr@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/html@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/html@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/img@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/img@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/link@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/link@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/markdown@0.0.7(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/markdown@0.0.7(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       marked: 7.0.4
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/preview@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/preview@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
   '@vue-email/render@0.0.9(typescript@5.9.3)':
     dependencies:
       html-to-text: 9.0.5
       js-beautify: 1.15.4
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@vue-email/row@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/row@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/section@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/section@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/style@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/style@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/tailwind@0.2.0(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/tailwind@0.2.0(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-email/text@0.0.3(vue@3.5.26(typescript@5.9.3))':
+  '@vue-email/text@0.0.3(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue-macros/common@3.1.1(vue@3.5.26(typescript@5.9.3))':
+  '@vue-macros/common@3.1.2(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@vue/compiler-sfc': 3.5.26
+      '@vue/compiler-sfc': 3.5.27
       ast-kit: 2.2.0
       local-pkg: 1.1.2
       magic-string-ast: 1.0.3
       unplugin-utils: 0.3.1
     optionalDependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
   '@vue/babel-helper-vue-transform-on@2.0.1': {}
 
-  '@vue/babel-plugin-jsx@2.0.1(@babel/core@7.28.5)':
+  '@vue/babel-plugin-jsx@2.0.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
-      '@babel/template': 7.27.2
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
       '@vue/babel-helper-vue-transform-on': 2.0.1
-      '@vue/babel-plugin-resolve-type': 2.0.1(@babel/core@7.28.5)
-      '@vue/shared': 3.5.26
+      '@vue/babel-plugin-resolve-type': 2.0.1(@babel/core@7.29.0)
+      '@vue/shared': 3.5.27
     optionalDependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/babel-plugin-resolve-type@2.0.1(@babel/core@7.28.5)':
+  '@vue/babel-plugin-resolve-type@2.0.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/core': 7.28.5
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/parser': 7.28.5
-      '@vue/compiler-sfc': 3.5.26
+      '@babel/code-frame': 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/parser': 7.29.0
+      '@vue/compiler-sfc': 3.5.27
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/compiler-core@3.5.26':
+  '@vue/compiler-core@3.5.27':
     dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/shared': 3.5.26
-      entities: 7.0.0
+      '@babel/parser': 7.29.0
+      '@vue/shared': 3.5.27
+      entities: 7.0.1
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.26':
+  '@vue/compiler-dom@3.5.27':
     dependencies:
-      '@vue/compiler-core': 3.5.26
-      '@vue/shared': 3.5.26
+      '@vue/compiler-core': 3.5.27
+      '@vue/shared': 3.5.27
 
-  '@vue/compiler-sfc@3.5.26':
+  '@vue/compiler-sfc@3.5.27':
     dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/compiler-core': 3.5.26
-      '@vue/compiler-dom': 3.5.26
-      '@vue/compiler-ssr': 3.5.26
-      '@vue/shared': 3.5.26
+      '@babel/parser': 7.29.0
+      '@vue/compiler-core': 3.5.27
+      '@vue/compiler-dom': 3.5.27
+      '@vue/compiler-ssr': 3.5.27
+      '@vue/shared': 3.5.27
       estree-walker: 2.0.2
       magic-string: 0.30.21
       postcss: 8.5.6
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.26':
+  '@vue/compiler-ssr@3.5.27':
     dependencies:
-      '@vue/compiler-dom': 3.5.26
-      '@vue/shared': 3.5.26
+      '@vue/compiler-dom': 3.5.27
+      '@vue/shared': 3.5.27
 
   '@vue/compiler-vue2@2.7.16':
     dependencies:
@@ -13104,15 +13400,15 @@ snapshots:
     dependencies:
       '@vue/devtools-kit': 7.7.9
 
-  '@vue/devtools-core@8.0.5(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
+  '@vue/devtools-core@8.0.5(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       '@vue/devtools-kit': 8.0.5
       '@vue/devtools-shared': 8.0.5
       mitt: 3.0.1
       nanoid: 5.1.6
       pathe: 2.0.3
-      vite-hot-client: 2.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
-      vue: 3.5.26(typescript@5.9.3)
+      vite-hot-client: 2.1.0(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - vite
 
@@ -13132,7 +13428,7 @@ snapshots:
       birpc: 2.9.0
       hookable: 5.5.3
       mitt: 3.0.1
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       speakingurl: 14.0.1
       superjson: 2.2.6
 
@@ -13147,9 +13443,9 @@ snapshots:
   '@vue/language-core@2.2.12(typescript@5.9.3)':
     dependencies:
       '@volar/language-core': 2.4.15
-      '@vue/compiler-dom': 3.5.26
+      '@vue/compiler-dom': 3.5.27
       '@vue/compiler-vue2': 2.7.16
-      '@vue/shared': 3.5.26
+      '@vue/shared': 3.5.27
       alien-signals: 1.0.13
       minimatch: 9.0.5
       muggle-string: 0.4.1
@@ -13157,51 +13453,51 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  '@vue/language-core@3.2.1':
+  '@vue/language-core@3.2.4':
     dependencies:
       '@volar/language-core': 2.4.27
-      '@vue/compiler-dom': 3.5.26
-      '@vue/shared': 3.5.26
+      '@vue/compiler-dom': 3.5.27
+      '@vue/shared': 3.5.27
       alien-signals: 3.1.2
       muggle-string: 0.4.1
       path-browserify: 1.0.1
       picomatch: 4.0.3
 
-  '@vue/reactivity@3.5.26':
+  '@vue/reactivity@3.5.27':
     dependencies:
-      '@vue/shared': 3.5.26
+      '@vue/shared': 3.5.27
 
-  '@vue/runtime-core@3.5.26':
+  '@vue/runtime-core@3.5.27':
     dependencies:
-      '@vue/reactivity': 3.5.26
-      '@vue/shared': 3.5.26
+      '@vue/reactivity': 3.5.27
+      '@vue/shared': 3.5.27
 
-  '@vue/runtime-dom@3.5.26':
+  '@vue/runtime-dom@3.5.27':
     dependencies:
-      '@vue/reactivity': 3.5.26
-      '@vue/runtime-core': 3.5.26
-      '@vue/shared': 3.5.26
+      '@vue/reactivity': 3.5.27
+      '@vue/runtime-core': 3.5.27
+      '@vue/shared': 3.5.27
       csstype: 3.2.3
 
-  '@vue/server-renderer@3.5.26(vue@3.5.26(typescript@5.9.3))':
+  '@vue/server-renderer@3.5.27(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@vue/compiler-ssr': 3.5.26
-      '@vue/shared': 3.5.26
-      vue: 3.5.26(typescript@5.9.3)
+      '@vue/compiler-ssr': 3.5.27
+      '@vue/shared': 3.5.27
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vue/shared@3.5.26': {}
+  '@vue/shared@3.5.27': {}
 
-  '@vue/tsconfig@0.7.0(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))':
+  '@vue/tsconfig@0.7.0(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))':
     optionalDependencies:
       typescript: 5.9.3
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  '@vueuse/core@11.3.0(vue@3.5.26(typescript@5.9.3))':
+  '@vueuse/core@11.3.0(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 11.3.0
-      '@vueuse/shared': 11.3.0(vue@3.5.26(typescript@5.9.3))
-      vue-demi: 0.14.10(vue@3.5.26(typescript@5.9.3))
+      '@vueuse/shared': 11.3.0(vue@3.5.27(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.27(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -13211,16 +13507,16 @@ snapshots:
       '@types/web-bluetooth': 0.0.21
       '@vueuse/metadata': 12.8.2
       '@vueuse/shared': 12.8.2(typescript@5.9.3)
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@vueuse/core@9.13.0(vue@3.5.26(typescript@5.9.3))':
+  '@vueuse/core@9.13.0(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.16
       '@vueuse/metadata': 9.13.0
-      '@vueuse/shared': 9.13.0(vue@3.5.26(typescript@5.9.3))
-      vue-demi: 0.14.10(vue@3.5.26(typescript@5.9.3))
+      '@vueuse/shared': 9.13.0(vue@3.5.27(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.27(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -13231,27 +13527,27 @@ snapshots:
 
   '@vueuse/metadata@9.13.0': {}
 
-  '@vueuse/shared@11.3.0(vue@3.5.26(typescript@5.9.3))':
+  '@vueuse/shared@11.3.0(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.26(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.27(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
   '@vueuse/shared@12.8.2(typescript@5.9.3)':
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@vueuse/shared@9.13.0(vue@3.5.26(typescript@5.9.3))':
+  '@vueuse/shared@9.13.0(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.26(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.27(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@webgpu/types@0.1.68': {}
+  '@webgpu/types@0.1.69': {}
 
   '@xml-tools/parser@1.0.11':
     dependencies:
@@ -13267,7 +13563,7 @@ snapshots:
     dependencies:
       event-target-shim: 5.0.1
 
-  ace-builds@1.43.5: {}
+  ace-builds@1.43.6: {}
 
   acorn-import-attributes@1.9.5(acorn@8.15.0):
     dependencies:
@@ -13277,12 +13573,8 @@ snapshots:
     dependencies:
       acorn: 8.15.0
 
-  acorn-walk@8.3.2: {}
-
   acorn@7.4.1: {}
 
-  acorn@8.14.0: {}
-
   acorn@8.15.0: {}
 
   agent-base@6.0.2:
@@ -13359,7 +13651,7 @@ snapshots:
       graceful-fs: 4.2.11
       is-stream: 2.0.1
       lazystream: 1.0.1
-      lodash: 4.17.21
+      lodash: 4.17.23
       normalize-path: 3.0.0
       readable-stream: 4.7.0
 
@@ -13402,7 +13694,7 @@ snapshots:
 
   ast-kit@2.2.0:
     dependencies:
-      '@babel/parser': 7.28.5
+      '@babel/parser': 7.29.0
       pathe: 2.0.3
 
   ast-types@0.16.1:
@@ -13411,45 +13703,45 @@ snapshots:
 
   ast-walker-scope@0.8.3:
     dependencies:
-      '@babel/parser': 7.28.5
+      '@babel/parser': 7.29.0
       ast-kit: 2.2.0
 
   astring@1.9.0: {}
 
-  astro-expressive-code@0.40.2(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)):
+  astro-expressive-code@0.40.2(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)):
     dependencies:
-      astro: 5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)
+      astro: 5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)
       rehype-expressive-code: 0.40.2
 
-  astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2):
+  astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2):
     dependencies:
       '@astrojs/compiler': 2.13.0
       '@astrojs/internal-helpers': 0.7.5
       '@astrojs/markdown-remark': 6.3.10
       '@astrojs/telemetry': 3.3.0
-      '@capsizecss/unpack': 3.0.1
+      '@capsizecss/unpack': 4.0.0
       '@oslojs/encoding': 1.1.0
-      '@rollup/pluginutils': 5.3.0(rollup@4.54.0)
+      '@rollup/pluginutils': 5.3.0(rollup@4.57.1)
       acorn: 8.15.0
       aria-query: 5.3.2
       axobject-query: 4.1.0
       boxen: 8.0.1
-      ci-info: 4.3.1
+      ci-info: 4.4.0
       clsx: 2.1.1
       common-ancestor-path: 1.0.1
       cookie: 1.1.1
       cssesc: 3.0.0
       debug: 4.4.3
       deterministic-object-hash: 2.0.2
-      devalue: 5.6.1
-      diff: 5.2.0
+      devalue: 5.6.2
+      diff: 8.0.3
       dlv: 1.1.3
       dset: 3.1.4
       es-module-lexer: 1.7.0
       esbuild: 0.25.12
       estree-walker: 3.0.3
       flattie: 1.1.1
-      fontace: 0.3.1
+      fontace: 0.4.1
       github-slugger: 2.0.0
       html-escaper: 3.0.3
       http-cache-semantics: 4.2.0
@@ -13467,19 +13759,19 @@ snapshots:
       prompts: 2.4.2
       rehype: 13.0.2
       semver: 7.7.3
-      shiki: 3.20.0
+      shiki: 3.22.0
       smol-toml: 1.6.0
       svgo: 4.0.0
       tinyexec: 1.0.2
       tinyglobby: 0.2.15
       tsconfck: 3.1.6(typescript@5.9.3)
       ultrahtml: 1.6.0
-      unifont: 0.6.0
-      unist-util-visit: 5.0.0
-      unstorage: 1.17.3(db0@0.3.4)(ioredis@5.8.2)
+      unifont: 0.7.3
+      unist-util-visit: 5.1.0
+      unstorage: 1.17.4(db0@0.3.4)(ioredis@5.9.2)
       vfile: 6.0.3
-      vite: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vitefu: 1.1.1(vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
+      vite: 6.4.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vitefu: 1.1.1(vite@6.4.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))
       xxhash-wasm: 1.1.0
       yargs-parser: 21.1.1
       yocto-spinner: 0.2.3
@@ -13527,16 +13819,16 @@ snapshots:
 
   async@3.2.6: {}
 
-  autoprefixer@10.4.23(postcss@8.5.6):
+  autoprefixer@10.4.24(postcss@8.5.6):
     dependencies:
       browserslist: 4.28.1
-      caniuse-lite: 1.0.30001762
+      caniuse-lite: 1.0.30001767
       fraction.js: 5.3.4
       picocolors: 1.1.1
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  axe-core@4.11.0: {}
+  axe-core@4.11.1: {}
 
   axobject-query@4.1.0: {}
 
@@ -13544,7 +13836,7 @@ snapshots:
 
   babel-walk@3.0.0-canary-5:
     dependencies:
-      '@babel/types': 7.28.5
+      '@babel/types': 7.29.0
 
   bail@2.0.2: {}
 
@@ -13556,7 +13848,7 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  baseline-browser-mapping@2.9.11: {}
+  baseline-browser-mapping@2.9.19: {}
 
   bcp-47-match@2.0.3: {}
 
@@ -13602,15 +13894,11 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  brotli@1.3.3:
-    dependencies:
-      base64-js: 1.5.1
-
   browserslist@4.28.1:
     dependencies:
-      baseline-browser-mapping: 2.9.11
-      caniuse-lite: 1.0.30001762
-      electron-to-chromium: 1.5.267
+      baseline-browser-mapping: 2.9.19
+      caniuse-lite: 1.0.30001767
+      electron-to-chromium: 1.5.286
       node-releases: 2.0.27
       update-browserslist-db: 1.2.3(browserslist@4.28.1)
 
@@ -13640,7 +13928,7 @@ snapshots:
       jiti: 2.6.1
       ohash: 2.0.11
       pathe: 2.0.3
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       pkg-types: 2.3.0
       rc9: 2.1.2
     optionalDependencies:
@@ -13678,18 +13966,18 @@ snapshots:
   caniuse-api@3.0.0:
     dependencies:
       browserslist: 4.28.1
-      caniuse-lite: 1.0.30001762
+      caniuse-lite: 1.0.30001767
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
-  caniuse-lite@1.0.30001762: {}
+  caniuse-lite@1.0.30001767: {}
 
   ccount@2.0.1: {}
 
   chai@5.3.3:
     dependencies:
       assertion-error: 2.0.1
-      check-error: 2.1.1
+      check-error: 2.1.3
       deep-eql: 5.0.2
       loupe: 3.2.1
       pathval: 2.0.1
@@ -13713,7 +14001,7 @@ snapshots:
 
   character-reference-invalid@2.0.1: {}
 
-  check-error@2.1.1: {}
+  check-error@2.1.3: {}
 
   chevrotain@7.1.1:
     dependencies:
@@ -13743,12 +14031,14 @@ snapshots:
 
   ci-info@2.0.0: {}
 
-  ci-info@4.3.1: {}
+  ci-info@4.4.0: {}
 
   citty@0.1.6:
     dependencies:
       consola: 3.4.2
 
+  citty@0.2.0: {}
+
   cjs-module-lexer@2.2.0: {}
 
   clean-css@5.3.3:
@@ -13773,8 +14063,6 @@ snapshots:
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
 
-  clone@2.1.2: {}
-
   clsx@2.1.1: {}
 
   cluster-key-slot@1.1.2: {}
@@ -13813,6 +14101,8 @@ snapshots:
 
   comment-parser@1.4.1: {}
 
+  comment-parser@1.4.5: {}
+
   common-ancestor-path@1.0.1: {}
 
   commondir@1.0.1: {}
@@ -13842,8 +14132,8 @@ snapshots:
 
   constantinople@4.0.1:
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
 
   convert-source-map@2.0.0: {}
 
@@ -13861,11 +14151,11 @@ snapshots:
     dependencies:
       iconv-lite: 0.4.24
 
-  core-js-compat@3.47.0:
+  core-js-compat@3.48.0:
     dependencies:
       browserslist: 4.28.1
 
-  core-js@3.47.0: {}
+  core-js@3.48.0: {}
 
   core-util-is@1.0.3: {}
 
@@ -13898,7 +14188,7 @@ snapshots:
     dependencies:
       uncrypto: 0.1.3
 
-  css-declaration-sorter@7.3.0(postcss@8.5.6):
+  css-declaration-sorter@7.3.1(postcss@8.5.6):
     dependencies:
       postcss: 8.5.6
 
@@ -13938,7 +14228,7 @@ snapshots:
   cssnano-preset-default@7.0.10(postcss@8.5.6):
     dependencies:
       browserslist: 4.28.1
-      css-declaration-sorter: 7.3.0(postcss@8.5.6)
+      css-declaration-sorter: 7.3.1(postcss@8.5.6)
       cssnano-utils: 5.0.1(postcss@8.5.6)
       postcss: 8.5.6
       postcss-calc: 10.1.1(postcss@8.5.6)
@@ -13999,7 +14289,7 @@ snapshots:
 
   decimal.js@10.6.0: {}
 
-  decode-named-character-reference@1.2.0:
+  decode-named-character-reference@1.3.0:
     dependencies:
       character-entities: 2.0.2
 
@@ -14011,7 +14301,7 @@ snapshots:
 
   default-browser-id@5.0.1: {}
 
-  default-browser@5.4.0:
+  default-browser@5.5.0:
     dependencies:
       bundle-name: 4.1.0
       default-browser-id: 5.0.1
@@ -14030,27 +14320,21 @@ snapshots:
 
   destr@2.0.5: {}
 
-  detect-libc@1.0.3: {}
-
   detect-libc@2.1.2: {}
 
   deterministic-object-hash@2.0.2:
     dependencies:
       base-64: 1.0.0
 
-  devalue@5.6.1: {}
+  devalue@5.6.2: {}
 
   devlop@1.1.0:
     dependencies:
       dequal: 2.0.3
 
-  dfa@1.2.0: {}
-
   didyoumean@1.2.2: {}
 
-  diff@5.2.0: {}
-
-  diff@8.0.2: {}
+  diff@8.0.3: {}
 
   direction@2.0.1: {}
 
@@ -14091,7 +14375,7 @@ snapshots:
 
   dot-prop@10.1.0:
     dependencies:
-      type-fest: 5.3.1
+      type-fest: 5.4.3
 
   dotenv@16.0.3: {}
 
@@ -14122,7 +14406,7 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.267: {}
+  electron-to-chromium@1.5.286: {}
 
   emmet@2.4.11:
     dependencies:
@@ -14143,7 +14427,7 @@ snapshots:
     dependencies:
       once: 1.4.0
 
-  enhanced-resolve@5.18.4:
+  enhanced-resolve@5.19.0:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.3.0
@@ -14156,7 +14440,7 @@ snapshots:
 
   entities@6.0.1: {}
 
-  entities@7.0.0: {}
+  entities@7.0.1: {}
 
   error-ex@1.3.4:
     dependencies:
@@ -14172,6 +14456,8 @@ snapshots:
 
   es-module-lexer@1.7.0: {}
 
+  es-module-lexer@2.0.0: {}
+
   es-object-atoms@1.1.1:
     dependencies:
       es-errors: 1.3.0
@@ -14331,25 +14617,25 @@ snapshots:
 
   eslint-import-context@0.1.9(unrs-resolver@1.11.1):
     dependencies:
-      get-tsconfig: 4.13.0
+      get-tsconfig: 4.13.1
       stable-hash-x: 0.2.0
     optionalDependencies:
       unrs-resolver: 1.11.1
 
-  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7)):
+  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@typescript-eslint/types': 8.51.0
-      comment-parser: 1.4.1
+      '@typescript-eslint/types': 8.54.0
+      comment-parser: 1.4.5
       debug: 4.4.3
       eslint: 9.39.2(jiti@1.21.7)
       eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
       is-glob: 4.0.3
-      minimatch: 10.1.1
+      minimatch: 10.1.2
       semver: 7.7.3
       stable-hash-x: 0.2.0
       unrs-resolver: 1.11.1
     optionalDependencies:
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
@@ -14369,12 +14655,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-prettier@5.5.4(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(prettier@3.7.4):
+  eslint-plugin-prettier@5.5.5(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(prettier@3.8.1):
     dependencies:
       eslint: 9.39.2(jiti@2.6.1)
-      prettier: 3.7.4
+      prettier: 3.8.1
       prettier-linter-helpers: 1.0.1
-      synckit: 0.11.11
+      synckit: 0.11.12
     optionalDependencies:
       eslint-config-prettier: 10.1.8(eslint@9.39.2(jiti@2.6.1))
 
@@ -14382,7 +14668,7 @@ snapshots:
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
       '@eslint-community/regexpp': 4.12.2
-      comment-parser: 1.4.1
+      comment-parser: 1.4.5
       eslint: 9.39.2(jiti@1.21.7)
       jsdoc-type-pratt-parser: 4.8.0
       refa: 0.12.1
@@ -14393,28 +14679,28 @@ snapshots:
     dependencies:
       eslint: 9.39.2(jiti@2.6.1)
 
-  eslint-plugin-storybook@10.1.11(eslint@9.39.2(jiti@2.6.1))(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@5.9.3):
+  eslint-plugin-storybook@10.2.4(eslint@9.39.2(jiti@2.6.1))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-turbo@2.7.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.7.2):
+  eslint-plugin-turbo@2.8.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.8.2):
     dependencies:
       dotenv: 16.0.3
       eslint: 9.39.2(jiti@1.21.7)
-      turbo: 2.7.2
+      turbo: 2.8.2
 
   eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
-      ci-info: 4.3.1
+      ci-info: 4.4.0
       clean-regexp: 1.0.0
-      core-js-compat: 3.47.0
+      core-js-compat: 3.48.0
       eslint: 9.39.2(jiti@1.21.7)
       esquery: 1.7.0
       globals: 15.15.0
@@ -14428,7 +14714,7 @@ snapshots:
       semver: 7.7.3
       strip-indent: 3.0.0
 
-  eslint-plugin-vue@10.6.2(@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1))):
+  eslint-plugin-vue@10.7.0(@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1))):
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
       eslint: 9.39.2(jiti@2.6.1)
@@ -14440,7 +14726,7 @@ snapshots:
       xml-name-validator: 4.0.0
     optionalDependencies:
       '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
 
   eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
@@ -14619,7 +14905,7 @@ snapshots:
 
   event-target-shim@5.0.1: {}
 
-  eventemitter3@5.0.1: {}
+  eventemitter3@5.0.4: {}
 
   events-universal@1.0.1:
     dependencies:
@@ -14651,8 +14937,6 @@ snapshots:
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
 
-  exit-hook@2.2.1: {}
-
   expressive-code@0.40.2:
     dependencies:
       '@expressive-code/core': 0.40.2
@@ -14670,10 +14954,10 @@ snapshots:
 
   externality@1.0.2:
     dependencies:
-      enhanced-resolve: 5.18.4
+      enhanced-resolve: 5.19.0
       mlly: 1.8.0
       pathe: 1.1.2
-      ufo: 1.6.1
+      ufo: 1.6.3
 
   fast-deep-equal@3.1.3: {}
 
@@ -14693,7 +14977,7 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
-  fast-npm-meta@0.4.7: {}
+  fast-npm-meta@0.4.8: {}
 
   fast-uri@3.1.0: {}
 
@@ -14742,30 +15026,21 @@ snapshots:
 
   flattie@1.1.1: {}
 
-  floating-vue@5.2.2(@nuxt/kit@3.20.2(magicast@0.5.1))(vue@3.5.26(typescript@5.9.3)):
+  floating-vue@5.2.2(@nuxt/kit@3.21.0(magicast@0.5.1))(vue@3.5.27(typescript@5.9.3)):
     dependencies:
       '@floating-ui/dom': 1.1.1
-      vue: 3.5.26(typescript@5.9.3)
-      vue-resize: 2.0.0-alpha.1(vue@3.5.26(typescript@5.9.3))
+      vue: 3.5.27(typescript@5.9.3)
+      vue-resize: 2.0.0-alpha.1(vue@3.5.27(typescript@5.9.3))
     optionalDependencies:
-      '@nuxt/kit': 3.20.2(magicast@0.5.1)
+      '@nuxt/kit': 3.21.0(magicast@0.5.1)
 
-  fontace@0.3.1:
+  fontace@0.4.1:
     dependencies:
-      '@types/fontkit': 2.0.8
-      fontkit: 2.0.4
+      fontkitten: 1.0.2
 
-  fontkit@2.0.4:
+  fontkitten@1.0.2:
     dependencies:
-      '@swc/helpers': 0.5.18
-      brotli: 1.3.3
-      clone: 2.1.2
-      dfa: 1.2.0
-      fast-deep-equal: 3.1.3
-      restructure: 3.0.2
       tiny-inflate: 1.0.3
-      unicode-properties: 1.4.1
-      unicode-trie: 2.0.0
 
   foreground-child@3.3.1:
     dependencies:
@@ -14819,7 +15094,7 @@ snapshots:
 
   get-stream@8.0.1: {}
 
-  get-tsconfig@4.13.0:
+  get-tsconfig@4.13.1:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
@@ -14829,7 +15104,7 @@ snapshots:
       consola: 3.4.2
       defu: 6.1.4
       node-fetch-native: 1.6.7
-      nypm: 0.6.2
+      nypm: 0.6.4
       pathe: 2.0.3
 
   git-up@8.1.1:
@@ -14851,8 +15126,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob-to-regexp@0.4.1: {}
-
   glob@10.5.0:
     dependencies:
       foreground-child: 3.3.1
@@ -14862,6 +15135,12 @@ snapshots:
       package-json-from-dist: 1.0.1
       path-scurry: 1.11.1
 
+  glob@13.0.1:
+    dependencies:
+      minimatch: 10.1.2
+      minipass: 7.1.2
+      path-scurry: 2.0.1
+
   global-directory@4.0.1:
     dependencies:
       ini: 4.1.1
@@ -14876,14 +15155,14 @@ snapshots:
 
   globals@16.5.0: {}
 
-  globby@15.0.0:
+  globby@16.1.0:
     dependencies:
       '@sindresorhus/merge-streams': 4.0.0
       fast-glob: 3.3.3
       ignore: 7.0.5
-      path-type: 6.0.0
+      is-path-inside: 4.0.0
       slash: 5.1.0
-      unicorn-magic: 0.3.0
+      unicorn-magic: 0.4.0
 
   glsl-token-functions@1.0.1: {}
 
@@ -14908,7 +15187,7 @@ snapshots:
     dependencies:
       duplexer: 0.1.2
 
-  h3@1.15.4:
+  h3@1.15.5:
     dependencies:
       cookie-es: 1.2.2
       crossws: 0.3.5
@@ -14917,7 +15196,7 @@ snapshots:
       iron-webcrypto: 1.2.1
       node-mock-http: 1.0.4
       radix3: 1.1.2
-      ufo: 1.6.1
+      ufo: 1.6.3
       uncrypto: 0.1.3
 
   has-flag@4.0.0: {}
@@ -15012,7 +15291,7 @@ snapshots:
       mdast-util-to-hast: 13.2.1
       parse5: 7.3.0
       unist-util-position: 5.0.0
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       vfile: 6.0.3
       web-namespaces: 2.0.1
       zwitch: 2.0.4
@@ -15032,7 +15311,7 @@ snapshots:
       nth-check: 2.1.1
       property-information: 7.1.0
       space-separated-tokens: 2.0.2
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       zwitch: 2.0.4
 
   hast-util-to-estree@3.1.3:
@@ -15131,6 +15410,8 @@ snapshots:
 
   hookable@5.5.3: {}
 
+  hookable@6.0.1: {}
+
   hosted-git-info@2.8.9: {}
 
   html-escaper@3.0.3: {}
@@ -15143,7 +15424,7 @@ snapshots:
       entities: 4.5.0
       param-case: 3.0.4
       relateurl: 0.2.7
-      terser: 5.44.1
+      terser: 5.46.0
 
   html-to-text@9.0.5:
     dependencies:
@@ -15196,7 +15477,7 @@ snapshots:
 
   i18next@23.16.8:
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.28.6
 
   iconv-lite@0.4.24:
     dependencies:
@@ -15224,7 +15505,7 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
-  import-in-the-middle@2.0.4:
+  import-in-the-middle@2.0.6:
     dependencies:
       acorn: 8.15.0
       acorn-import-attributes: 1.9.5(acorn@8.15.0)
@@ -15267,9 +15548,9 @@ snapshots:
       '@formatjs/icu-messageformat-parser': 2.9.4
       tslib: 2.8.1
 
-  ioredis@5.8.2:
+  ioredis@5.9.2:
     dependencies:
-      '@ioredis/commands': 1.4.0
+      '@ioredis/commands': 1.5.0
       cluster-key-slot: 1.1.2
       debug: 4.4.3
       denque: 2.1.0
@@ -15569,22 +15850,22 @@ snapshots:
 
   listhen@1.9.0:
     dependencies:
-      '@parcel/watcher': 2.5.1
-      '@parcel/watcher-wasm': 2.5.1
+      '@parcel/watcher': 2.5.6
+      '@parcel/watcher-wasm': 2.5.6
       citty: 0.1.6
       clipboardy: 4.0.0
       consola: 3.4.2
       crossws: 0.3.5
       defu: 6.1.4
       get-port-please: 3.2.0
-      h3: 1.15.4
+      h3: 1.15.5
       http-shutdown: 1.2.2
       jiti: 2.6.1
       mlly: 1.8.0
       node-forge: 1.3.3
       pathe: 1.1.2
       std-env: 3.10.0
-      ufo: 1.6.1
+      ufo: 1.6.3
       untun: 0.1.3
       uqr: 0.1.2
 
@@ -15619,6 +15900,10 @@ snapshots:
 
   lodash@4.17.21: {}
 
+  lodash@4.17.23: {}
+
+  long@5.3.2: {}
+
   longest-streak@3.1.0: {}
 
   loupe@3.2.1: {}
@@ -15629,7 +15914,7 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
-  lru-cache@11.2.4: {}
+  lru-cache@11.2.5: {}
 
   lru-cache@5.1.1:
     dependencies:
@@ -15648,7 +15933,7 @@ snapshots:
       mlly: 1.8.0
       regexp-tree: 0.1.27
       type-level-regexp: 0.1.17
-      ufo: 1.6.1
+      ufo: 1.6.3
       unplugin: 2.3.11
 
   magic-string-ast@1.0.3:
@@ -15665,8 +15950,8 @@ snapshots:
 
   magicast@0.5.1:
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
       source-map-js: 1.2.1
 
   markdown-extensions@2.0.0: {}
@@ -15698,7 +15983,7 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
       '@types/unist': 3.0.3
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
 
   mdast-util-directive@3.1.0:
     dependencies:
@@ -15725,7 +16010,7 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
       '@types/unist': 3.0.3
-      decode-named-character-reference: 1.2.0
+      decode-named-character-reference: 1.3.0
       devlop: 1.1.0
       mdast-util-to-string: 4.0.0
       micromark: 4.0.2
@@ -15858,7 +16143,7 @@ snapshots:
       micromark-util-sanitize-uri: 2.0.1
       trim-lines: 3.0.1
       unist-util-position: 5.0.0
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       vfile: 6.0.3
 
   mdast-util-to-markdown@2.1.2:
@@ -15870,7 +16155,7 @@ snapshots:
       mdast-util-to-string: 4.0.0
       micromark-util-classify-character: 2.0.1
       micromark-util-decode-string: 2.0.1
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
       zwitch: 2.0.4
 
   mdast-util-to-string@4.0.0:
@@ -15895,7 +16180,7 @@ snapshots:
 
   micromark-core-commonmark@2.0.3:
     dependencies:
-      decode-named-character-reference: 1.2.0
+      decode-named-character-reference: 1.3.0
       devlop: 1.1.0
       micromark-factory-destination: 2.0.1
       micromark-factory-label: 2.0.1
@@ -16101,7 +16386,7 @@ snapshots:
 
   micromark-util-decode-string@2.0.1:
     dependencies:
-      decode-named-character-reference: 1.2.0
+      decode-named-character-reference: 1.3.0
       micromark-util-character: 2.1.1
       micromark-util-decode-numeric-character-reference: 2.0.2
       micromark-util-symbol: 2.0.1
@@ -16149,7 +16434,7 @@ snapshots:
     dependencies:
       '@types/debug': 4.1.12
       debug: 4.4.3
-      decode-named-character-reference: 1.2.0
+      decode-named-character-reference: 1.3.0
       devlop: 1.1.0
       micromark-core-commonmark: 2.0.3
       micromark-factory-space: 2.0.1
@@ -16184,35 +16469,27 @@ snapshots:
     dependencies:
       mime-db: 1.54.0
 
-  mime@3.0.0: {}
-
   mime@4.1.0: {}
 
   mimic-fn@4.0.0: {}
 
   min-indent@1.0.1: {}
 
-  miniflare@4.20260107.0:
+  miniflare@4.20260131.0:
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
-      acorn: 8.14.0
-      acorn-walk: 8.3.2
-      exit-hook: 2.2.1
-      glob-to-regexp: 0.4.1
-      sharp: 0.33.5
-      stoppable: 1.1.0
-      undici: 7.14.0
-      workerd: 1.20260107.1
+      sharp: 0.34.5
+      undici: 7.18.2
+      workerd: 1.20260131.0
       ws: 8.18.0
       youch: 4.1.0-beta.10
-      zod: 3.25.76
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
 
-  minimatch@10.1.1:
+  minimatch@10.1.2:
     dependencies:
-      '@isaacs/brace-expansion': 5.0.0
+      '@isaacs/brace-expansion': 5.0.1
 
   minimatch@3.1.2:
     dependencies:
@@ -16245,7 +16522,7 @@ snapshots:
       acorn: 8.15.0
       pathe: 2.0.3
       pkg-types: 1.3.1
-      ufo: 1.6.1
+      ufo: 1.6.3
 
   mocked-exports@0.1.1: {}
 
@@ -16277,20 +16554,20 @@ snapshots:
 
   nice-try@1.0.5: {}
 
-  nitropack@2.12.9(xml2js@0.6.2):
-    dependencies:
-      '@cloudflare/kv-asset-handler': 0.4.1
-      '@rollup/plugin-alias': 5.1.1(rollup@4.54.0)
-      '@rollup/plugin-commonjs': 28.0.9(rollup@4.54.0)
-      '@rollup/plugin-inject': 5.0.5(rollup@4.54.0)
-      '@rollup/plugin-json': 6.1.0(rollup@4.54.0)
-      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.54.0)
-      '@rollup/plugin-replace': 6.0.3(rollup@4.54.0)
-      '@rollup/plugin-terser': 0.4.4(rollup@4.54.0)
-      '@vercel/nft': 0.30.4(rollup@4.54.0)
+  nitropack@2.13.1(xml2js@0.6.2):
+    dependencies:
+      '@cloudflare/kv-asset-handler': 0.4.2
+      '@rollup/plugin-alias': 6.0.0(rollup@4.57.1)
+      '@rollup/plugin-commonjs': 29.0.0(rollup@4.57.1)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.57.1)
+      '@rollup/plugin-json': 6.1.0(rollup@4.57.1)
+      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.57.1)
+      '@rollup/plugin-replace': 6.0.3(rollup@4.57.1)
+      '@rollup/plugin-terser': 0.4.4(rollup@4.57.1)
+      '@vercel/nft': 1.3.0(rollup@4.57.1)
       archiver: 7.0.1
       c12: 3.3.3(magicast@0.5.1)
-      chokidar: 4.0.3
+      chokidar: 5.0.0
       citty: 0.1.6
       compatx: 0.2.0
       confbox: 0.2.2
@@ -16302,16 +16579,16 @@ snapshots:
       defu: 6.1.4
       destr: 2.0.5
       dot-prop: 10.1.0
-      esbuild: 0.25.12
+      esbuild: 0.27.2
       escape-string-regexp: 5.0.0
       etag: 1.8.1
       exsolve: 1.0.8
-      globby: 15.0.0
+      globby: 16.1.0
       gzip-size: 7.0.0
-      h3: 1.15.4
+      h3: 1.15.5
       hookable: 5.5.3
       httpxy: 0.1.7
-      ioredis: 5.8.2
+      ioredis: 5.9.2
       jiti: 2.6.1
       klona: 2.0.6
       knitwork: 1.3.0
@@ -16325,28 +16602,28 @@ snapshots:
       ofetch: 1.5.1
       ohash: 2.0.11
       pathe: 2.0.3
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       pkg-types: 2.3.0
       pretty-bytes: 7.1.0
       radix3: 1.1.2
-      rollup: 4.54.0
-      rollup-plugin-visualizer: 6.0.5(rollup@4.54.0)
+      rollup: 4.57.1
+      rollup-plugin-visualizer: 6.0.5(rollup@4.57.1)
       scule: 1.3.0
       semver: 7.7.3
       serve-placeholder: 2.0.2
       serve-static: 2.2.1
       source-map: 0.7.6
       std-env: 3.10.0
-      ufo: 1.6.1
+      ufo: 1.6.3
       ultrahtml: 1.6.0
       uncrypto: 0.1.3
       unctx: 2.5.0
       unenv: 2.0.0-rc.24
       unimport: 5.6.0
       unplugin-utils: 0.3.1
-      unstorage: 1.17.3(db0@0.3.4)(ioredis@5.8.2)
+      unstorage: 1.17.4(db0@0.3.4)(ioredis@5.9.2)
       untyped: 2.0.0
-      unwasm: 0.3.11
+      unwasm: 0.5.3
       youch: 4.1.0-beta.13
       youch-core: 0.3.3
     optionalDependencies:
@@ -16440,18 +16717,18 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2):
+  nuxt@3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2):
     dependencies:
-      '@dxup/nuxt': 0.2.2(magicast@0.5.1)
-      '@nuxt/cli': 3.31.3(cac@6.7.14)(magicast@0.5.1)
-      '@nuxt/devtools': 3.1.1(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
-      '@nuxt/kit': 3.20.2(magicast@0.5.1)
-      '@nuxt/nitro-server': 3.20.2(db0@0.3.4)(ioredis@5.8.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(typescript@5.9.3)(xml2js@0.6.2)
-      '@nuxt/schema': 3.20.2
+      '@dxup/nuxt': 0.3.2(magicast@0.5.1)
+      '@nuxt/cli': 3.32.0(cac@6.7.14)(magicast@0.5.1)
+      '@nuxt/devtools': 3.1.1(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+      '@nuxt/kit': 3.21.0(magicast@0.5.1)
+      '@nuxt/nitro-server': 3.21.0(db0@0.3.4)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(typescript@5.9.3)(xml2js@0.6.2)
+      '@nuxt/schema': 3.21.0
       '@nuxt/telemetry': 2.6.6(magicast@0.5.1)
-      '@nuxt/vite-builder': 3.20.2(@types/node@20.19.27)(eslint@9.39.2(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.5.1)(nuxt@3.20.2(@parcel/watcher@2.5.1)(@types/node@20.19.27)(@vue/compiler-sfc@3.5.26)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(optionator@0.9.4)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(vue-tsc@2.2.12(typescript@5.9.3))(vue@3.5.26(typescript@5.9.3))(yaml@2.8.2)
-      '@unhead/vue': 2.1.1(vue@3.5.26(typescript@5.9.3))
-      '@vue/shared': 3.5.26
+      '@nuxt/vite-builder': 3.21.0(@types/node@20.19.31)(eslint@9.39.2(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.5.1)(nuxt@3.21.0(@parcel/watcher@2.5.6)(@types/node@20.19.31)(@vue/compiler-sfc@3.5.27)(cac@6.7.14)(db0@0.3.4)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(lightningcss@1.30.2)(magicast@0.5.1)(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3))(xml2js@0.6.2)(yaml@2.8.2))(optionator@0.9.4)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(vue-tsc@2.2.12(typescript@5.9.3))(vue@3.5.27(typescript@5.9.3))(yaml@2.8.2)
+      '@unhead/vue': 2.1.2(vue@3.5.27(typescript@5.9.3))
+      '@vue/shared': 3.5.27
       c12: 3.3.3(magicast@0.5.1)
       chokidar: 5.0.0
       compatx: 0.2.0
@@ -16459,11 +16736,11 @@ snapshots:
       cookie-es: 2.0.0
       defu: 6.1.4
       destr: 2.0.5
-      devalue: 5.6.1
+      devalue: 5.6.2
       errx: 0.1.0
       escape-string-regexp: 5.0.0
       exsolve: 1.0.8
-      h3: 1.15.4
+      h3: 1.15.5
       hookable: 5.5.3
       ignore: 7.0.5
       impound: 1.0.0
@@ -16473,35 +16750,35 @@ snapshots:
       magic-string: 0.30.21
       mlly: 1.8.0
       nanotar: 0.2.0
-      nypm: 0.6.2
+      nypm: 0.6.4
       ofetch: 1.5.1
       ohash: 2.0.11
-      on-change: 6.0.1
-      oxc-minify: 0.102.0
-      oxc-parser: 0.102.0
-      oxc-transform: 0.102.0
-      oxc-walker: 0.6.0(oxc-parser@0.102.0)
+      on-change: 6.0.2
+      oxc-minify: 0.110.0
+      oxc-parser: 0.110.0
+      oxc-transform: 0.110.0
+      oxc-walker: 0.7.0(oxc-parser@0.110.0)
       pathe: 2.0.3
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       pkg-types: 2.3.0
-      radix3: 1.1.2
+      rou3: 0.7.12
       scule: 1.3.0
       semver: 7.7.3
       std-env: 3.10.0
       tinyglobby: 0.2.15
-      ufo: 1.6.1
+      ufo: 1.6.3
       ultrahtml: 1.6.0
       uncrypto: 0.1.3
       unctx: 2.5.0
       unimport: 5.6.0
       unplugin: 2.3.11
-      unplugin-vue-router: 0.19.2(@vue/compiler-sfc@3.5.26)(vue-router@4.6.4(vue@3.5.26(typescript@5.9.3)))(vue@3.5.26(typescript@5.9.3))
+      unplugin-vue-router: 0.19.2(@vue/compiler-sfc@3.5.27)(vue-router@4.6.4(vue@3.5.27(typescript@5.9.3)))(vue@3.5.27(typescript@5.9.3))
       untyped: 2.0.0
-      vue: 3.5.26(typescript@5.9.3)
-      vue-router: 4.6.4(vue@3.5.26(typescript@5.9.3))
+      vue: 3.5.27(typescript@5.9.3)
+      vue-router: 4.6.4(vue@3.5.27(typescript@5.9.3))
     optionalDependencies:
-      '@parcel/watcher': 2.5.1
-      '@types/node': 20.19.27
+      '@parcel/watcher': 2.5.6
+      '@types/node': 20.19.31
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -16563,12 +16840,10 @@ snapshots:
       - xml2js
       - yaml
 
-  nypm@0.6.2:
+  nypm@0.6.4:
     dependencies:
-      citty: 0.1.6
-      consola: 3.4.2
+      citty: 0.2.0
       pathe: 2.0.3
-      pkg-types: 2.3.0
       tinyexec: 1.0.2
 
   object-assign@4.1.1: {}
@@ -16583,11 +16858,11 @@ snapshots:
     dependencies:
       destr: 2.0.5
       node-fetch-native: 1.6.7
-      ufo: 1.6.1
+      ufo: 1.6.3
 
   ohash@2.0.11: {}
 
-  on-change@6.0.1: {}
+  on-change@6.0.2: {}
 
   on-finished@2.4.1:
     dependencies:
@@ -16617,7 +16892,7 @@ snapshots:
 
   open@10.2.0:
     dependencies:
-      default-browser: 5.4.0
+      default-browser: 5.5.0
       define-lazy-prop: 3.0.0
       is-inside-container: 1.0.0
       wsl-utils: 0.1.0
@@ -16639,66 +16914,81 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
-  oxc-minify@0.102.0:
+  oxc-minify@0.110.0:
     optionalDependencies:
-      '@oxc-minify/binding-android-arm64': 0.102.0
-      '@oxc-minify/binding-darwin-arm64': 0.102.0
-      '@oxc-minify/binding-darwin-x64': 0.102.0
-      '@oxc-minify/binding-freebsd-x64': 0.102.0
-      '@oxc-minify/binding-linux-arm-gnueabihf': 0.102.0
-      '@oxc-minify/binding-linux-arm64-gnu': 0.102.0
-      '@oxc-minify/binding-linux-arm64-musl': 0.102.0
-      '@oxc-minify/binding-linux-riscv64-gnu': 0.102.0
-      '@oxc-minify/binding-linux-s390x-gnu': 0.102.0
-      '@oxc-minify/binding-linux-x64-gnu': 0.102.0
-      '@oxc-minify/binding-linux-x64-musl': 0.102.0
-      '@oxc-minify/binding-openharmony-arm64': 0.102.0
-      '@oxc-minify/binding-wasm32-wasi': 0.102.0
-      '@oxc-minify/binding-win32-arm64-msvc': 0.102.0
-      '@oxc-minify/binding-win32-x64-msvc': 0.102.0
-
-  oxc-parser@0.102.0:
-    dependencies:
-      '@oxc-project/types': 0.102.0
+      '@oxc-minify/binding-android-arm-eabi': 0.110.0
+      '@oxc-minify/binding-android-arm64': 0.110.0
+      '@oxc-minify/binding-darwin-arm64': 0.110.0
+      '@oxc-minify/binding-darwin-x64': 0.110.0
+      '@oxc-minify/binding-freebsd-x64': 0.110.0
+      '@oxc-minify/binding-linux-arm-gnueabihf': 0.110.0
+      '@oxc-minify/binding-linux-arm-musleabihf': 0.110.0
+      '@oxc-minify/binding-linux-arm64-gnu': 0.110.0
+      '@oxc-minify/binding-linux-arm64-musl': 0.110.0
+      '@oxc-minify/binding-linux-ppc64-gnu': 0.110.0
+      '@oxc-minify/binding-linux-riscv64-gnu': 0.110.0
+      '@oxc-minify/binding-linux-riscv64-musl': 0.110.0
+      '@oxc-minify/binding-linux-s390x-gnu': 0.110.0
+      '@oxc-minify/binding-linux-x64-gnu': 0.110.0
+      '@oxc-minify/binding-linux-x64-musl': 0.110.0
+      '@oxc-minify/binding-openharmony-arm64': 0.110.0
+      '@oxc-minify/binding-wasm32-wasi': 0.110.0
+      '@oxc-minify/binding-win32-arm64-msvc': 0.110.0
+      '@oxc-minify/binding-win32-ia32-msvc': 0.110.0
+      '@oxc-minify/binding-win32-x64-msvc': 0.110.0
+
+  oxc-parser@0.110.0:
+    dependencies:
+      '@oxc-project/types': 0.110.0
     optionalDependencies:
-      '@oxc-parser/binding-android-arm64': 0.102.0
-      '@oxc-parser/binding-darwin-arm64': 0.102.0
-      '@oxc-parser/binding-darwin-x64': 0.102.0
-      '@oxc-parser/binding-freebsd-x64': 0.102.0
-      '@oxc-parser/binding-linux-arm-gnueabihf': 0.102.0
-      '@oxc-parser/binding-linux-arm64-gnu': 0.102.0
-      '@oxc-parser/binding-linux-arm64-musl': 0.102.0
-      '@oxc-parser/binding-linux-riscv64-gnu': 0.102.0
-      '@oxc-parser/binding-linux-s390x-gnu': 0.102.0
-      '@oxc-parser/binding-linux-x64-gnu': 0.102.0
-      '@oxc-parser/binding-linux-x64-musl': 0.102.0
-      '@oxc-parser/binding-openharmony-arm64': 0.102.0
-      '@oxc-parser/binding-wasm32-wasi': 0.102.0
-      '@oxc-parser/binding-win32-arm64-msvc': 0.102.0
-      '@oxc-parser/binding-win32-x64-msvc': 0.102.0
-
-  oxc-transform@0.102.0:
+      '@oxc-parser/binding-android-arm-eabi': 0.110.0
+      '@oxc-parser/binding-android-arm64': 0.110.0
+      '@oxc-parser/binding-darwin-arm64': 0.110.0
+      '@oxc-parser/binding-darwin-x64': 0.110.0
+      '@oxc-parser/binding-freebsd-x64': 0.110.0
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.110.0
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.110.0
+      '@oxc-parser/binding-linux-arm64-gnu': 0.110.0
+      '@oxc-parser/binding-linux-arm64-musl': 0.110.0
+      '@oxc-parser/binding-linux-ppc64-gnu': 0.110.0
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.110.0
+      '@oxc-parser/binding-linux-riscv64-musl': 0.110.0
+      '@oxc-parser/binding-linux-s390x-gnu': 0.110.0
+      '@oxc-parser/binding-linux-x64-gnu': 0.110.0
+      '@oxc-parser/binding-linux-x64-musl': 0.110.0
+      '@oxc-parser/binding-openharmony-arm64': 0.110.0
+      '@oxc-parser/binding-wasm32-wasi': 0.110.0
+      '@oxc-parser/binding-win32-arm64-msvc': 0.110.0
+      '@oxc-parser/binding-win32-ia32-msvc': 0.110.0
+      '@oxc-parser/binding-win32-x64-msvc': 0.110.0
+
+  oxc-transform@0.110.0:
     optionalDependencies:
-      '@oxc-transform/binding-android-arm64': 0.102.0
-      '@oxc-transform/binding-darwin-arm64': 0.102.0
-      '@oxc-transform/binding-darwin-x64': 0.102.0
-      '@oxc-transform/binding-freebsd-x64': 0.102.0
-      '@oxc-transform/binding-linux-arm-gnueabihf': 0.102.0
-      '@oxc-transform/binding-linux-arm64-gnu': 0.102.0
-      '@oxc-transform/binding-linux-arm64-musl': 0.102.0
-      '@oxc-transform/binding-linux-riscv64-gnu': 0.102.0
-      '@oxc-transform/binding-linux-s390x-gnu': 0.102.0
-      '@oxc-transform/binding-linux-x64-gnu': 0.102.0
-      '@oxc-transform/binding-linux-x64-musl': 0.102.0
-      '@oxc-transform/binding-openharmony-arm64': 0.102.0
-      '@oxc-transform/binding-wasm32-wasi': 0.102.0
-      '@oxc-transform/binding-win32-arm64-msvc': 0.102.0
-      '@oxc-transform/binding-win32-x64-msvc': 0.102.0
-
-  oxc-walker@0.6.0(oxc-parser@0.102.0):
+      '@oxc-transform/binding-android-arm-eabi': 0.110.0
+      '@oxc-transform/binding-android-arm64': 0.110.0
+      '@oxc-transform/binding-darwin-arm64': 0.110.0
+      '@oxc-transform/binding-darwin-x64': 0.110.0
+      '@oxc-transform/binding-freebsd-x64': 0.110.0
+      '@oxc-transform/binding-linux-arm-gnueabihf': 0.110.0
+      '@oxc-transform/binding-linux-arm-musleabihf': 0.110.0
+      '@oxc-transform/binding-linux-arm64-gnu': 0.110.0
+      '@oxc-transform/binding-linux-arm64-musl': 0.110.0
+      '@oxc-transform/binding-linux-ppc64-gnu': 0.110.0
+      '@oxc-transform/binding-linux-riscv64-gnu': 0.110.0
+      '@oxc-transform/binding-linux-riscv64-musl': 0.110.0
+      '@oxc-transform/binding-linux-s390x-gnu': 0.110.0
+      '@oxc-transform/binding-linux-x64-gnu': 0.110.0
+      '@oxc-transform/binding-linux-x64-musl': 0.110.0
+      '@oxc-transform/binding-openharmony-arm64': 0.110.0
+      '@oxc-transform/binding-wasm32-wasi': 0.110.0
+      '@oxc-transform/binding-win32-arm64-msvc': 0.110.0
+      '@oxc-transform/binding-win32-ia32-msvc': 0.110.0
+      '@oxc-transform/binding-win32-x64-msvc': 0.110.0
+
+  oxc-walker@0.7.0(oxc-parser@0.110.0):
     dependencies:
       magic-regexp: 0.10.0
-      oxc-parser: 0.102.0
+      oxc-parser: 0.110.0
 
   p-finally@1.0.0: {}
 
@@ -16724,7 +17014,7 @@ snapshots:
 
   p-queue@8.1.1:
     dependencies:
-      eventemitter3: 5.0.1
+      eventemitter3: 5.0.4
       p-timeout: 6.1.4
 
   p-timeout@6.1.4: {}
@@ -16744,8 +17034,6 @@ snapshots:
       '@pagefind/linux-x64': 1.4.0
       '@pagefind/windows-x64': 1.4.0
 
-  pako@0.2.9: {}
-
   pako@1.0.11: {}
 
   param-case@3.0.4:
@@ -16762,7 +17050,7 @@ snapshots:
       '@types/unist': 2.0.11
       character-entities-legacy: 3.0.0
       character-reference-invalid: 2.0.1
-      decode-named-character-reference: 1.2.0
+      decode-named-character-reference: 1.3.0
       is-alphanumerical: 2.0.1
       is-decimal: 2.0.1
       is-hexadecimal: 2.0.1
@@ -16773,7 +17061,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.27.1
+      '@babel/code-frame': 7.29.0
       error-ex: 1.3.4
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -16831,9 +17119,12 @@ snapshots:
       lru-cache: 10.4.3
       minipass: 7.1.2
 
-  path-to-regexp@6.3.0: {}
+  path-scurry@2.0.1:
+    dependencies:
+      lru-cache: 11.2.5
+      minipass: 7.1.2
 
-  path-type@6.0.0: {}
+  path-to-regexp@6.3.0: {}
 
   pathe@1.1.2: {}
 
@@ -16845,11 +17136,11 @@ snapshots:
 
   perfect-debounce@1.0.0: {}
 
-  perfect-debounce@2.0.0: {}
+  perfect-debounce@2.1.0: {}
 
   pg-int8@1.0.1: {}
 
-  pg-protocol@1.10.3: {}
+  pg-protocol@1.11.0: {}
 
   pg-types@2.2.0:
     dependencies:
@@ -16869,18 +17160,18 @@ snapshots:
 
   pify@2.3.0: {}
 
-  pinia-plugin-persistedstate@4.7.1(@nuxt/kit@3.20.2(magicast@0.5.1))(@pinia/nuxt@0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))):
+  pinia-plugin-persistedstate@4.7.1(@nuxt/kit@3.21.0(magicast@0.5.1))(@pinia/nuxt@0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))))(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))):
     dependencies:
       defu: 6.1.4
     optionalDependencies:
-      '@nuxt/kit': 3.20.2(magicast@0.5.1)
-      '@pinia/nuxt': 0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))
-      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+      '@nuxt/kit': 3.21.0(magicast@0.5.1)
+      '@pinia/nuxt': 0.11.3(magicast@0.5.1)(pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))
+      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
 
-  pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)):
+  pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)):
     dependencies:
       '@vue/devtools-api': 7.7.9
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     optionalDependencies:
       typescript: 5.9.3
 
@@ -17102,13 +17393,21 @@ snapshots:
     dependencies:
       xtend: 4.0.2
 
-  posthog-js@1.312.0:
+  posthog-js@1.337.1:
     dependencies:
-      '@posthog/core': 1.9.0
-      core-js: 3.47.0
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/api-logs': 0.208.0
+      '@opentelemetry/exporter-logs-otlp-http': 0.208.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 2.5.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-logs': 0.208.0(@opentelemetry/api@1.9.0)
+      '@posthog/core': 1.19.0
+      '@posthog/types': 1.337.1
+      core-js: 3.48.0
+      dompurify: 3.3.1
       fflate: 0.4.8
-      preact: 10.28.1
-      web-vitals: 4.2.4
+      preact: 10.28.3
+      query-selector-shadow-dom: 1.0.1
+      web-vitals: 5.1.0
 
   postprocessing@6.38.2(three@0.172.0):
     dependencies:
@@ -17116,7 +17415,7 @@ snapshots:
 
   potpack@1.0.2: {}
 
-  preact@10.28.1: {}
+  preact@10.28.3: {}
 
   prelude-ls@1.2.1: {}
 
@@ -17126,19 +17425,19 @@ snapshots:
 
   prettier-plugin-sql-cst@0.13.0:
     dependencies:
-      prettier: 3.7.4
+      prettier: 3.8.1
       sql-parser-cst: 0.33.1
 
-  prettier-plugin-tailwindcss@0.6.14(prettier@3.7.4):
+  prettier-plugin-tailwindcss@0.6.14(prettier@3.8.1):
     dependencies:
-      prettier: 3.7.4
+      prettier: 3.8.1
 
-  prettier-plugin-toml@2.0.6(prettier@3.7.4):
+  prettier-plugin-toml@2.0.6(prettier@3.8.1):
     dependencies:
       '@taplo/lib': 0.5.0
-      prettier: 3.7.4
+      prettier: 3.8.1
 
-  prettier@3.7.4: {}
+  prettier@3.8.1: {}
 
   pretty-bytes@7.1.0: {}
 
@@ -17169,6 +17468,21 @@ snapshots:
 
   proto-list@1.2.4: {}
 
+  protobufjs@7.5.4:
+    dependencies:
+      '@protobufjs/aspromise': 1.1.2
+      '@protobufjs/base64': 1.1.2
+      '@protobufjs/codegen': 2.0.4
+      '@protobufjs/eventemitter': 1.1.0
+      '@protobufjs/fetch': 1.1.0
+      '@protobufjs/float': 1.0.2
+      '@protobufjs/inquire': 1.1.0
+      '@protobufjs/path': 1.1.2
+      '@protobufjs/pool': 1.1.0
+      '@protobufjs/utf8': 1.1.0
+      '@types/node': 20.19.31
+      long: 5.3.2
+
   protocols@2.0.2: {}
 
   proxy-from-env@1.1.0: {}
@@ -17249,9 +17563,9 @@ snapshots:
 
   punycode@2.3.1: {}
 
-  qrcode.vue@3.6.0(vue@3.5.26(typescript@5.9.3)):
+  qrcode.vue@3.8.0(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
   qs@6.14.1:
     dependencies:
@@ -17259,6 +17573,8 @@ snapshots:
 
   quansync@0.2.11: {}
 
+  query-selector-shadow-dom@1.0.1: {}
+
   queue-microtask@1.2.3: {}
 
   radix3@1.1.2: {}
@@ -17274,14 +17590,14 @@ snapshots:
       defu: 6.1.4
       destr: 2.0.5
 
-  react-dom@19.2.3(react@19.2.3):
+  react-dom@19.2.4(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
       scheduler: 0.27.0
 
   react-is@17.0.2: {}
 
-  react@19.2.3: {}
+  react@19.2.4: {}
 
   read-cache@1.0.0:
     dependencies:
@@ -17514,7 +17830,7 @@ snapshots:
       retext: 9.0.0
       retext-smartypants: 6.2.0
       unified: 11.0.5
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
 
   remark-stringify@11.0.0:
     dependencies:
@@ -17553,8 +17869,6 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  restructure@3.0.2: {}
-
   retext-latin@4.0.0:
     dependencies:
       '@types/nlcst': 2.0.3
@@ -17565,7 +17879,7 @@ snapshots:
     dependencies:
       '@types/nlcst': 2.0.3
       nlcst-to-string: 4.0.0
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
 
   retext-stringify@4.0.0:
     dependencies:
@@ -17584,43 +17898,48 @@ snapshots:
 
   rfdc@1.4.1: {}
 
-  rollup-plugin-visualizer@6.0.5(rollup@4.54.0):
+  rollup-plugin-visualizer@6.0.5(rollup@4.57.1):
     dependencies:
       open: 8.4.2
       picomatch: 4.0.3
       source-map: 0.7.6
       yargs: 17.7.2
     optionalDependencies:
-      rollup: 4.54.0
+      rollup: 4.57.1
 
-  rollup@4.54.0:
+  rollup@4.57.1:
     dependencies:
       '@types/estree': 1.0.8
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.54.0
-      '@rollup/rollup-android-arm64': 4.54.0
-      '@rollup/rollup-darwin-arm64': 4.54.0
-      '@rollup/rollup-darwin-x64': 4.54.0
-      '@rollup/rollup-freebsd-arm64': 4.54.0
-      '@rollup/rollup-freebsd-x64': 4.54.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.54.0
-      '@rollup/rollup-linux-arm-musleabihf': 4.54.0
-      '@rollup/rollup-linux-arm64-gnu': 4.54.0
-      '@rollup/rollup-linux-arm64-musl': 4.54.0
-      '@rollup/rollup-linux-loong64-gnu': 4.54.0
-      '@rollup/rollup-linux-ppc64-gnu': 4.54.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.54.0
-      '@rollup/rollup-linux-riscv64-musl': 4.54.0
-      '@rollup/rollup-linux-s390x-gnu': 4.54.0
-      '@rollup/rollup-linux-x64-gnu': 4.54.0
-      '@rollup/rollup-linux-x64-musl': 4.54.0
-      '@rollup/rollup-openharmony-arm64': 4.54.0
-      '@rollup/rollup-win32-arm64-msvc': 4.54.0
-      '@rollup/rollup-win32-ia32-msvc': 4.54.0
-      '@rollup/rollup-win32-x64-gnu': 4.54.0
-      '@rollup/rollup-win32-x64-msvc': 4.54.0
+      '@rollup/rollup-android-arm-eabi': 4.57.1
+      '@rollup/rollup-android-arm64': 4.57.1
+      '@rollup/rollup-darwin-arm64': 4.57.1
+      '@rollup/rollup-darwin-x64': 4.57.1
+      '@rollup/rollup-freebsd-arm64': 4.57.1
+      '@rollup/rollup-freebsd-x64': 4.57.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.57.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.57.1
+      '@rollup/rollup-linux-arm64-gnu': 4.57.1
+      '@rollup/rollup-linux-arm64-musl': 4.57.1
+      '@rollup/rollup-linux-loong64-gnu': 4.57.1
+      '@rollup/rollup-linux-loong64-musl': 4.57.1
+      '@rollup/rollup-linux-ppc64-gnu': 4.57.1
+      '@rollup/rollup-linux-ppc64-musl': 4.57.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.57.1
+      '@rollup/rollup-linux-riscv64-musl': 4.57.1
+      '@rollup/rollup-linux-s390x-gnu': 4.57.1
+      '@rollup/rollup-linux-x64-gnu': 4.57.1
+      '@rollup/rollup-linux-x64-musl': 4.57.1
+      '@rollup/rollup-openbsd-x64': 4.57.1
+      '@rollup/rollup-openharmony-arm64': 4.57.1
+      '@rollup/rollup-win32-arm64-msvc': 4.57.1
+      '@rollup/rollup-win32-ia32-msvc': 4.57.1
+      '@rollup/rollup-win32-x64-gnu': 4.57.1
+      '@rollup/rollup-win32-x64-msvc': 4.57.1
       fsevents: 2.3.3
 
+  rou3@0.7.12: {}
+
   rss@1.2.2:
     dependencies:
       mime-types: 2.1.13
@@ -17638,15 +17957,15 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass@1.97.1:
+  sass@1.97.3:
     dependencies:
       chokidar: 4.0.3
       immutable: 5.1.4
       source-map-js: 1.2.1
     optionalDependencies:
-      '@parcel/watcher': 2.5.1
+      '@parcel/watcher': 2.5.6
 
-  sax@1.4.3: {}
+  sax@1.4.4: {}
 
   scheduler@0.27.0: {}
 
@@ -17693,7 +18012,7 @@ snapshots:
     dependencies:
       randombytes: 2.1.0
 
-  seroval@1.4.2: {}
+  seroval@1.5.0: {}
 
   serve-placeholder@2.0.2:
     dependencies:
@@ -17768,7 +18087,6 @@ snapshots:
       '@img/sharp-win32-arm64': 0.34.5
       '@img/sharp-win32-ia32': 0.34.5
       '@img/sharp-win32-x64': 0.34.5
-    optional: true
 
   shebang-command@1.2.0:
     dependencies:
@@ -17795,14 +18113,14 @@ snapshots:
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
 
-  shiki@3.20.0:
+  shiki@3.22.0:
     dependencies:
-      '@shikijs/core': 3.20.0
-      '@shikijs/engine-javascript': 3.20.0
-      '@shikijs/engine-oniguruma': 3.20.0
-      '@shikijs/langs': 3.20.0
-      '@shikijs/themes': 3.20.0
-      '@shikijs/types': 3.20.0
+      '@shikijs/core': 3.22.0
+      '@shikijs/engine-javascript': 3.22.0
+      '@shikijs/engine-oniguruma': 3.22.0
+      '@shikijs/langs': 3.22.0
+      '@shikijs/themes': 3.22.0
+      '@shikijs/types': 3.22.0
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.4
 
@@ -17863,7 +18181,7 @@ snapshots:
       '@types/node': 17.0.45
       '@types/sax': 1.2.7
       arg: 5.0.2
-      sax: 1.4.3
+      sax: 1.4.4
 
   slash@5.1.0: {}
 
@@ -17909,18 +18227,18 @@ snapshots:
 
   sql-parser-cst@0.33.1: {}
 
-  srvx@0.9.8: {}
+  srvx@0.10.1: {}
 
   stable-hash-x@0.2.0: {}
 
   standard-as-callback@2.1.0: {}
 
-  starlight-openapi@0.14.4(@astrojs/markdown-remark@6.3.10)(@astrojs/starlight@0.32.6(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)))(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))(openapi-types@12.1.3):
+  starlight-openapi@0.14.4(@astrojs/markdown-remark@6.3.10)(@astrojs/starlight@0.32.6(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)))(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2))(openapi-types@12.1.3):
     dependencies:
       '@astrojs/markdown-remark': 6.3.10
-      '@astrojs/starlight': 0.32.6(astro@5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2))
+      '@astrojs/starlight': 0.32.6(astro@5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2))
       '@readme/openapi-parser': 2.7.0(openapi-types@12.1.3)
-      astro: 5.16.6(@types/node@20.19.27)(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.54.0)(sass@1.97.1)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)
+      astro: 5.17.1(@types/node@20.19.31)(db0@0.3.4)(ioredis@5.9.2)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.57.1)(sass@1.97.3)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)
       github-slugger: 2.0.0
       url-template: 3.1.1
     transitivePeerDependencies:
@@ -17937,12 +18255,10 @@ snapshots:
 
   std-env@3.10.0: {}
 
-  stoppable@1.1.0: {}
-
-  storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/icons': 2.0.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@storybook/icons': 2.0.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@testing-library/jest-dom': 6.9.1
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
       '@vitest/expect': 3.2.4
@@ -17951,10 +18267,10 @@ snapshots:
       open: 10.2.0
       recast: 0.23.11
       semver: 7.7.3
-      use-sync-external-store: 1.6.0(react@19.2.3)
-      ws: 8.18.3
+      use-sync-external-store: 1.6.0(react@19.2.4)
+      ws: 8.19.0
     optionalDependencies:
-      prettier: 3.7.4
+      prettier: 3.8.1
     transitivePeerDependencies:
       - '@testing-library/dom'
       - bufferutil
@@ -18030,11 +18346,11 @@ snapshots:
     dependencies:
       js-tokens: 9.0.1
 
-  stripe@18.5.0(@types/node@20.19.27):
+  stripe@18.5.0(@types/node@20.19.31):
     dependencies:
       qs: 6.14.1
     optionalDependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
 
   structured-clone-es@1.0.0: {}
 
@@ -18094,9 +18410,9 @@ snapshots:
       css-what: 6.2.2
       csso: 5.0.5
       picocolors: 1.1.1
-      sax: 1.4.3
+      sax: 1.4.4
 
-  synckit@0.11.11:
+  synckit@0.11.12:
     dependencies:
       '@pkgr/core': 0.2.9
 
@@ -18145,7 +18461,7 @@ snapshots:
       - bare-abort-controller
       - react-native-b4a
 
-  tar@7.5.2:
+  tar@7.5.7:
     dependencies:
       '@isaacs/fs-minipass': 4.0.1
       chownr: 3.0.0
@@ -18153,7 +18469,7 @@ snapshots:
       minizlib: 3.1.0
       yallist: 5.0.0
 
-  terser@5.44.1:
+  terser@5.46.0:
     dependencies:
       '@jridgewell/source-map': 0.3.11
       acorn: 8.15.0
@@ -18174,7 +18490,7 @@ snapshots:
     dependencies:
       any-promise: 1.3.0
 
-  three-custom-shader-material@5.4.0(react@19.2.3)(three@0.172.0):
+  three-custom-shader-material@5.4.0(react@19.2.4)(three@0.172.0):
     dependencies:
       glsl-token-functions: 1.0.1
       glsl-token-string: 1.0.1
@@ -18182,7 +18498,7 @@ snapshots:
       object-hash: 3.0.0
       three: 0.172.0
     optionalDependencies:
-      react: 19.2.3
+      react: 19.2.4
 
   three-stdlib@2.36.1(three@0.172.0):
     dependencies:
@@ -18232,7 +18548,7 @@ snapshots:
 
   trough@2.2.0: {}
 
-  ts-api-utils@2.3.0(typescript@5.9.3):
+  ts-api-utils@2.4.0(typescript@5.9.3):
     dependencies:
       typescript: 5.9.3
 
@@ -18248,32 +18564,32 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  turbo-darwin-64@2.7.2:
+  turbo-darwin-64@2.8.2:
     optional: true
 
-  turbo-darwin-arm64@2.7.2:
+  turbo-darwin-arm64@2.8.2:
     optional: true
 
-  turbo-linux-64@2.7.2:
+  turbo-linux-64@2.8.2:
     optional: true
 
-  turbo-linux-arm64@2.7.2:
+  turbo-linux-arm64@2.8.2:
     optional: true
 
-  turbo-windows-64@2.7.2:
+  turbo-windows-64@2.8.2:
     optional: true
 
-  turbo-windows-arm64@2.7.2:
+  turbo-windows-arm64@2.8.2:
     optional: true
 
-  turbo@2.7.2:
+  turbo@2.8.2:
     optionalDependencies:
-      turbo-darwin-64: 2.7.2
-      turbo-darwin-arm64: 2.7.2
-      turbo-linux-64: 2.7.2
-      turbo-linux-arm64: 2.7.2
-      turbo-windows-64: 2.7.2
-      turbo-windows-arm64: 2.7.2
+      turbo-darwin-64: 2.8.2
+      turbo-darwin-arm64: 2.8.2
+      turbo-linux-64: 2.8.2
+      turbo-linux-arm64: 2.8.2
+      turbo-windows-64: 2.8.2
+      turbo-windows-arm64: 2.8.2
 
   type-check@0.4.0:
     dependencies:
@@ -18289,7 +18605,7 @@ snapshots:
 
   type-fest@4.41.0: {}
 
-  type-fest@5.3.1:
+  type-fest@5.4.3:
     dependencies:
       tagged-tag: 1.0.0
 
@@ -18301,12 +18617,12 @@ snapshots:
     dependencies:
       semver: 7.7.3
 
-  typescript-eslint@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+  typescript-eslint@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.51.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -18318,7 +18634,7 @@ snapshots:
 
   uc.micro@2.1.0: {}
 
-  ufo@1.6.1: {}
+  ufo@1.6.3: {}
 
   ultrahtml@1.6.0: {}
 
@@ -18333,28 +18649,20 @@ snapshots:
 
   undici-types@6.21.0: {}
 
-  undici@7.14.0: {}
+  undici@7.18.2: {}
 
   unenv@2.0.0-rc.24:
     dependencies:
       pathe: 2.0.3
 
-  unhead@2.1.1:
-    dependencies:
-      hookable: 5.5.3
-
-  unicode-properties@1.4.1:
+  unhead@2.1.2:
     dependencies:
-      base64-js: 1.5.1
-      unicode-trie: 2.0.0
-
-  unicode-trie@2.0.0:
-    dependencies:
-      pako: 0.2.9
-      tiny-inflate: 1.0.3
+      hookable: 6.0.1
 
   unicorn-magic@0.3.0: {}
 
+  unicorn-magic@0.4.0: {}
+
   unified@11.0.5:
     dependencies:
       '@types/unist': 3.0.3
@@ -18365,7 +18673,7 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
-  unifont@0.6.0:
+  unifont@0.7.3:
     dependencies:
       css-tree: 3.1.0
       ofetch: 1.5.1
@@ -18413,7 +18721,7 @@ snapshots:
   unist-util-remove-position@5.0.0:
     dependencies:
       '@types/unist': 3.0.3
-      unist-util-visit: 5.0.0
+      unist-util-visit: 5.1.0
 
   unist-util-stringify-position@4.0.0:
     dependencies:
@@ -18428,7 +18736,7 @@ snapshots:
       '@types/unist': 3.0.3
       unist-util-is: 6.0.1
 
-  unist-util-visit@5.0.0:
+  unist-util-visit@5.1.0:
     dependencies:
       '@types/unist': 3.0.3
       unist-util-is: 6.0.1
@@ -18444,12 +18752,12 @@ snapshots:
       pathe: 2.0.3
       picomatch: 4.0.3
 
-  unplugin-vue-router@0.19.2(@vue/compiler-sfc@3.5.26)(vue-router@4.6.4(vue@3.5.26(typescript@5.9.3)))(vue@3.5.26(typescript@5.9.3)):
+  unplugin-vue-router@0.19.2(@vue/compiler-sfc@3.5.27)(vue-router@4.6.4(vue@3.5.27(typescript@5.9.3)))(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      '@babel/generator': 7.28.5
-      '@vue-macros/common': 3.1.1(vue@3.5.26(typescript@5.9.3))
-      '@vue/compiler-sfc': 3.5.26
-      '@vue/language-core': 3.2.1
+      '@babel/generator': 7.29.0
+      '@vue-macros/common': 3.1.2(vue@3.5.27(typescript@5.9.3))
+      '@vue/compiler-sfc': 3.5.27
+      '@vue/language-core': 3.2.4
       ast-walker-scope: 0.8.3
       chokidar: 5.0.0
       json5: 2.2.3
@@ -18465,7 +18773,7 @@ snapshots:
       unplugin-utils: 0.3.1
       yaml: 2.8.2
     optionalDependencies:
-      vue-router: 4.6.4(vue@3.5.26(typescript@5.9.3))
+      vue-router: 4.6.4(vue@3.5.27(typescript@5.9.3))
     transitivePeerDependencies:
       - vue
 
@@ -18507,19 +18815,19 @@ snapshots:
       '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
       '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
 
-  unstorage@1.17.3(db0@0.3.4)(ioredis@5.8.2):
+  unstorage@1.17.4(db0@0.3.4)(ioredis@5.9.2):
     dependencies:
       anymatch: 3.1.3
-      chokidar: 4.0.3
+      chokidar: 5.0.0
       destr: 2.0.5
-      h3: 1.15.4
-      lru-cache: 10.4.3
+      h3: 1.15.5
+      lru-cache: 11.2.5
       node-fetch-native: 1.6.7
       ofetch: 1.5.1
-      ufo: 1.6.1
+      ufo: 1.6.3
     optionalDependencies:
       db0: 0.3.4
-      ioredis: 5.8.2
+      ioredis: 5.9.2
 
   untun@0.1.3:
     dependencies:
@@ -18535,14 +18843,14 @@ snapshots:
       knitwork: 1.3.0
       scule: 1.3.0
 
-  unwasm@0.3.11:
+  unwasm@0.5.3:
     dependencies:
+      exsolve: 1.0.8
       knitwork: 1.3.0
       magic-string: 0.30.21
       mlly: 1.8.0
       pathe: 2.0.3
       pkg-types: 2.3.0
-      unplugin: 2.3.11
 
   update-browserslist-db@1.2.3(browserslist@4.28.1):
     dependencies:
@@ -18558,9 +18866,9 @@ snapshots:
 
   url-template@3.1.1: {}
 
-  use-sync-external-store@1.6.0(react@19.2.3):
+  use-sync-external-store@1.6.0(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
 
   util-deprecate@1.0.2: {}
 
@@ -18584,23 +18892,23 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-dev-rpc@1.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)):
+  vite-dev-rpc@1.1.0(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)):
     dependencies:
       birpc: 2.9.0
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vite-hot-client: 2.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vite-hot-client: 2.1.0(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))
 
-  vite-hot-client@2.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)):
+  vite-hot-client@2.1.0(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)):
     dependencies:
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
 
-  vite-node@5.2.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
+  vite-node@5.3.0(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
     dependencies:
       cac: 6.7.14
-      es-module-lexer: 1.7.0
+      es-module-lexer: 2.0.0
       obug: 2.1.1
       pathe: 2.0.3
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -18614,16 +18922,16 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-checker@0.12.0(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(typescript@5.9.3)(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3)):
+  vite-plugin-checker@0.12.0(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(typescript@5.9.3)(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue-tsc@2.2.12(typescript@5.9.3)):
     dependencies:
-      '@babel/code-frame': 7.27.1
+      '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
       npm-run-path: 6.0.0
       picocolors: 1.1.1
       picomatch: 4.0.3
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.15
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
       vscode-uri: 3.1.0
     optionalDependencies:
       eslint: 9.39.2(jiti@2.6.1)
@@ -18631,146 +18939,146 @@ snapshots:
       typescript: 5.9.3
       vue-tsc: 2.2.12(typescript@5.9.3)
 
-  vite-plugin-inspect@11.3.3(@nuxt/kit@4.2.2(magicast@0.5.1))(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)):
+  vite-plugin-inspect@11.3.3(@nuxt/kit@4.3.0(magicast@0.5.1))(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)):
     dependencies:
       ansis: 4.2.0
       debug: 4.4.3
       error-stack-parser-es: 1.0.5
       ohash: 2.0.11
       open: 10.2.0
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       sirv: 3.0.2
       unplugin-utils: 0.3.1
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vite-dev-rpc: 1.1.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vite-dev-rpc: 1.1.0(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))
     optionalDependencies:
-      '@nuxt/kit': 4.2.2(magicast@0.5.1)
+      '@nuxt/kit': 4.3.0(magicast@0.5.1)
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-vue-tracer@1.2.0(vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3)):
+  vite-plugin-vue-tracer@1.2.0(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3)):
     dependencies:
       estree-walker: 3.0.3
       exsolve: 1.0.8
       magic-string: 0.30.21
       pathe: 2.0.3
       source-map-js: 1.2.1
-      vite: 7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vue: 3.5.26(typescript@5.9.3)
+      vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vite-svg-loader@5.1.0(vue@3.5.26(typescript@5.9.3)):
+  vite-svg-loader@5.1.0(vue@3.5.27(typescript@5.9.3)):
     dependencies:
       svgo: 3.3.2
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1):
+  vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.5.6
-      rollup: 4.54.0
+      rollup: 4.57.1
     optionalDependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
       fsevents: 2.3.3
       lightningcss: 1.30.2
-      sass: 1.97.1
-      terser: 5.44.1
+      sass: 1.97.3
+      terser: 5.46.0
 
-  vite@6.4.1(@types/node@20.19.27)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
+  vite@6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
     dependencies:
       esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
       postcss: 8.5.6
-      rollup: 4.54.0
+      rollup: 4.57.1
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
       fsevents: 2.3.3
       jiti: 1.21.7
       lightningcss: 1.30.2
-      sass: 1.97.1
-      terser: 5.44.1
+      sass: 1.97.3
+      terser: 5.46.0
       yaml: 2.8.2
 
-  vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
+  vite@6.4.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
     dependencies:
       esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
       postcss: 8.5.6
-      rollup: 4.54.0
+      rollup: 4.57.1
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.30.2
-      sass: 1.97.1
-      terser: 5.44.1
+      sass: 1.97.3
+      terser: 5.46.0
       yaml: 2.8.2
 
-  vite@7.3.0(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
+  vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
     dependencies:
       esbuild: 0.27.2
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
       postcss: 8.5.6
-      rollup: 4.54.0
+      rollup: 4.57.1
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 20.19.27
+      '@types/node': 20.19.31
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.30.2
-      sass: 1.97.1
-      terser: 5.44.1
+      sass: 1.97.3
+      terser: 5.46.0
       yaml: 2.8.2
 
-  vitefu@1.1.1(vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)):
+  vitefu@1.1.1(vite@6.4.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)):
     optionalDependencies:
-      vite: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+      vite: 6.4.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
 
   void-elements@3.1.0: {}
 
-  volar-service-css@0.0.67(@volar/language-service@2.4.27):
+  volar-service-css@0.0.68(@volar/language-service@2.4.28):
     dependencies:
       vscode-css-languageservice: 6.3.9
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.1.0
     optionalDependencies:
-      '@volar/language-service': 2.4.27
+      '@volar/language-service': 2.4.28
 
-  volar-service-emmet@0.0.67(@volar/language-service@2.4.27):
+  volar-service-emmet@0.0.68(@volar/language-service@2.4.28):
     dependencies:
       '@emmetio/css-parser': 0.4.1
       '@emmetio/html-matcher': 1.3.0
       '@vscode/emmet-helper': 2.11.0
       vscode-uri: 3.1.0
     optionalDependencies:
-      '@volar/language-service': 2.4.27
+      '@volar/language-service': 2.4.28
 
-  volar-service-html@0.0.67(@volar/language-service@2.4.27):
+  volar-service-html@0.0.68(@volar/language-service@2.4.28):
     dependencies:
       vscode-html-languageservice: 5.6.1
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.1.0
     optionalDependencies:
-      '@volar/language-service': 2.4.27
+      '@volar/language-service': 2.4.28
 
-  volar-service-prettier@0.0.67(@volar/language-service@2.4.27)(prettier@3.7.4):
+  volar-service-prettier@0.0.68(@volar/language-service@2.4.28)(prettier@3.8.1):
     dependencies:
       vscode-uri: 3.1.0
     optionalDependencies:
-      '@volar/language-service': 2.4.27
-      prettier: 3.7.4
+      '@volar/language-service': 2.4.28
+      prettier: 3.8.1
 
-  volar-service-typescript-twoslash-queries@0.0.67(@volar/language-service@2.4.27):
+  volar-service-typescript-twoslash-queries@0.0.68(@volar/language-service@2.4.28):
     dependencies:
       vscode-uri: 3.1.0
     optionalDependencies:
-      '@volar/language-service': 2.4.27
+      '@volar/language-service': 2.4.28
 
-  volar-service-typescript@0.0.67(@volar/language-service@2.4.27):
+  volar-service-typescript@0.0.68(@volar/language-service@2.4.28):
     dependencies:
       path-browserify: 1.0.1
       semver: 7.7.3
@@ -18779,14 +19087,14 @@ snapshots:
       vscode-nls: 5.2.0
       vscode-uri: 3.1.0
     optionalDependencies:
-      '@volar/language-service': 2.4.27
+      '@volar/language-service': 2.4.28
 
-  volar-service-yaml@0.0.67(@volar/language-service@2.4.27):
+  volar-service-yaml@0.0.68(@volar/language-service@2.4.28):
     dependencies:
       vscode-uri: 3.1.0
       yaml-language-server: 1.19.2
     optionalDependencies:
-      '@volar/language-service': 2.4.27
+      '@volar/language-service': 2.4.28
 
   vscode-css-languageservice@6.3.9:
     dependencies:
@@ -18831,7 +19139,7 @@ snapshots:
 
   vue-bundle-renderer@2.2.0:
     dependencies:
-      ufo: 1.6.1
+      ufo: 1.6.3
 
   vue-component-meta@2.2.12(typescript@5.9.3):
     dependencies:
@@ -18844,26 +19152,24 @@ snapshots:
 
   vue-component-type-helpers@2.2.12: {}
 
-  vue-component-type-helpers@3.2.1: {}
-
   vue-component-type-helpers@3.2.4: {}
 
-  vue-confetti-explosion@1.0.2(vue@3.5.26(typescript@5.9.3)):
+  vue-confetti-explosion@1.0.2(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vue-demi@0.14.10(vue@3.5.26(typescript@5.9.3)):
+  vue-demi@0.14.10(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
   vue-devtools-stub@0.1.0: {}
 
-  vue-docgen-api@4.79.2(vue@3.5.26(typescript@5.9.3)):
+  vue-docgen-api@4.79.2(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
-      '@vue/compiler-dom': 3.5.26
-      '@vue/compiler-sfc': 3.5.26
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
+      '@vue/compiler-dom': 3.5.27
+      '@vue/compiler-sfc': 3.5.27
       ast-types: 0.16.1
       esm-resolve: 1.0.11
       hash-sum: 2.0.0
@@ -18871,8 +19177,8 @@ snapshots:
       pug: 3.0.3
       recast: 0.23.11
       ts-map: 1.0.3
-      vue: 3.5.26(typescript@5.9.3)
-      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.26(typescript@5.9.3))
+      vue: 3.5.27(typescript@5.9.3)
+      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.27(typescript@5.9.3))
 
   vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
@@ -18894,42 +19200,42 @@ snapshots:
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
       esquery: 1.7.0
-      lodash: 4.17.21
+      lodash: 4.17.23
       semver: 7.7.3
     transitivePeerDependencies:
       - supports-color
 
-  vue-i18n@10.0.8(vue@3.5.26(typescript@5.9.3)):
+  vue-i18n@10.0.8(vue@3.5.27(typescript@5.9.3)):
     dependencies:
       '@intlify/core-base': 10.0.8
       '@intlify/shared': 10.0.8
       '@vue/devtools-api': 6.6.4
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.26(typescript@5.9.3)):
+  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
   vue-multiselect@3.0.0: {}
 
   vue-multiselect@3.0.0-alpha.2: {}
 
-  vue-observe-visibility@2.0.0-alpha.1(vue@3.5.26(typescript@5.9.3)):
+  vue-observe-visibility@2.0.0-alpha.1(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vue-resize@2.0.0-alpha.1(vue@3.5.26(typescript@5.9.3)):
+  vue-resize@2.0.0-alpha.1(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vue-router@4.6.4(vue@3.5.26(typescript@5.9.3)):
+  vue-router@4.6.4(vue@3.5.27(typescript@5.9.3)):
     dependencies:
       '@vue/devtools-api': 6.6.4
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vue-select@4.0.0-beta.6(vue@3.5.26(typescript@5.9.3)):
+  vue-select@4.0.0-beta.6(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
   vue-tsc@2.2.12(typescript@5.9.3):
     dependencies:
@@ -18937,39 +19243,39 @@ snapshots:
       '@vue/language-core': 2.2.12(typescript@5.9.3)
       typescript: 5.9.3
 
-  vue-typed-virtual-list@1.0.10(vue@3.5.26(typescript@5.9.3)):
+  vue-typed-virtual-list@1.0.10(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      '@vueuse/core': 9.13.0(vue@3.5.26(typescript@5.9.3))
+      '@vueuse/core': 9.13.0(vue@3.5.27(typescript@5.9.3))
       debounce: 1.2.1
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
-  vue-virtual-scroller@2.0.0-beta.8(vue@3.5.26(typescript@5.9.3)):
+  vue-virtual-scroller@2.0.0-beta.8(vue@3.5.27(typescript@5.9.3)):
     dependencies:
       mitt: 2.1.0
-      vue: 3.5.26(typescript@5.9.3)
-      vue-observe-visibility: 2.0.0-alpha.1(vue@3.5.26(typescript@5.9.3))
-      vue-resize: 2.0.0-alpha.1(vue@3.5.26(typescript@5.9.3))
+      vue: 3.5.27(typescript@5.9.3)
+      vue-observe-visibility: 2.0.0-alpha.1(vue@3.5.27(typescript@5.9.3))
+      vue-resize: 2.0.0-alpha.1(vue@3.5.27(typescript@5.9.3))
 
-  vue3-ace-editor@2.2.4(ace-builds@1.43.5)(vue@3.5.26(typescript@5.9.3)):
+  vue3-ace-editor@2.2.4(ace-builds@1.43.6)(vue@3.5.27(typescript@5.9.3)):
     dependencies:
-      ace-builds: 1.43.5
+      ace-builds: 1.43.6
       resize-observer-polyfill: 1.5.1
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vue3-apexcharts@1.10.0(apexcharts@4.7.0)(vue@3.5.26(typescript@5.9.3)):
+  vue3-apexcharts@1.10.0(apexcharts@4.7.0)(vue@3.5.27(typescript@5.9.3)):
     dependencies:
       apexcharts: 4.7.0
-      vue: 3.5.26(typescript@5.9.3)
+      vue: 3.5.27(typescript@5.9.3)
 
-  vue@3.5.26(typescript@5.9.3):
+  vue@3.5.27(typescript@5.9.3):
     dependencies:
-      '@vue/compiler-dom': 3.5.26
-      '@vue/compiler-sfc': 3.5.26
-      '@vue/runtime-dom': 3.5.26
-      '@vue/server-renderer': 3.5.26(vue@3.5.26(typescript@5.9.3))
-      '@vue/shared': 3.5.26
+      '@vue/compiler-dom': 3.5.27
+      '@vue/compiler-sfc': 3.5.27
+      '@vue/runtime-dom': 3.5.27
+      '@vue/server-renderer': 3.5.27(vue@3.5.27(typescript@5.9.3))
+      '@vue/shared': 3.5.27
     optionalDependencies:
       typescript: 5.9.3
 
@@ -18977,7 +19283,7 @@ snapshots:
 
   web-namespaces@2.0.1: {}
 
-  web-vitals@4.2.4: {}
+  web-vitals@5.1.0: {}
 
   webidl-conversions@3.0.1: {}
 
@@ -19012,31 +19318,31 @@ snapshots:
 
   with@7.0.2:
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
       assert-never: 1.4.0
       babel-walk: 3.0.0-canary-5
 
   word-wrap@1.2.5: {}
 
-  workerd@1.20260107.1:
+  workerd@1.20260131.0:
     optionalDependencies:
-      '@cloudflare/workerd-darwin-64': 1.20260107.1
-      '@cloudflare/workerd-darwin-arm64': 1.20260107.1
-      '@cloudflare/workerd-linux-64': 1.20260107.1
-      '@cloudflare/workerd-linux-arm64': 1.20260107.1
-      '@cloudflare/workerd-windows-64': 1.20260107.1
+      '@cloudflare/workerd-darwin-64': 1.20260131.0
+      '@cloudflare/workerd-darwin-arm64': 1.20260131.0
+      '@cloudflare/workerd-linux-64': 1.20260131.0
+      '@cloudflare/workerd-linux-arm64': 1.20260131.0
+      '@cloudflare/workerd-windows-64': 1.20260131.0
 
-  wrangler@4.58.0:
+  wrangler@4.62.0:
     dependencies:
-      '@cloudflare/kv-asset-handler': 0.4.1
-      '@cloudflare/unenv-preset': 2.8.0(unenv@2.0.0-rc.24)(workerd@1.20260107.1)
+      '@cloudflare/kv-asset-handler': 0.4.2
+      '@cloudflare/unenv-preset': 2.12.0(unenv@2.0.0-rc.24)(workerd@1.20260131.0)
       blake3-wasm: 2.1.5
       esbuild: 0.27.0
-      miniflare: 4.20260107.0
+      miniflare: 4.20260131.0
       path-to-regexp: 6.3.0
       unenv: 2.0.0-rc.24
-      workerd: 1.20260107.1
+      workerd: 1.20260131.0
     optionalDependencies:
       fsevents: 2.3.3
     transitivePeerDependencies:
@@ -19065,7 +19371,7 @@ snapshots:
 
   ws@8.18.0: {}
 
-  ws@8.18.3: {}
+  ws@8.19.0: {}
 
   wsl-utils@0.1.0:
     dependencies:
@@ -19075,7 +19381,7 @@ snapshots:
 
   xml2js@0.6.2:
     dependencies:
-      sax: 1.4.3
+      sax: 1.4.4
       xmlbuilder: 11.0.1
 
   xml@1.0.1: {}
@@ -19103,7 +19409,7 @@ snapshots:
       ajv: 8.17.1
       ajv-draft-04: 1.0.0(ajv@8.17.1)
       lodash: 4.17.21
-      prettier: 3.7.4
+      prettier: 3.8.1
       request-light: 0.5.8
       vscode-json-languageservice: 4.1.8
       vscode-languageserver: 9.0.1

From 892f8e59469c83fe817bfcaadc1f9a9026d65567 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 3 Feb 2026 13:32:10 -0700
Subject: [PATCH 073/178] fix date

---
 .../src/pages/[type]/[id]/settings/content.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 3d22357e13..9652e144cb 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -45,7 +45,18 @@
 					<span>{{ value }}</span>
 				</template>
 				<template #cell-date="{ value }">
-					<span>{{ value }}</span>
+					<div
+						v-tooltip="
+							formatMessage(commonMessages.dateAtTimeTooltip, {
+								date: new Date(value),
+								time: new Date(value),
+							})
+						"
+						class="z-[1] flex cursor-help items-center gap-1 text-nowrap font-medium xl:self-center"
+					>
+						<CalendarIcon class="xl:hidden" />
+						{{ formatRelativeTime(new Date(value)) }}
+					</div>
 				</template>
 				<template #cell-actions="{ row }">
 					<div class="flex justify-end">
@@ -187,12 +198,17 @@ import {
 	type TableColumn,
 } from '@modrinth/ui'
 import { ref, useTemplateRef } from 'vue'
+import { formatDate } from '@modrinth/utils'
+import { CalendarIcon } from '@modrinth/assets'
+import { useVIntl, useRelativeTime, commonMessages } from '@modrinth/ui'
 
 const { projectV2: project, versions, currentMember } = injectProjectPageContext()
 
 const client = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
 const { refreshVersions } = injectProjectPageContext()
+const { formatMessage } = useVIntl()
+const formatRelativeTime = useRelativeTime()
 
 const createServerVersionModal = useTemplateRef('create-server-version-modal')
 const deleteVersionModal = ref<InstanceType<typeof ConfirmModal>>()

From 672a18d49f9c0bf6261e0134f6a2b9997add7ea2 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 3 Feb 2026 13:50:33 -0700
Subject: [PATCH 074/178] fix type error

---
 .../src/pages/[type]/[id]/settings/content.vue    | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 9652e144cb..5a8b4601d3 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -44,18 +44,18 @@
 				<template #cell-version="{ value }">
 					<span>{{ value }}</span>
 				</template>
-				<template #cell-date="{ value }">
+				<template #cell-date="{ row }">
 					<div
 						v-tooltip="
 							formatMessage(commonMessages.dateAtTimeTooltip, {
-								date: new Date(value),
-								time: new Date(value),
+								date: new Date(row.name),
+								time: new Date(row.name),
 							})
 						"
 						class="z-[1] flex cursor-help items-center gap-1 text-nowrap font-medium xl:self-center"
 					>
 						<CalendarIcon class="xl:hidden" />
-						{{ formatRelativeTime(new Date(value)) }}
+						{{ formatRelativeTime(new Date(row.name)) }}
 					</div>
 				</template>
 				<template #cell-actions="{ row }">
@@ -179,6 +179,7 @@
 
 <script lang="ts" setup>
 import {
+	CalendarIcon,
 	ClipboardCopyIcon,
 	EditIcon,
 	MoreVerticalIcon,
@@ -188,6 +189,7 @@ import {
 } from '@modrinth/assets'
 import {
 	ButtonStyled,
+	commonMessages,
 	ConfirmModal,
 	CreateServerVersionModal,
 	injectModrinthClient,
@@ -195,12 +197,11 @@ import {
 	injectProjectPageContext,
 	OverflowMenu,
 	Table,
+	useRelativeTime,
+	useVIntl,
 	type TableColumn,
 } from '@modrinth/ui'
 import { ref, useTemplateRef } from 'vue'
-import { formatDate } from '@modrinth/utils'
-import { CalendarIcon } from '@modrinth/assets'
-import { useVIntl, useRelativeTime, commonMessages } from '@modrinth/ui'
 
 const { projectV2: project, versions, currentMember } = injectProjectPageContext()
 

From 7aeabf60e0d4d8be5744eebd4df723b08515eda1 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 3 Feb 2026 14:05:05 -0700
Subject: [PATCH 075/178] fix uploaded file in custom mrpack content

---
 .../project/CreateServerVersionModal.vue      | 76 ++++++++++++++-----
 1 file changed, 59 insertions(+), 17 deletions(-)

diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 8b3bdf41b0..3038c91b3b 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -56,6 +56,7 @@
 				<!-- Custom Modpack Upload -->
 				<div v-else class="flex flex-col gap-4">
 					<DropzoneFileInput
+						v-if="!uploadedFile"
 						:primary-prompt="formatMessage(messages.dropzonePrimary)"
 						:secondary-prompt="formatMessage(messages.dropzoneSecondary)"
 						accept=".zip,.mrpack"
@@ -63,12 +64,35 @@
 						@change="handleFileUpload"
 					/>
 
-					<div v-if="uploadedFile" class="flex items-center gap-2 text-primary">
-						<FileIcon class="h-4 w-4" />
-						<span>{{ uploadedFile.name }}</span>
-						<ButtonStyled type="transparent" size="small">
-							<button @click="clearUploadedFile">
-								<XIcon class="h-4 w-4" />
+					<div
+						v-if="uploadedFile"
+						class="flex items-center justify-between gap-2 rounded-xl bg-button-bg px-4 py-2 text-button-text"
+					>
+						<div class="flex items-center gap-2 overflow-hidden">
+							<FileIcon />
+							<span
+								v-tooltip="uploadedFile.name"
+								class="overflow-hidden text-ellipsis whitespace-nowrap font-medium"
+							>
+								{{ uploadedFile.name }}
+							</span>
+						</div>
+
+						<ButtonStyled size="standard" :circular="true">
+							<button
+								v-tooltip="formatMessage(messages.replaceFile)"
+								aria-label="Replace file"
+								class="!shadow-none"
+								@click="fileInput?.click()"
+							>
+								<ArrowLeftRightIcon aria-hidden="true" />
+								<input
+									ref="fileInput"
+									class="hidden"
+									type="file"
+									accept=".zip,.mrpack"
+									@change="handleFileInputChange"
+								/>
 							</button>
 						</ButtonStyled>
 					</div>
@@ -130,7 +154,14 @@
 
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { FileIcon, InfoIcon, PlusIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
+import {
+	ArrowLeftRightIcon,
+	FileIcon,
+	InfoIcon,
+	PlusIcon,
+	SpinnerIcon,
+	XIcon,
+} from '@modrinth/assets'
 import JSZip from 'jszip'
 import { computed, nextTick, ref, toRaw, watch } from 'vue'
 
@@ -199,6 +230,10 @@ const messages = defineMessages({
 		id: 'create-version-modal.dropzone-secondary',
 		defaultMessage: 'You can try to drag files or folder or click this area to select it',
 	},
+	replaceFile: {
+		id: 'create-version-modal.replace-file',
+		defaultMessage: 'Replace file',
+	},
 	licenseCheckbox: {
 		id: 'create-version-modal.license-checkbox',
 		defaultMessage:
@@ -220,7 +255,10 @@ const messages = defineMessages({
 	cancel: { id: 'create-version-modal.cancel', defaultMessage: 'Cancel' },
 	selectModpack: { id: 'create-version-modal.select-modpack', defaultMessage: 'Select modpack' },
 	uploading: { id: 'create-version-modal.uploading', defaultMessage: 'Uploading' },
-	creatingVersion: { id: 'create-version-modal.creating-version', defaultMessage: 'Creating version' },
+	creatingVersion: {
+		id: 'create-version-modal.creating-version',
+		defaultMessage: 'Creating version',
+	},
 	loading: { id: 'create-version-modal.loading', defaultMessage: 'Loading...' },
 	noResults: { id: 'create-version-modal.no-results', defaultMessage: 'No results found' },
 })
@@ -236,6 +274,7 @@ const { addNotification } = injectNotificationManager()
 const { labrinth } = injectModrinthClient()
 
 const modal = ref<InstanceType<typeof NewModal> | null>(null)
+const fileInput = ref<HTMLInputElement>()
 
 // Form state
 const contentType = ref<ContentType>('published')
@@ -358,6 +397,15 @@ function handleFileUpload(files: File[]) {
 	}
 }
 
+function handleFileInputChange(e: Event) {
+	const target = e.target as HTMLInputElement
+	const file = target.files?.[0]
+	if (file) {
+		uploadedFile.value = file
+	}
+	target.value = ''
+}
+
 function clearUploadedFile() {
 	uploadedFile.value = null
 }
@@ -450,18 +498,12 @@ async function handleSubmit() {
 				status: 'listed',
 				changelog: '',
 				dependencies: [],
-				environment: 'client_and_server'
+				environment: 'client_and_server',
 			}
 
-			const files: Labrinth.Versions.v3.DraftVersionFile[] = [
-				{ file, fileType: undefined },
-			]
+			const files: Labrinth.Versions.v3.DraftVersionFile[] = [{ file, fileType: undefined }]
 
-			const uploadHandle = labrinth.versions_v3.createVersion(
-				draftVersion,
-				files,
-				'modpack',
-			)
+			const uploadHandle = labrinth.versions_v3.createVersion(draftVersion, files, 'modpack')
 
 			// Track upload progress
 			isUploading.value = true

From 091a74cf84a571e708b80199b9169f8451ad9be0 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 3 Feb 2026 14:24:07 -0700
Subject: [PATCH 076/178] add recommended version copy

---
 .../src/pages/[type]/[id]/settings/index.vue  | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 439a0e675c..a3f77d6a90 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -168,7 +168,7 @@
 								Remove banner
 							</button>
 						</div>
-						<p class="mt-2 text-sm text-secondary">Gif, 468×60px recommended.</p>
+						<div class="mt-2 text-secondary">Gif, 468×60px recommended.</div>
 					</div>
 
 					<!-- Java Address -->
@@ -221,10 +221,20 @@
 						</div>
 					</div>
 
-					<!-- Server Version -->
+					<div v-if="!usingMrpack">
+						<label for="server-version">
+							<span class="label__title">Supported MC versions</span>
+							<McVersionPicker
+								v-model="supportedGameVersions"
+								no-header
+								:game-versions="gameVersions"
+								:disabled="!hasPermission"
+							/>
+						</label>
+					</div>
 					<div>
 						<label for="server-version">
-							<span class="label__title">Required version</span>
+							<span class="label__title"> Recommended MC version </span>
 							<div
 								v-tooltip="
 									usingMrpack ? 'The game version is defined by the .mrpack metadata' : null
@@ -244,17 +254,9 @@
 									:disabled="!hasPermission || usingMrpack"
 								/>
 							</div>
-						</label>
-					</div>
-					<div v-if="!usingMrpack">
-						<label for="server-version">
-							<span class="label__title">Supported versions</span>
-							<McVersionPicker
-								v-model="supportedGameVersions"
-								no-header
-								:game-versions="gameVersions"
-								:disabled="!hasPermission"
-							/>
+							<div class="mt-2 text-secondary">
+								Players joining the server from the Modrinth App will connect using this version.
+							</div>
 						</label>
 					</div>
 				</template>

From e5d3eff0855b7065ddf2a2a4c3bce31ed9326b42 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 3 Feb 2026 14:39:19 -0700
Subject: [PATCH 077/178] pnpm prepr

---
 .../ui/create/ProjectCreateModal.vue          |   2 +-
 .../pages/[type]/[id]/settings/content.vue    |   2 +-
 packages/assets/generated-icons.ts            | 155 +++++++++---------
 .../project/CreateServerVersionModal.vue      |   2 +-
 packages/ui/src/locales/en-US/index.json      |   9 +
 5 files changed, 90 insertions(+), 80 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 067c4fd2d0..679901eafa 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -119,6 +119,7 @@
 </template>
 
 <script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
 import { PlusIcon, XIcon } from '@modrinth/assets'
 import {
 	ButtonStyled,
@@ -134,7 +135,6 @@ import {
 } from '@modrinth/ui'
 import { computed, defineAsyncComponent, h } from 'vue'
 
-import type { Labrinth } from '@modrinth/api-client'
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
 type ProjectTypes = 'server' | 'project'
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 5a8b4601d3..78d602ef77 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -197,9 +197,9 @@ import {
 	injectProjectPageContext,
 	OverflowMenu,
 	Table,
+	type TableColumn,
 	useRelativeTime,
 	useVIntl,
-	type TableColumn,
 } from '@modrinth/ui'
 import { ref, useTemplateRef } from 'vue'
 
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index d960a5f4da..2e91e67a44 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -649,95 +649,96 @@ export const XCircleIcon = _XCircleIcon
 export const ZoomInIcon = _ZoomInIcon
 export const ZoomOutIcon = _ZoomOutIcon
 
+
 export const categoryIconMap: Record<string, IconComponent> = {
-	adventure: TagCategoryAdventureIcon,
-	atmosphere: TagCategoryAtmosphereIcon,
-	audio: TagCategoryAudioIcon,
-	blocks: TagCategoryBlocksIcon,
-	bloom: TagCategoryBloomIcon,
-	cartoon: TagCategoryCartoonIcon,
-	challenging: TagCategoryChallengingIcon,
+	'adventure': TagCategoryAdventureIcon,
+	'atmosphere': TagCategoryAtmosphereIcon,
+	'audio': TagCategoryAudioIcon,
+	'blocks': TagCategoryBlocksIcon,
+	'bloom': TagCategoryBloomIcon,
+	'cartoon': TagCategoryCartoonIcon,
+	'challenging': TagCategoryChallengingIcon,
 	'colored-lighting': TagCategoryColoredLightingIcon,
-	combat: TagCategoryCombatIcon,
+	'combat': TagCategoryCombatIcon,
 	'core-shaders': TagCategoryCoreShadersIcon,
-	cursed: TagCategoryCursedIcon,
-	decoration: TagCategoryDecorationIcon,
-	economy: TagCategoryEconomyIcon,
-	entities: TagCategoryEntitiesIcon,
-	environment: TagCategoryEnvironmentIcon,
-	equipment: TagCategoryEquipmentIcon,
-	fantasy: TagCategoryFantasyIcon,
-	foliage: TagCategoryFoliageIcon,
-	fonts: TagCategoryFontsIcon,
-	food: TagCategoryFoodIcon,
+	'cursed': TagCategoryCursedIcon,
+	'decoration': TagCategoryDecorationIcon,
+	'economy': TagCategoryEconomyIcon,
+	'entities': TagCategoryEntitiesIcon,
+	'environment': TagCategoryEnvironmentIcon,
+	'equipment': TagCategoryEquipmentIcon,
+	'fantasy': TagCategoryFantasyIcon,
+	'foliage': TagCategoryFoliageIcon,
+	'fonts': TagCategoryFontsIcon,
+	'food': TagCategoryFoodIcon,
 	'game-mechanics': TagCategoryGameMechanicsIcon,
-	gui: TagCategoryGuiIcon,
-	high: TagCategoryHighIcon,
-	items: TagCategoryItemsIcon,
+	'gui': TagCategoryGuiIcon,
+	'high': TagCategoryHighIcon,
+	'items': TagCategoryItemsIcon,
 	'kitchen-sink': TagCategoryKitchenSinkIcon,
-	library: TagCategoryLibraryIcon,
-	lightweight: TagCategoryLightweightIcon,
-	locale: TagCategoryLocaleIcon,
-	low: TagCategoryLowIcon,
-	magic: TagCategoryMagicIcon,
-	management: TagCategoryManagementIcon,
-	medium: TagCategoryMediumIcon,
-	minigame: TagCategoryMinigameIcon,
-	mobs: TagCategoryMobsIcon,
-	modded: TagCategoryModdedIcon,
-	models: TagCategoryModelsIcon,
-	multiplayer: TagCategoryMultiplayerIcon,
-	optimization: TagCategoryOptimizationIcon,
+	'library': TagCategoryLibraryIcon,
+	'lightweight': TagCategoryLightweightIcon,
+	'locale': TagCategoryLocaleIcon,
+	'low': TagCategoryLowIcon,
+	'magic': TagCategoryMagicIcon,
+	'management': TagCategoryManagementIcon,
+	'medium': TagCategoryMediumIcon,
+	'minigame': TagCategoryMinigameIcon,
+	'mobs': TagCategoryMobsIcon,
+	'modded': TagCategoryModdedIcon,
+	'models': TagCategoryModelsIcon,
+	'multiplayer': TagCategoryMultiplayerIcon,
+	'optimization': TagCategoryOptimizationIcon,
 	'path-tracing': TagCategoryPathTracingIcon,
-	pbr: TagCategoryPbrIcon,
-	potato: TagCategoryPotatoIcon,
-	quests: TagCategoryQuestsIcon,
-	realistic: TagCategoryRealisticIcon,
-	reflections: TagCategoryReflectionsIcon,
-	screenshot: TagCategoryScreenshotIcon,
+	'pbr': TagCategoryPbrIcon,
+	'potato': TagCategoryPotatoIcon,
+	'quests': TagCategoryQuestsIcon,
+	'realistic': TagCategoryRealisticIcon,
+	'reflections': TagCategoryReflectionsIcon,
+	'screenshot': TagCategoryScreenshotIcon,
 	'semi-realistic': TagCategorySemiRealisticIcon,
-	shadows: TagCategoryShadowsIcon,
-	simplistic: TagCategorySimplisticIcon,
-	social: TagCategorySocialIcon,
-	storage: TagCategoryStorageIcon,
-	technology: TagCategoryTechnologyIcon,
-	themed: TagCategoryThemedIcon,
-	transportation: TagCategoryTransportationIcon,
-	tweaks: TagCategoryTweaksIcon,
-	utility: TagCategoryUtilityIcon,
+	'shadows': TagCategoryShadowsIcon,
+	'simplistic': TagCategorySimplisticIcon,
+	'social': TagCategorySocialIcon,
+	'storage': TagCategoryStorageIcon,
+	'technology': TagCategoryTechnologyIcon,
+	'themed': TagCategoryThemedIcon,
+	'transportation': TagCategoryTransportationIcon,
+	'tweaks': TagCategoryTweaksIcon,
+	'utility': TagCategoryUtilityIcon,
 	'vanilla-like': TagCategoryVanillaLikeIcon,
-	worldgen: TagCategoryWorldgenIcon,
+	'worldgen': TagCategoryWorldgenIcon,
 }
 
 export const loaderIconMap: Record<string, IconComponent> = {
-	babric: TagLoaderBabricIcon,
+	'babric': TagLoaderBabricIcon,
 	'bta-babric': TagLoaderBtaBabricIcon,
-	bukkit: TagLoaderBukkitIcon,
-	bungeecord: TagLoaderBungeecordIcon,
-	canvas: TagLoaderCanvasIcon,
-	datapack: TagLoaderDatapackIcon,
-	fabric: TagLoaderFabricIcon,
-	folia: TagLoaderFoliaIcon,
-	forge: TagLoaderForgeIcon,
-	geyser: TagLoaderGeyserIcon,
-	iris: TagLoaderIrisIcon,
+	'bukkit': TagLoaderBukkitIcon,
+	'bungeecord': TagLoaderBungeecordIcon,
+	'canvas': TagLoaderCanvasIcon,
+	'datapack': TagLoaderDatapackIcon,
+	'fabric': TagLoaderFabricIcon,
+	'folia': TagLoaderFoliaIcon,
+	'forge': TagLoaderForgeIcon,
+	'geyser': TagLoaderGeyserIcon,
+	'iris': TagLoaderIrisIcon,
 	'java-agent': TagLoaderJavaAgentIcon,
 	'legacy-fabric': TagLoaderLegacyFabricIcon,
-	liteloader: TagLoaderLiteloaderIcon,
-	minecraft: TagLoaderMinecraftIcon,
-	modloader: TagLoaderModloaderIcon,
-	mrpack: TagLoaderMrpackIcon,
-	neoforge: TagLoaderNeoforgeIcon,
-	nilloader: TagLoaderNilloaderIcon,
-	optifine: TagLoaderOptifineIcon,
-	ornithe: TagLoaderOrnitheIcon,
-	paper: TagLoaderPaperIcon,
-	purpur: TagLoaderPurpurIcon,
-	quilt: TagLoaderQuiltIcon,
-	rift: TagLoaderRiftIcon,
-	spigot: TagLoaderSpigotIcon,
-	sponge: TagLoaderSpongeIcon,
-	vanilla: TagLoaderVanillaIcon,
-	velocity: TagLoaderVelocityIcon,
-	waterfall: TagLoaderWaterfallIcon,
+	'liteloader': TagLoaderLiteloaderIcon,
+	'minecraft': TagLoaderMinecraftIcon,
+	'modloader': TagLoaderModloaderIcon,
+	'mrpack': TagLoaderMrpackIcon,
+	'neoforge': TagLoaderNeoforgeIcon,
+	'nilloader': TagLoaderNilloaderIcon,
+	'optifine': TagLoaderOptifineIcon,
+	'ornithe': TagLoaderOrnitheIcon,
+	'paper': TagLoaderPaperIcon,
+	'purpur': TagLoaderPurpurIcon,
+	'quilt': TagLoaderQuiltIcon,
+	'rift': TagLoaderRiftIcon,
+	'spigot': TagLoaderSpigotIcon,
+	'sponge': TagLoaderSpongeIcon,
+	'vanilla': TagLoaderVanillaIcon,
+	'velocity': TagLoaderVelocityIcon,
+	'waterfall': TagLoaderWaterfallIcon,
 }
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 3038c91b3b..f698d6bf96 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -455,7 +455,7 @@ async function handleSubmit() {
 			// Default to filename if we can't parse the mrpack
 			let versionName = file.name.replace(/\.(zip|mrpack)$/i, '')
 			let versionNumber = versionName
-			let loaders: string[] = []
+			const loaders: string[] = []
 			let gameVersions: string[] = []
 
 			try {
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index 56525a2a83..3a4d4651dd 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -176,6 +176,9 @@
   "create-version-modal.cancel": {
     "defaultMessage": "Cancel"
   },
+  "create-version-modal.creating-version": {
+    "defaultMessage": "Creating version"
+  },
   "create-version-modal.custom-modpack": {
     "defaultMessage": "Custom modpack"
   },
@@ -212,6 +215,9 @@
   "create-version-modal.published-modpack": {
     "defaultMessage": "Published modpack"
   },
+  "create-version-modal.replace-file": {
+    "defaultMessage": "Replace file"
+  },
   "create-version-modal.select-modpack": {
     "defaultMessage": "Select modpack"
   },
@@ -224,6 +230,9 @@
   "create-version-modal.title": {
     "defaultMessage": "Create new version"
   },
+  "create-version-modal.uploading": {
+    "defaultMessage": "Uploading"
+  },
   "create-version-modal.version-label": {
     "defaultMessage": "Version"
   },

From d48f6243a7b75de7a5e28a5a4ed1cdb9257de020 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 3 Feb 2026 14:54:08 -0700
Subject: [PATCH 078/178] small updates

---
 apps/frontend/src/pages/[type]/[id]/settings/content.vue        | 2 +-
 packages/ui/src/components/project/CreateServerVersionModal.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 78d602ef77..17c2268df8 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -28,7 +28,7 @@
 					/>
 				</div>
 				<ButtonStyled color="green">
-					<button @click="handleOpenCreateVersionModal"><PlusIcon /> Update modpack</button>
+					<button @click="handleOpenCreateVersionModal"><PlusIcon /> Create version</button>
 				</ButtonStyled>
 			</div>
 
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index f698d6bf96..959f4285f4 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -134,7 +134,7 @@
 
 		<template #actions>
 			<div class="flex items-center justify-end gap-3">
-				<ButtonStyled>
+				<ButtonStyled :disabled="isSubmitting">
 					<button @click="hide">
 						<XIcon />
 						{{ formatMessage(messages.cancel) }}

From 37b9610d2639f3ff4e00ae28c7c73f5370fd51ce Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Wed, 4 Feb 2026 07:34:34 -0800
Subject: [PATCH 079/178] prepr

---
 .../ui/create/ProjectCreateModal.vue          |  10 +-
 .../src/pages/[type]/[id]/settings/index.vue  |   3 -
 .../src/pages/[type]/[id]/settings/links.vue  |   1 -
 packages/assets/generated-icons.ts            | 159 +++++++++---------
 .../src/components/modal/OpenInAppModal.vue   |   2 +-
 .../project/CreateServerVersionModal.vue      |   4 -
 packages/ui/src/components/project/index.ts   |   1 -
 7 files changed, 86 insertions(+), 94 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 679901eafa..954a50e5e3 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -149,6 +149,11 @@ interface ShowOptions {
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
 const router = useRouter()
+
+defineExpose({
+	show,
+})
+
 const auth = (await useAuth()) as Ref<{
 	user: { id: string; username: string; avatar_url: string } | null
 }>
@@ -376,6 +381,7 @@ async function createProject() {
 				},
 			})) as Labrinth.Projects.v3.Project
 			createdProjectId = result.id
+			console.log(createdProjectId)
 		}
 
 		modal.value?.hide()
@@ -402,10 +408,6 @@ async function show(event?: MouseEvent, options?: ShowOptions) {
 	modal.value?.show(event)
 }
 
-defineExpose({
-	show,
-})
-
 function updatedName() {
 	if (!manualSlug.value) {
 		slug.value = name.value
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index a3f77d6a90..7f761fa64b 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -438,7 +438,6 @@ import { Multiselect } from 'vue-multiselect'
 
 import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 import FileInput from '~/components/ui/FileInput.vue'
-import { useFormattedCountries } from '~/composables/country.ts'
 import { useFeatureFlags } from '~/composables/featureFlags.ts'
 
 const { addNotification } = injectNotificationManager()
@@ -499,8 +498,6 @@ const usingMrpack = ref(
 const generatedState = useGeneratedState()
 const gameVersions = generatedState.value.gameVersions
 
-const countries = useFormattedCountries()
-
 const hasPermission = computed(() => {
 	const EDIT_DETAILS = 1 << 2
 	return ((currentMember.value?.permissions ?? 0) & EDIT_DETAILS) === EDIT_DETAILS
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index ecc3754dde..265f5fc2b3 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -236,7 +236,6 @@ import { commonLinkDomains, isCommonUrl, isDiscordUrl, isLinkShortener } from '@
 import { DropdownSelect, injectProjectPageContext } from '@modrinth/ui'
 
 const tags = useGeneratedState()
-const flags = useFeatureFlags()
 
 const { projectV2: project, projectV3, currentMember, patchProject } = injectProjectPageContext()
 
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index 2e91e67a44..22569d9b31 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -3,6 +3,8 @@
 
 import type { FunctionalComponent, SVGAttributes } from 'vue'
 
+export type IconComponent = FunctionalComponent<SVGAttributes>
+
 import _AffiliateIcon from './icons/affiliate.svg?component'
 import _AlignLeftIcon from './icons/align-left.svg?component'
 import _ArchiveIcon from './icons/archive.svg?component'
@@ -325,8 +327,6 @@ import _XCircleIcon from './icons/x-circle.svg?component'
 import _ZoomInIcon from './icons/zoom-in.svg?component'
 import _ZoomOutIcon from './icons/zoom-out.svg?component'
 
-export type IconComponent = FunctionalComponent<SVGAttributes>
-
 export const AffiliateIcon = _AffiliateIcon
 export const AlignLeftIcon = _AlignLeftIcon
 export const ArchiveIcon = _ArchiveIcon
@@ -649,96 +649,95 @@ export const XCircleIcon = _XCircleIcon
 export const ZoomInIcon = _ZoomInIcon
 export const ZoomOutIcon = _ZoomOutIcon
 
-
 export const categoryIconMap: Record<string, IconComponent> = {
-	'adventure': TagCategoryAdventureIcon,
-	'atmosphere': TagCategoryAtmosphereIcon,
-	'audio': TagCategoryAudioIcon,
-	'blocks': TagCategoryBlocksIcon,
-	'bloom': TagCategoryBloomIcon,
-	'cartoon': TagCategoryCartoonIcon,
-	'challenging': TagCategoryChallengingIcon,
+	adventure: TagCategoryAdventureIcon,
+	atmosphere: TagCategoryAtmosphereIcon,
+	audio: TagCategoryAudioIcon,
+	blocks: TagCategoryBlocksIcon,
+	bloom: TagCategoryBloomIcon,
+	cartoon: TagCategoryCartoonIcon,
+	challenging: TagCategoryChallengingIcon,
 	'colored-lighting': TagCategoryColoredLightingIcon,
-	'combat': TagCategoryCombatIcon,
+	combat: TagCategoryCombatIcon,
 	'core-shaders': TagCategoryCoreShadersIcon,
-	'cursed': TagCategoryCursedIcon,
-	'decoration': TagCategoryDecorationIcon,
-	'economy': TagCategoryEconomyIcon,
-	'entities': TagCategoryEntitiesIcon,
-	'environment': TagCategoryEnvironmentIcon,
-	'equipment': TagCategoryEquipmentIcon,
-	'fantasy': TagCategoryFantasyIcon,
-	'foliage': TagCategoryFoliageIcon,
-	'fonts': TagCategoryFontsIcon,
-	'food': TagCategoryFoodIcon,
+	cursed: TagCategoryCursedIcon,
+	decoration: TagCategoryDecorationIcon,
+	economy: TagCategoryEconomyIcon,
+	entities: TagCategoryEntitiesIcon,
+	environment: TagCategoryEnvironmentIcon,
+	equipment: TagCategoryEquipmentIcon,
+	fantasy: TagCategoryFantasyIcon,
+	foliage: TagCategoryFoliageIcon,
+	fonts: TagCategoryFontsIcon,
+	food: TagCategoryFoodIcon,
 	'game-mechanics': TagCategoryGameMechanicsIcon,
-	'gui': TagCategoryGuiIcon,
-	'high': TagCategoryHighIcon,
-	'items': TagCategoryItemsIcon,
+	gui: TagCategoryGuiIcon,
+	high: TagCategoryHighIcon,
+	items: TagCategoryItemsIcon,
 	'kitchen-sink': TagCategoryKitchenSinkIcon,
-	'library': TagCategoryLibraryIcon,
-	'lightweight': TagCategoryLightweightIcon,
-	'locale': TagCategoryLocaleIcon,
-	'low': TagCategoryLowIcon,
-	'magic': TagCategoryMagicIcon,
-	'management': TagCategoryManagementIcon,
-	'medium': TagCategoryMediumIcon,
-	'minigame': TagCategoryMinigameIcon,
-	'mobs': TagCategoryMobsIcon,
-	'modded': TagCategoryModdedIcon,
-	'models': TagCategoryModelsIcon,
-	'multiplayer': TagCategoryMultiplayerIcon,
-	'optimization': TagCategoryOptimizationIcon,
+	library: TagCategoryLibraryIcon,
+	lightweight: TagCategoryLightweightIcon,
+	locale: TagCategoryLocaleIcon,
+	low: TagCategoryLowIcon,
+	magic: TagCategoryMagicIcon,
+	management: TagCategoryManagementIcon,
+	medium: TagCategoryMediumIcon,
+	minigame: TagCategoryMinigameIcon,
+	mobs: TagCategoryMobsIcon,
+	modded: TagCategoryModdedIcon,
+	models: TagCategoryModelsIcon,
+	multiplayer: TagCategoryMultiplayerIcon,
+	optimization: TagCategoryOptimizationIcon,
 	'path-tracing': TagCategoryPathTracingIcon,
-	'pbr': TagCategoryPbrIcon,
-	'potato': TagCategoryPotatoIcon,
-	'quests': TagCategoryQuestsIcon,
-	'realistic': TagCategoryRealisticIcon,
-	'reflections': TagCategoryReflectionsIcon,
-	'screenshot': TagCategoryScreenshotIcon,
+	pbr: TagCategoryPbrIcon,
+	potato: TagCategoryPotatoIcon,
+	quests: TagCategoryQuestsIcon,
+	realistic: TagCategoryRealisticIcon,
+	reflections: TagCategoryReflectionsIcon,
+	screenshot: TagCategoryScreenshotIcon,
 	'semi-realistic': TagCategorySemiRealisticIcon,
-	'shadows': TagCategoryShadowsIcon,
-	'simplistic': TagCategorySimplisticIcon,
-	'social': TagCategorySocialIcon,
-	'storage': TagCategoryStorageIcon,
-	'technology': TagCategoryTechnologyIcon,
-	'themed': TagCategoryThemedIcon,
-	'transportation': TagCategoryTransportationIcon,
-	'tweaks': TagCategoryTweaksIcon,
-	'utility': TagCategoryUtilityIcon,
+	shadows: TagCategoryShadowsIcon,
+	simplistic: TagCategorySimplisticIcon,
+	social: TagCategorySocialIcon,
+	storage: TagCategoryStorageIcon,
+	technology: TagCategoryTechnologyIcon,
+	themed: TagCategoryThemedIcon,
+	transportation: TagCategoryTransportationIcon,
+	tweaks: TagCategoryTweaksIcon,
+	utility: TagCategoryUtilityIcon,
 	'vanilla-like': TagCategoryVanillaLikeIcon,
-	'worldgen': TagCategoryWorldgenIcon,
+	worldgen: TagCategoryWorldgenIcon,
 }
 
 export const loaderIconMap: Record<string, IconComponent> = {
-	'babric': TagLoaderBabricIcon,
+	babric: TagLoaderBabricIcon,
 	'bta-babric': TagLoaderBtaBabricIcon,
-	'bukkit': TagLoaderBukkitIcon,
-	'bungeecord': TagLoaderBungeecordIcon,
-	'canvas': TagLoaderCanvasIcon,
-	'datapack': TagLoaderDatapackIcon,
-	'fabric': TagLoaderFabricIcon,
-	'folia': TagLoaderFoliaIcon,
-	'forge': TagLoaderForgeIcon,
-	'geyser': TagLoaderGeyserIcon,
-	'iris': TagLoaderIrisIcon,
+	bukkit: TagLoaderBukkitIcon,
+	bungeecord: TagLoaderBungeecordIcon,
+	canvas: TagLoaderCanvasIcon,
+	datapack: TagLoaderDatapackIcon,
+	fabric: TagLoaderFabricIcon,
+	folia: TagLoaderFoliaIcon,
+	forge: TagLoaderForgeIcon,
+	geyser: TagLoaderGeyserIcon,
+	iris: TagLoaderIrisIcon,
 	'java-agent': TagLoaderJavaAgentIcon,
 	'legacy-fabric': TagLoaderLegacyFabricIcon,
-	'liteloader': TagLoaderLiteloaderIcon,
-	'minecraft': TagLoaderMinecraftIcon,
-	'modloader': TagLoaderModloaderIcon,
-	'mrpack': TagLoaderMrpackIcon,
-	'neoforge': TagLoaderNeoforgeIcon,
-	'nilloader': TagLoaderNilloaderIcon,
-	'optifine': TagLoaderOptifineIcon,
-	'ornithe': TagLoaderOrnitheIcon,
-	'paper': TagLoaderPaperIcon,
-	'purpur': TagLoaderPurpurIcon,
-	'quilt': TagLoaderQuiltIcon,
-	'rift': TagLoaderRiftIcon,
-	'spigot': TagLoaderSpigotIcon,
-	'sponge': TagLoaderSpongeIcon,
-	'vanilla': TagLoaderVanillaIcon,
-	'velocity': TagLoaderVelocityIcon,
-	'waterfall': TagLoaderWaterfallIcon,
+	liteloader: TagLoaderLiteloaderIcon,
+	minecraft: TagLoaderMinecraftIcon,
+	modloader: TagLoaderModloaderIcon,
+	mrpack: TagLoaderMrpackIcon,
+	neoforge: TagLoaderNeoforgeIcon,
+	nilloader: TagLoaderNilloaderIcon,
+	optifine: TagLoaderOptifineIcon,
+	ornithe: TagLoaderOrnitheIcon,
+	paper: TagLoaderPaperIcon,
+	purpur: TagLoaderPurpurIcon,
+	quilt: TagLoaderQuiltIcon,
+	rift: TagLoaderRiftIcon,
+	spigot: TagLoaderSpigotIcon,
+	sponge: TagLoaderSpongeIcon,
+	vanilla: TagLoaderVanillaIcon,
+	velocity: TagLoaderVelocityIcon,
+	waterfall: TagLoaderWaterfallIcon,
 }
diff --git a/packages/ui/src/components/modal/OpenInAppModal.vue b/packages/ui/src/components/modal/OpenInAppModal.vue
index 8966c6b207..7fc379ba36 100644
--- a/packages/ui/src/components/modal/OpenInAppModal.vue
+++ b/packages/ui/src/components/modal/OpenInAppModal.vue
@@ -220,7 +220,7 @@ function stopCountdown() {
 	}
 }
 
-function show(event?: MouseEvent) {
+function show() {
 	window.open(appLink.value, '_self')
 	open.value = true
 	document.body.style.overflow = 'hidden'
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 959f4285f4..41c65983fa 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -406,10 +406,6 @@ function handleFileInputChange(e: Event) {
 	target.value = ''
 }
 
-function clearUploadedFile() {
-	uploadedFile.value = null
-}
-
 function resetState() {
 	contentType.value = 'published'
 	internalProjectId.value = ''
diff --git a/packages/ui/src/components/project/index.ts b/packages/ui/src/components/project/index.ts
index a153714fc8..a7b6ade713 100644
--- a/packages/ui/src/components/project/index.ts
+++ b/packages/ui/src/components/project/index.ts
@@ -14,4 +14,3 @@ export { default as ProjectSidebarCreators } from './ProjectSidebarCreators.vue'
 export { default as ProjectSidebarDetails } from './ProjectSidebarDetails.vue'
 export { default as ProjectSidebarLinks } from './ProjectSidebarLinks.vue'
 export { default as ProjectStatusBadge } from './ProjectStatusBadge.vue'
-

From c958091ee6c58fecca8bcb22657b2250820a5e5a Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Wed, 4 Feb 2026 07:37:36 -0800
Subject: [PATCH 080/178] owner selector copy

---
 apps/frontend/src/components/ui/create/ProjectCreateModal.vue | 2 +-
 apps/frontend/src/locales/en-US/index.json                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 954a50e5e3..af9576a05d 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -185,7 +185,7 @@ const messages = defineMessages({
 	},
 	ownerDescription: {
 		id: 'create.project.owner-description',
-		defaultMessage: 'Set the project owner as yourself, an individual, or an organization.',
+		defaultMessage: `Set the project owner as yourself or an organization you're a member of.`,
 	},
 	nameLabel: {
 		id: 'create.project.name-label',
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 244013835b..e817d28cb1 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -507,7 +507,7 @@
     "message": "Enter project name..."
   },
   "create.project.owner-description": {
-    "message": "Set the project owner as yourself, an individual, or an organization."
+    "message": "Set the project owner as yourself or an organization you're a member of."
   },
   "create.project.owner-label": {
     "message": "Owner"

From c893dfcb2233c983614e6ec4121b76c30ffc128c Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 10:15:01 -0700
Subject: [PATCH 081/178] add todo

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 7f761fa64b..a7436ae0b1 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -111,6 +111,7 @@
 				<!-- Server Project Settings -->
 				<template v-if="isServerProject">
 					<!-- Banner -->
+					<!-- TODO, hook this up with gallary routes by featured gallary img -->
 					<div>
 						<label>
 							<span class="label__title">Banner</span>

From 0c18af121399f2e8ff7561f695280e35e6580ead Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 10:32:15 -0700
Subject: [PATCH 082/178] fix: hover on publish button

---
 apps/frontend/src/layouts/default.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 1a41ca1b68..565f26c043 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -388,7 +388,7 @@
 				<ButtonStyled type="transparent">
 					<OverflowMenu
 						v-if="auth.user"
-						class="btn-dropdown-animation flex items-center gap-1 rounded-xl !bg-transparent px-2 py-1"
+						class="btn-dropdown-animation flex items-center gap-1 rounded-xl bg-transparent px-2 py-1"
 						position="bottom"
 						direction="left"
 						:dropdown-id="`${basePopoutId}-create`"

From 98eeb9fe13c582cbc3f4864fb3e06436c74e92c9 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 10:56:30 -0700
Subject: [PATCH 083/178] add gallery routes to api client

---
 .../src/pages/[type]/[id]/gallery.vue         |  61 ++++------
 .../src/modules/labrinth/projects/v2.ts       | 105 ++++++++++++++++++
 2 files changed, 126 insertions(+), 40 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/gallery.vue b/apps/frontend/src/pages/[type]/[id]/gallery.vue
index a6f70f098b..85a46c412a 100644
--- a/apps/frontend/src/pages/[type]/[id]/gallery.vue
+++ b/apps/frontend/src/pages/[type]/[id]/gallery.vue
@@ -340,6 +340,7 @@ import {
 	ConfirmModal,
 	DropArea,
 	FileInput,
+	injectModrinthClient,
 	injectNotificationManager,
 	injectProjectPageContext,
 	NewModal as Modal,
@@ -354,6 +355,7 @@ const router = useRouter()
 // Single DI injection
 const { addNotification } = injectNotificationManager()
 const { projectV2: project, currentMember, refreshProject } = injectProjectPageContext()
+const { labrinth } = injectModrinthClient()
 
 // Template refs
 const modalEditItem = useTemplateRef('modal_edit_item')
@@ -487,25 +489,18 @@ async function createGalleryItem() {
 	startLoading()
 
 	try {
-		let url = `project/${project.value.id}/gallery?ext=${
-			editFile.value
-				? editFile.value.type.split('/')[editFile.value.type.split('/').length - 1]
-				: null
-		}&featured=${editFeatured.value}`
-
-		if (editTitle.value) {
-			url += `&title=${encodeURIComponent(editTitle.value)}`
-		}
-		if (editDescription.value) {
-			url += `&description=${encodeURIComponent(editDescription.value)}`
-		}
-		if (editOrder.value) {
-			url += `&ordering=${editOrder.value}`
+		if (!editFile.value) {
+			throw new Error('No file selected')
 		}
 
-		await useBaseFetch(url, {
-			method: 'POST',
-			body: editFile.value,
+		const ext = editFile.value.type.split('/').pop() ?? 'png'
+
+		await labrinth.projects_v2.createGalleryImage(project.value.id, editFile.value, {
+			ext,
+			featured: editFeatured.value,
+			title: editTitle.value || undefined,
+			description: editDescription.value || undefined,
+			ordering: editOrder.value ?? undefined,
 		})
 		await refreshProject()
 
@@ -527,22 +522,13 @@ async function editGalleryItem() {
 	shouldPreventActions.value = true
 	startLoading()
 	try {
-		let url = `project/${project.value.id}/gallery?url=${encodeURIComponent(
-			project.value!.gallery![editIndex.value].url,
-		)}&featured=${editFeatured.value}`
-
-		if (editTitle.value) {
-			url += `&title=${encodeURIComponent(editTitle.value)}`
-		}
-		if (editDescription.value) {
-			url += `&description=${encodeURIComponent(editDescription.value)}`
-		}
-		if (editOrder.value) {
-			url += `&ordering=${editOrder.value}`
-		}
+		const galleryUrl = project.value!.gallery![editIndex.value].url
 
-		await useBaseFetch(url, {
-			method: 'PATCH',
+		await labrinth.projects_v2.editGalleryImage(project.value.id, galleryUrl, {
+			featured: editFeatured.value,
+			title: editTitle.value || undefined,
+			description: editDescription.value || undefined,
+			ordering: editOrder.value ?? undefined,
 		})
 
 		await refreshProject()
@@ -564,14 +550,9 @@ async function deleteGalleryImage() {
 	startLoading()
 
 	try {
-		await useBaseFetch(
-			`project/${project.value.id}/gallery?url=${encodeURIComponent(
-				project.value!.gallery![deleteIndex.value].url!,
-			)}`,
-			{
-				method: 'DELETE',
-			},
-		)
+		const galleryUrl = project.value!.gallery![deleteIndex.value].url!
+
+		await labrinth.projects_v2.deleteGalleryImage(project.value.id, galleryUrl)
 
 		await refreshProject()
 	} catch (err: unknown) {
diff --git a/packages/api-client/src/modules/labrinth/projects/v2.ts b/packages/api-client/src/modules/labrinth/projects/v2.ts
index 22704af9b0..06d5171d17 100644
--- a/packages/api-client/src/modules/labrinth/projects/v2.ts
+++ b/packages/api-client/src/modules/labrinth/projects/v2.ts
@@ -135,4 +135,109 @@ export class LabrinthProjectsV2Module extends AbstractModule {
 			method: 'GET',
 		})
 	}
+
+	/**
+	 * Create a gallery image for a project
+	 *
+	 * @param id - Project ID or slug
+	 * @param file - Image file to upload
+	 * @param options - Gallery image options
+	 *
+	 * @example
+	 * ```typescript
+	 * await client.labrinth.projects_v2.createGalleryImage('sodium', imageFile, {
+	 *   featured: true,
+	 *   title: 'Screenshot 1',
+	 *   description: 'Main menu with Sodium enabled'
+	 * })
+	 * ```
+	 */
+	public async createGalleryImage(
+		id: string,
+		file: Blob,
+		options: {
+			ext: string
+			featured: boolean
+			title?: string
+			description?: string
+			ordering?: number
+		},
+	): Promise<void> {
+		const params: Record<string, string> = {
+			ext: options.ext,
+			featured: String(options.featured),
+		}
+		if (options.title) params.title = options.title
+		if (options.description) params.description = options.description
+		if (options.ordering !== undefined) params.ordering = String(options.ordering)
+
+		return this.client.request(`/project/${id}/gallery`, {
+			api: 'labrinth',
+			version: 2,
+			method: 'POST',
+			params,
+			body: file,
+		})
+	}
+
+	/**
+	 * Edit a gallery image for a project
+	 *
+	 * @param id - Project ID or slug
+	 * @param url - URL of the existing gallery image to edit
+	 * @param options - Gallery image options to update
+	 *
+	 * @example
+	 * ```typescript
+	 * await client.labrinth.projects_v2.editGalleryImage('sodium', 'https://cdn.modrinth.com/...', {
+	 *   featured: false,
+	 *   title: 'Updated title'
+	 * })
+	 * ```
+	 */
+	public async editGalleryImage(
+		id: string,
+		url: string,
+		options: {
+			featured: boolean
+			title?: string
+			description?: string
+			ordering?: number
+		},
+	): Promise<void> {
+		const params: Record<string, string> = {
+			url,
+			featured: String(options.featured),
+		}
+		if (options.title) params.title = options.title
+		if (options.description) params.description = options.description
+		if (options.ordering !== undefined) params.ordering = String(options.ordering)
+
+		return this.client.request(`/project/${id}/gallery`, {
+			api: 'labrinth',
+			version: 2,
+			method: 'PATCH',
+			params,
+		})
+	}
+
+	/**
+	 * Delete a gallery image from a project
+	 *
+	 * @param id - Project ID or slug
+	 * @param url - URL of the gallery image to delete
+	 *
+	 * @example
+	 * ```typescript
+	 * await client.labrinth.projects_v2.deleteGalleryImage('sodium', 'https://cdn.modrinth.com/...')
+	 * ```
+	 */
+	public async deleteGalleryImage(id: string, url: string): Promise<void> {
+		return this.client.request(`/project/${id}/gallery`, {
+			api: 'labrinth',
+			version: 2,
+			method: 'DELETE',
+			params: { url },
+		})
+	}
 }

From a9011576af5f5bf69645eb598e9bad95fa476514 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 11:38:59 -0700
Subject: [PATCH 084/178] use featured gallary image as banner

---
 .../src/pages/[type]/[id]/settings/index.vue  | 97 +++++++++++++++++--
 1 file changed, 88 insertions(+), 9 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index a7436ae0b1..44f8de9a36 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -111,21 +111,25 @@
 				<!-- Server Project Settings -->
 				<template v-if="isServerProject">
 					<!-- Banner -->
-					<!-- TODO, hook this up with gallary routes by featured gallary img -->
 					<div>
 						<label>
 							<span class="label__title">Banner</span>
 						</label>
 						<div class="mt-2">
 							<label
-								class="flex aspect-[468/60] w-full cursor-pointer flex-col items-center justify-center rounded-2xl border-2 border-dashed border-surface-5 bg-surface-2 transition-colors"
+								class="flex cursor-pointer flex-col items-center justify-center rounded-2xl border-dashed border-surface-5 transition-colors"
+								:class="
+									!deletedBanner && (bannerPreview || featuredGalleryImage?.url)
+										? 'border-none'
+										: 'aspect-[468/60] border-2 bg-surface-2'
+								"
 							>
 								<div
-									v-if="!deletedBanner && (bannerPreview || project.banner_url)"
+									v-if="!deletedBanner && (bannerPreview || featuredGalleryImage?.url)"
 									class="relative h-full w-full overflow-hidden rounded-2xl"
 								>
 									<img
-										:src="bannerPreview || project.banner_url"
+										:src="bannerPreview || featuredGalleryImage?.url"
 										alt="Banner preview"
 										class="h-full w-full object-cover"
 									/>
@@ -140,7 +144,8 @@
 										(e) => {
 											const input = e.target
 											if (input.files?.length) {
-												showBannerPreview(Array.from(input.files))
+												if (fileIsValid(input.files[0], { maxSize: 524288, alertOnInvalid: true }))
+													showBannerPreview(Array.from(input.files))
 											}
 										}
 									"
@@ -160,7 +165,7 @@
 								<UploadIcon aria-hidden="true" />
 							</FileInput>
 							<button
-								v-if="!deletedBanner && (bannerPreview || project.banner_url)"
+								v-if="!deletedBanner && (bannerPreview || featuredGalleryImage?.url)"
 								class="iconified-button"
 								:disabled="!hasPermission"
 								@click="markBannerForDeletion"
@@ -173,6 +178,8 @@
 					</div>
 
 					<!-- Java Address -->
+					<!-- TODO ping check after you type in the java IP (e.g., once input is unfocused) -->
+					<!-- Have helper text: Server is Online! Latency: 40ms (success colour) OR Cannot ping server (warning colour)-->
 					<div>
 						<label for="java-address">
 							<span class="label__title">Java address</span>
@@ -431,10 +438,11 @@ import {
 	Avatar,
 	Combobox,
 	ConfirmModal,
+	injectModrinthClient,
 	injectNotificationManager,
 	injectProjectPageContext,
 } from '@modrinth/ui'
-import { formatProjectStatus, formatProjectType } from '@modrinth/utils'
+import { fileIsValid, formatProjectStatus, formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
 
 import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
@@ -450,6 +458,7 @@ const {
 	patchIcon,
 	refreshProject,
 } = injectProjectPageContext()
+const { labrinth } = injectModrinthClient()
 
 const flags = useFeatureFlags()
 
@@ -475,6 +484,7 @@ const isServerProject = computed(() => projectV3.value?.minecraft_server !== und
 const bannerPreview = ref(null)
 const deletedBanner = ref(false)
 const bannerFile = ref(null)
+const featuredGalleryImage = computed(() => project.value.gallery?.find((img) => img.featured))
 // const javaAddress = ref('')
 const javaPort = ref(25565)
 // const bedrockAddress = ref('')
@@ -554,7 +564,13 @@ const patchData = computed(() => {
 })
 
 const hasChanges = computed(() => {
-	return Object.keys(patchData.value).length > 0 || deletedIcon.value || icon.value
+	return (
+		Object.keys(patchData.value).length > 0 ||
+		deletedIcon.value ||
+		icon.value ||
+		deletedBanner.value ||
+		bannerFile.value
+	)
 })
 
 const hasModifiedVisibility = () => {
@@ -566,7 +582,7 @@ const hasModifiedVisibility = () => {
 }
 
 const saveChanges = async () => {
-	if (hasChanges.value) {
+	if (Object.keys(patchData.value).length > 0) {
 		await patchProject(patchData.value)
 	}
 
@@ -577,6 +593,15 @@ const saveChanges = async () => {
 		await patchIcon(icon.value)
 		icon.value = null
 	}
+
+	if (deletedBanner.value) {
+		await deleteBanner()
+		deletedBanner.value = false
+	} else if (bannerFile.value) {
+		await uploadBanner()
+		bannerFile.value = null
+		bannerPreview.value = null
+	}
 }
 
 const showPreviewImage = (files) => {
@@ -608,6 +633,60 @@ const markBannerForDeletion = () => {
 	deletedBanner.value = true
 }
 
+const uploadBanner = async () => {
+	if (!bannerFile.value) return
+
+	try {
+		// First, delete existing featured image if there is one
+		const existingFeatured = project.value.gallery?.find((img) => img.featured)
+		if (existingFeatured) {
+			await labrinth.projects_v2.deleteGalleryImage(project.value.id, existingFeatured.url)
+		}
+
+		// Upload new banner as featured gallery image
+		const ext = bannerFile.value.type.split('/').pop() ?? 'png'
+		await labrinth.projects_v2.createGalleryImage(project.value.id, bannerFile.value, {
+			ext,
+			featured: true,
+			title: 'Banner',
+		})
+
+		await refreshProject()
+		addNotification({
+			title: 'Banner updated',
+			text: 'Your project banner has been updated.',
+			type: 'success',
+		})
+	} catch (err) {
+		addNotification({
+			title: 'Failed to update banner',
+			text: err.data?.description ?? String(err),
+			type: 'error',
+		})
+	}
+}
+
+const deleteBanner = async () => {
+	try {
+		const featuredImage = project.value.gallery?.find((img) => img.featured)
+		if (featuredImage) {
+			await labrinth.projects_v2.deleteGalleryImage(project.value.id, featuredImage.url)
+			await refreshProject()
+			addNotification({
+				title: 'Banner removed',
+				text: 'Your project banner has been removed.',
+				type: 'success',
+			})
+		}
+	} catch (err) {
+		addNotification({
+			title: 'Failed to remove banner',
+			text: err.data?.description ?? String(err),
+			type: 'error',
+		})
+	}
+}
+
 const deleteProject = async () => {
 	await useBaseFetch(`project/${project.value.id}`, {
 		method: 'DELETE',

From 66953d851c7cbb617e040845d5222215ed96c8f5 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 11:44:23 -0700
Subject: [PATCH 085/178] filter recommended version select from support mc
 versions

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 44f8de9a36..f78d60b9b3 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -254,6 +254,7 @@
 									:options="
 										gameVersions
 											.filter((v) => v.version_type === 'release')
+											.filter((v) => supportedGameVersions.includes(v.version))
 											.map((v) => ({ label: v.version, value: v.version }))
 									"
 									searchable

From d915a32f53c6ff8babd26d100abb023dea9eadc9 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 12:46:44 -0700
Subject: [PATCH 086/178] add combobox sublabel

---
 packages/ui/src/components/base/Combobox.vue  | 22 +++++--
 .../ui/src/stories/base/Combobox.stories.ts   | 66 ++++---------------
 2 files changed, 28 insertions(+), 60 deletions(-)

diff --git a/packages/ui/src/components/base/Combobox.vue b/packages/ui/src/components/base/Combobox.vue
index 3b3e145d74..091deed766 100644
--- a/packages/ui/src/components/base/Combobox.vue
+++ b/packages/ui/src/components/base/Combobox.vue
@@ -101,12 +101,21 @@
 							<slot :name="`option-${item.value}`" :item="item">
 								<div class="flex items-center gap-2">
 									<component :is="item.icon" v-if="item.icon" class="h-5 w-5" />
-									<span
-										class="font-semibold leading-tight"
-										:class="item.value === modelValue ? 'text-contrast' : 'text-primary'"
-									>
-										{{ item.label }}
-									</span>
+									<div class="flex flex-col gap-1.5">
+										<span
+											class="font-semibold leading-tight"
+											:class="item.value === modelValue ? 'text-contrast' : 'text-primary'"
+										>
+											{{ item.label }}
+										</span>
+										<span
+											v-if="item.subLabel"
+											class="text-sm"
+											:class="item.value === modelValue ? 'text-contrast' : 'text-secondary'"
+										>
+											{{ item.subLabel }}
+										</span>
+									</div>
 								</div>
 							</slot>
 						</component>
@@ -138,6 +147,7 @@ import {
 export interface ComboboxOption<T> {
 	value: T
 	label: string
+	subLabel?: string
 	icon?: Component
 	disabled?: boolean
 	class?: string
diff --git a/packages/ui/src/stories/base/Combobox.stories.ts b/packages/ui/src/stories/base/Combobox.stories.ts
index 5ed52f9a3b..ca781dbf02 100644
--- a/packages/ui/src/stories/base/Combobox.stories.ts
+++ b/packages/ui/src/stories/base/Combobox.stories.ts
@@ -1,11 +1,3 @@
-import {
-	DownloadIcon,
-	HeartIcon,
-	SettingsIcon,
-	ShareIcon,
-	TrashIcon,
-	UserIcon,
-} from '@modrinth/assets'
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 
 import Combobox from '../../components/base/Combobox.vue'
@@ -53,60 +45,26 @@ export const Disabled: Story = {
 	},
 }
 
-export const IconSlot: Story = {
-	args: {
-		options: [
-			{ value: 'download', label: 'Download', icon: DownloadIcon },
-			{ value: 'share', label: 'Share', icon: ShareIcon },
-			{ value: 'favorite', label: 'Add to favorites', icon: HeartIcon },
-			{ type: 'divider' },
-			{ value: 'settings', label: 'Settings', icon: SettingsIcon },
-			{ value: 'profile', label: 'Profile', icon: UserIcon },
-			{ type: 'divider' },
-			{ value: 'delete', label: 'Delete', icon: TrashIcon, disabled: true },
-		],
-		placeholder: 'Select an action',
-		listbox: false,
-	},
-}
-
-export const IconSlotSearchable: Story = {
-	args: {
-		options: [
-			{ value: 'download', label: 'Download', icon: DownloadIcon },
-			{ value: 'share', label: 'Share', icon: ShareIcon },
-			{ value: 'favorite', label: 'Add to favorites', icon: HeartIcon },
-			{ value: 'settings', label: 'Settings', icon: SettingsIcon },
-			{ value: 'profile', label: 'Profile', icon: UserIcon },
-			{ value: 'delete', label: 'Delete', icon: TrashIcon },
-		],
-		placeholder: 'Select an action',
-		searchable: true,
-		searchPlaceholder: 'Search actions...',
-	},
-}
-
-export const WithSelectedOption: Story = {
+export const WithSubLabels: Story = {
 	args: {
+		modelValue: '2',
 		options: [
-			{ value: '1', label: 'Option 1' },
-			{ value: '2', label: 'Option 2' },
-			{ value: '3', label: 'Option 3' },
+			{ value: '1', label: 'Fabric', subLabel: 'Lightweight modding toolchain' },
+			{ value: '2', label: 'Forge', subLabel: 'The original Minecraft modding API' },
+			{ value: '3', label: 'NeoForge', subLabel: 'Community-driven Forge fork' },
+			{ value: '4', label: 'Quilt', subLabel: 'The mod-loader that cares' },
 		],
-		modelValue: '2',
 	},
 }
 
-export const WithSelectedOptionAndIcon: Story = {
+export const MixedSubLabels: Story = {
 	args: {
 		options: [
-			{ value: 'download', label: 'Download', icon: DownloadIcon },
-			{ value: 'share', label: 'Share', icon: ShareIcon },
-			{ value: 'favorite', label: 'Add to favorites', icon: HeartIcon },
-			{ value: 'settings', label: 'Settings', icon: SettingsIcon },
-			{ value: 'profile', label: 'Profile', icon: UserIcon },
+			{ value: '1', label: 'Minecraft', subLabel: 'The base game' },
+			{ value: '2', label: 'Fabric' },
+			{ value: '3', label: 'Forge', subLabel: 'Supports most mods' },
+			{ value: '4', label: 'NeoForge' },
+			{ value: '5', label: 'Quilt', subLabel: 'Fabric-compatible' },
 		],
-		modelValue: 'favorite',
-		showIconInSelected: true,
 	},
 }

From cf9ca8b9be703e59292ec85fe8a72f1ab936ade4 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 12:47:09 -0700
Subject: [PATCH 087/178] fix submit buttons

---
 .../project/CreateServerVersionModal.vue        | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 41c65983fa..b51f6ee4e8 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -1,5 +1,10 @@
 <template>
-	<NewModal ref="modal" :header="formatMessage(messages.title)" @hide="resetState">
+	<NewModal
+		ref="modal"
+		:header="formatMessage(messages.title)"
+		@hide="resetState"
+		:disable-close="isSubmitting"
+	>
 		<div class="flex flex-col gap-6 sm:w-[500px] max-w-[500px]">
 			<!-- Modded Content -->
 			<div class="flex flex-col gap-2.5">
@@ -114,7 +119,7 @@
 			</div>
 
 			<!-- Set as active/primary version -->
-			<div class="flex items-center gap-3">
+			<div class="flex items-center gap-3" v-if="!isFirstVersion">
 				<Toggle id="set-active-version" v-model="setAsActiveVersion" />
 				<label for="set-active-version" class="text-contrast cursor-pointer">
 					{{
@@ -134,14 +139,14 @@
 
 		<template #actions>
 			<div class="flex items-center justify-end gap-3">
-				<ButtonStyled :disabled="isSubmitting">
-					<button @click="hide">
+				<ButtonStyled>
+					<button :disabled="isSubmitting" @click="hide">
 						<XIcon />
 						{{ formatMessage(messages.cancel) }}
 					</button>
 				</ButtonStyled>
 				<ButtonStyled color="brand" :disabled="!canSubmit || isSubmitting">
-					<button :disabled="!canSubmit || isSubmitting" @click="handleSubmit">
+					<button :disabled="!canSubmit || isSubmitting" @click="handleSubmit" class="w-[180px]">
 						<SpinnerIcon v-if="isSubmitting" class="animate-spin" />
 						<PlusIcon v-else />
 						{{ submitButtonLabel }}
@@ -268,6 +273,7 @@ const { formatMessage } = useVIntl()
 const props = defineProps<{
 	projectId: string
 	onSave?: () => void | Promise<void>
+	isFirstVersion?: boolean
 }>()
 
 const { addNotification } = injectNotificationManager()
@@ -541,6 +547,7 @@ function show(event?: MouseEvent) {
 }
 
 function hide() {
+	if (isSubmitting.value) return
 	modal.value?.hide()
 }
 

From 2ad5cd544278cdf2421ecdfed9cf0ffd132cbc2e Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 12:47:21 -0700
Subject: [PATCH 088/178] copy updates and reorganizing settings

---
 .../pages/[type]/[id]/settings/content.vue    |  5 +-
 .../src/pages/[type]/[id]/settings/index.vue  | 95 ++++++++++---------
 2 files changed, 53 insertions(+), 47 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 17c2268df8..88705d00b7 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -5,6 +5,7 @@
 			ref="create-server-version-modal"
 			:project-id="project.id"
 			:on-save="refreshVersions"
+			:isFirstVersion="serverProjectVersions.length === 0"
 		/>
 
 		<ConfirmModal
@@ -165,11 +166,11 @@
 						Does your server require a modpack?
 					</div>
 					<div class="text-balance">
-						Select the modpack and Modrinth installs it for players when they join.
+						Add the modpack and Modrinth installs it for players when they join.
 					</div>
 					<br />
 					<ButtonStyled color="green">
-						<button @click="handleOpenCreateVersionModal"><PlusIcon /> Select modpack</button>
+						<button @click="handleOpenCreateVersionModal"><PlusIcon /> Add modpack</button>
 					</ButtonStyled>
 				</div>
 			</div>
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index f78d60b9b3..118bccdca1 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -10,58 +10,20 @@
 			@proceed="deleteProject"
 		/>
 		<section class="universal-card">
-			<div class="flex max-w-[540px] flex-col gap-6">
+			<div class="flex max-w-[580px] flex-col gap-6">
 				<div class="label">
 					<h3>
 						<span class="label__title size-card-header">Project information</span>
 					</h3>
 				</div>
 
-				<div>
-					<label for="project-icon">
-						<span class="label__title">Icon</span>
-					</label>
-
-					<div class="input-group">
-						<Avatar
-							:src="deletedIcon ? null : previewImage ? previewImage : project.icon_url"
-							:alt="project.title"
-							size="md"
-							class="project__icon"
-						/>
-						<div class="input-stack">
-							<FileInput
-								id="project-icon"
-								:max-size="262144"
-								:show-icon="true"
-								accept="image/png,image/jpeg,image/gif,image/webp"
-								class="choose-image iconified-button"
-								prompt="Upload icon"
-								aria-label="Upload icon"
-								:disabled="!hasPermission"
-								@change="showPreviewImage"
-							>
-								<UploadIcon aria-hidden="true" />
-							</FileInput>
-							<button
-								v-if="!deletedIcon && (previewImage || project.icon_url)"
-								class="iconified-button"
-								:disabled="!hasPermission"
-								@click="markIconForDeletion"
-							>
-								<TrashIcon aria-hidden="true" />
-								Remove icon
-							</button>
-						</div>
-					</div>
-				</div>
-
 				<div>
 					<label for="project-name">
 						<span class="label__title">Name</span>
 					</label>
 					<input
 						id="project-name"
+						class="w-full"
 						v-model="name"
 						maxlength="2048"
 						type="text"
@@ -94,10 +56,6 @@
 					<label for="project-summary">
 						<span class="label__title">Summary</span>
 					</label>
-					<div v-if="summaryWarning" class="my-2 flex items-center gap-1.5 text-orange">
-						<TriangleAlertIcon class="my-auto" />
-						{{ summaryWarning }}
-					</div>
 					<div class="textarea-wrapper min-h-36 !w-full">
 						<textarea
 							id="project-summary"
@@ -106,6 +64,51 @@
 							:disabled="!hasPermission"
 						/>
 					</div>
+					<div v-if="summaryWarning" class="my-2 flex items-center gap-1.5 text-orange">
+						<TriangleAlertIcon class="my-auto" />
+						{{ summaryWarning }}
+					</div>
+				</div>
+
+				<div>
+					<label for="project-icon">
+						<span class="label__title"
+							>Icon <span class="font-normal text-secondary">(optional)</span></span
+						>
+					</label>
+
+					<div class="input-group">
+						<Avatar
+							:src="deletedIcon ? null : previewImage ? previewImage : project.icon_url"
+							:alt="project.title"
+							size="md"
+							class="project__icon"
+						/>
+						<div class="input-stack">
+							<FileInput
+								id="project-icon"
+								:max-size="262144"
+								:show-icon="true"
+								accept="image/png,image/jpeg,image/gif,image/webp"
+								class="choose-image iconified-button"
+								prompt="Upload icon"
+								aria-label="Upload icon"
+								:disabled="!hasPermission"
+								@change="showPreviewImage"
+							>
+								<UploadIcon aria-hidden="true" />
+							</FileInput>
+							<button
+								v-if="!deletedIcon && (previewImage || project.icon_url)"
+								class="iconified-button"
+								:disabled="!hasPermission"
+								@click="markIconForDeletion"
+							>
+								<TrashIcon aria-hidden="true" />
+								Remove icon
+							</button>
+						</div>
+					</div>
 				</div>
 
 				<!-- Server Project Settings -->
@@ -113,7 +116,9 @@
 					<!-- Banner -->
 					<div>
 						<label>
-							<span class="label__title">Banner</span>
+							<span class="label__title"
+								>Banner <span class="font-normal text-secondary">(optional)</span></span
+							>
 						</label>
 						<div class="mt-2">
 							<label

From f7f31c0991b47fe94bb703bc10c20e6396ac771c Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 13:23:57 -0700
Subject: [PATCH 089/178] feat: update visibility section

---
 .../src/pages/[type]/[id]/settings/index.vue  | 82 ++++++++++---------
 1 file changed, 43 insertions(+), 39 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 118bccdca1..b0fa590e73 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -296,17 +296,10 @@
 								client-side functionality.
 							</span>
 						</label>
-						<Multiselect
-							id="project-env-client"
+						<Combobox
 							v-model="clientSide"
-							class="small-multiselect"
+							:options="sideTypeOptions"
 							placeholder="Select one"
-							:options="sideTypes"
-							:custom-label="(value) => value.charAt(0).toUpperCase() + value.slice(1)"
-							:searchable="false"
-							:close-on-select="true"
-							:show-labels="false"
-							:allow-empty="false"
 							:disabled="!hasPermission"
 						/>
 					</div>
@@ -320,46 +313,27 @@
 								server.
 							</span>
 						</label>
-						<Multiselect
-							id="project-env-server"
+						<Combobox
 							v-model="serverSide"
-							class="small-multiselect"
+							:options="sideTypeOptions"
 							placeholder="Select one"
-							:options="sideTypes"
-							:custom-label="(value) => value.charAt(0).toUpperCase() + value.slice(1)"
-							:searchable="false"
-							:close-on-select="true"
-							:show-labels="false"
-							:allow-empty="false"
 							:disabled="!hasPermission"
 						/>
 					</div>
 				</template>
-				<div class="">
-					<label for="project-visibility">
+				<div>
+					<label>
 						<span class="label__title">Visibility</span>
-						<div class="label__description">
-							Public and archived projects are visible in search. Unlisted projects are published,
-							but not visible in search or on user profiles. Private projects are only accessible by
-							members of the project.
-
-							<p>If approved by the moderators:</p>
-						</div>
 					</label>
-					<div class="flex gap-4">
-						<Multiselect
-							id="project-visibility"
+					<div class="flex flex-col gap-2.5">
+						<Combobox
 							v-model="visibility"
-							class="max-w-[20rem]"
+							:options="visibilityOptions"
 							placeholder="Select one"
-							:options="tags.approvedStatuses"
-							:custom-label="(value) => formatProjectStatus(value)"
-							:searchable="false"
-							:close-on-select="true"
-							:show-labels="false"
-							:allow-empty="false"
 							:disabled="!hasPermission"
+							max-height="500"
 						/>
+						<div>If approved by the moderators:</div>
 						<ul class="visibility-info m-0">
 							<li>
 								<CheckIcon
@@ -449,7 +423,6 @@ import {
 	injectProjectPageContext,
 } from '@modrinth/ui'
 import { fileIsValid, formatProjectStatus, formatProjectType } from '@modrinth/utils'
-import { Multiselect } from 'vue-multiselect'
 
 import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 import FileInput from '~/components/ui/FileInput.vue'
@@ -536,7 +509,35 @@ const summaryWarning = computed(() => {
 	return null
 })
 
-const sideTypes = ['required', 'optional', 'unsupported']
+const sideTypeOptions = [
+	{ value: 'required', label: 'Required' },
+	{ value: 'optional', label: 'Optional' },
+	{ value: 'unsupported', label: 'Unsupported' },
+]
+
+const visibilityOptions = computed(() =>
+	tags.value.approvedStatuses.map((status) => {
+		const subLabel = () => {
+			switch (status) {
+				case 'approved':
+					return 'Visible in search, on profile, and via URL'
+				case 'archived':
+					return 'Same visibility as public, but marked as no longer actively maintained.'
+				case 'unlisted':
+					return 'Published, but only visible via URL, not in search or on profile'
+				case 'private':
+					return 'Only visible by members of the project.'
+				default:
+					return ''
+			}
+		}
+		return {
+			value: status,
+			label: formatProjectStatus(status),
+			subLabel: subLabel(),
+		}
+	}),
+)
 
 const patchData = computed(() => {
 	const data = {}
@@ -728,6 +729,9 @@ const deleteIcon = async () => {
 .visibility-info {
 	padding: 0;
 	list-style: none;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-card-xs);
 
 	li {
 		display: flex;

From 407e196c3a1a78faa6163b690d6bd6b2045f67e4 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 13:36:54 -0700
Subject: [PATCH 090/178] hide environment moderation for server project

---
 apps/frontend/src/pages/[type]/[id]/settings.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings.vue b/apps/frontend/src/pages/[type]/[id]/settings.vue
index 2720bf07d2..b8f8d9cd21 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings.vue
@@ -37,8 +37,6 @@ const {
 
 const flags = useFeatureFlags()
 
-console.log(projectV3.value)
-
 const isServerProject = computed(() => projectV3.value?.minecraft_server !== undefined)
 
 const navItems = computed(() => {
@@ -112,8 +110,8 @@ const navItems = computed(() => {
 			label: formatMessage(commonProjectSettingsMessages.analytics),
 			icon: ChartIcon,
 		},
-		{ type: 'heading', label: 'moderation', shown: showEnvironment },
-		{
+		!isServerProject.value && { type: 'heading', label: 'moderation', shown: showEnvironment },
+		!isServerProject.value && {
 			link: `/${base}/settings/environment`,
 			label: formatMessage(commonProjectSettingsMessages.environment),
 			icon: GlobeIcon,

From a10c242857cce24f2d76ec3672c9a3e78d51e351 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 13:36:56 -0700
Subject: [PATCH 091/178] update copy

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index b0fa590e73..6a21592218 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -520,13 +520,13 @@ const visibilityOptions = computed(() =>
 		const subLabel = () => {
 			switch (status) {
 				case 'approved':
-					return 'Visible in search, on profile, and via URL'
+					return 'Visible via URL, on your profile, and in search.'
 				case 'archived':
-					return 'Same visibility as public, but marked as no longer actively maintained.'
+					return 'Visible via URL, on your profile, and in search, but marked as archived.'
 				case 'unlisted':
-					return 'Published, but only visible via URL, not in search or on profile'
+					return 'Visible via URL only. Not shown on your profile or in search.'
 				case 'private':
-					return 'Only visible by members of the project.'
+					return 'Not publicly visible. Only accessible to project members.'
 				default:
 					return ''
 			}

From 062a33224753efef16ce129db9c3875130cbf2d6 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 15:24:06 -0700
Subject: [PATCH 092/178] qa fixes for update to play model

---
 .../src/components/ui/modal/UpdateToPlayModal.vue  | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
index 8181a2738b..d467f350ac 100644
--- a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
@@ -2,7 +2,7 @@
 	<NewModal ref="modal" :header="formatMessage(messages.updateToPlay)" :closable="true" no-padding>
 		<div class="max-w-[500px]">
 			<div class="flex flex-col gap-4 p-4">
-				<Admonition type="warning" :header="formatMessage(messages.updateRequired)">
+				<Admonition type="info" :header="formatMessage(messages.updateRequired)">
 					{{ formatMessage(messages.updateRequiredDescription, { name: instance.name }) }}
 				</Admonition>
 
@@ -26,9 +26,12 @@
 					</div>
 				</div>
 			</div>
-			<div v-if="diffs.length" class="flex flex-col bg-surface-2 p-4 max-h-[272px] overflow-y-auto">
+			<div
+				v-if="diffs.length"
+				class="flex flex-col bg-surface-2 p-4 max-h-[272px] overflow-y-auto border-t border-b border-r-0 border-l-0 border-solid border-surface-5"
+			>
 				<div
-					v-for="diff in diffs"
+					v-for="(diff, index) in diffs"
 					:key="diff.project_id"
 					class="grid grid-cols-[auto_1fr_1fr_1fr] items-center min-h-10 h-10 gap-2"
 				>
@@ -37,7 +40,10 @@
 						<PlusIcon v-if="diff.type === 'added'" />
 						<MinusIcon v-else-if="diff.type === 'removed'" />
 						<RefreshCwIcon v-else />
-						<div class="bg-surface-5 w-[1px] h-2 relative top-1"></div>
+						<div
+							:class="index === diffs.length - 1 ? 'bg-transparent' : 'bg-surface-5'"
+							class="w-[1px] h-2 relative top-1"
+						></div>
 					</div>
 
 					<div class="flex gap-1 col-span-2">

From cb49902b2548f99e5c10f677e8e27168acac0099 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 15:24:14 -0700
Subject: [PATCH 093/178] fix import

---
 apps/app-frontend/src/pages/instance/Index.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index 57cec59134..b44a2fcb10 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -211,7 +211,7 @@ import { get_by_profile_path } from '@/helpers/process'
 import { finish_install, get, get_full_path, kill, run } from '@/helpers/profile'
 import { showProfileInFolder } from '@/helpers/utils.js'
 import { handleSevereError } from '@/store/error.js'
-import { useBreadcrumbs, useLoading } from '@/store/state'
+import { useBreadcrumbs, useLoading, useTheming } from '@/store/state'
 
 dayjs.extend(duration)
 dayjs.extend(relativeTime)
@@ -221,6 +221,7 @@ const route = useRoute()
 
 const router = useRouter()
 const breadcrumbs = useBreadcrumbs()
+const themeStore = useTheming()
 
 const offline = ref(!navigator.onLine)
 window.addEventListener('offline', () => {

From 1a6ed679e4dd78840cdfbe34d8f8850642bdd4d7 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 15:26:00 -0700
Subject: [PATCH 094/178] small qa fix

---
 .../app-frontend/src/components/ui/modal/InstallToPlayModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index 54c9521cb2..12d0420cf8 100644
--- a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -25,7 +25,7 @@
 				<span class="font-semibold text-contrast">
 					{{ formatMessage(messages.sharedInstance) }}
 				</span>
-				<div class="flex items-center gap-3 rounded-xl bg-surface-4 p-3">
+				<div class="flex items-center gap-3 rounded-xl bg-surface-2 p-3">
 					<Avatar :src="project.icon_url" :alt="project.title" size="48px" />
 					<div class="flex flex-col gap-0.5">
 						<span class="font-semibold text-contrast">{{ project.title }}</span>

From 963d35c13339d372abdff9cbaac464d2bbf7a496 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 15:34:28 -0700
Subject: [PATCH 095/178] fix hide on creaet

---
 .../ui/src/components/project/CreateServerVersionModal.vue    | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index b51f6ee4e8..f6c8efbb6d 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -525,9 +525,6 @@ async function handleSubmit() {
 			})
 		}
 
-		await nextTick()
-		modal.value?.hide()
-
 		await props.onSave?.()
 	} catch (err: unknown) {
 		const error = err as { data?: { description?: string } }
@@ -538,6 +535,7 @@ async function handleSubmit() {
 		})
 	} finally {
 		isSubmitting.value = false
+		await nextTick()
 		hide()
 	}
 }

From 904803c0c0a699fabf3efcbbaec1e9b0eb90b737 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 15:38:09 -0700
Subject: [PATCH 096/178] fix submit when error

---
 .../src/components/project/CreateServerVersionModal.vue  | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index f6c8efbb6d..8d3c94e110 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -524,19 +524,20 @@ async function handleSubmit() {
 				type: 'success',
 			})
 		}
+		isSubmitting.value = false
+
+		await nextTick()
+		hide()
 
 		await props.onSave?.()
 	} catch (err: unknown) {
+		isSubmitting.value = false
 		const error = err as { data?: { description?: string } }
 		addNotification({
 			title: 'Could not create server version',
 			text: error.data?.description || String(err),
 			type: 'error',
 		})
-	} finally {
-		isSubmitting.value = false
-		await nextTick()
-		hide()
 	}
 }
 

From f819ce356f9284b57253da9dccc3de82379e173b Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Feb 2026 16:18:56 -0700
Subject: [PATCH 097/178] fix links page

---
 apps/frontend/src/pages/[type]/[id]/settings/links.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index 265f5fc2b3..e9303f88a1 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -245,7 +245,7 @@ const wikiUrl = ref(project.value.wiki_url)
 const discordUrl = ref(project.value.discord_url)
 
 // Server project links
-const isServerProject = computed(() => projectV3.value.minecraft_server !== undefined)
+const isServerProject = computed(() => projectV3.value?.minecraft_server !== undefined)
 const websiteUrl = ref(project.value.wiki_url) // TODO: Map to actual server website field
 const storeUrl = ref(project.value.issues_url) // TODO: Map to actual server store field
 const serverDiscordUrl = ref(project.value.discord_url)
@@ -350,13 +350,13 @@ const hasChanges = computed(() => {
 const serverPatchData = computed(() => {
 	const data = {}
 	// TODO: Map to actual server fields when API is ready
-	if (checkDifference(websiteUrl.value, props.project.wiki_url)) {
+	if (checkDifference(websiteUrl.value, project.wiki_url)) {
 		data.wiki_url = websiteUrl.value === '' ? null : websiteUrl.value.trim()
 	}
-	if (checkDifference(storeUrl.value, props.project.issues_url)) {
+	if (checkDifference(storeUrl.value, project.issues_url)) {
 		data.issues_url = storeUrl.value === '' ? null : storeUrl.value.trim()
 	}
-	if (checkDifference(serverDiscordUrl.value, props.project.discord_url)) {
+	if (checkDifference(serverDiscordUrl.value, project.discord_url)) {
 		data.discord_url = serverDiscordUrl.value === '' ? null : serverDiscordUrl.value.trim()
 	}
 	return data
@@ -368,7 +368,7 @@ const hasServerChanges = computed(() => {
 
 async function saveServerChanges() {
 	if (serverPatchData.value) {
-		await props.patchProject(serverPatchData.value)
+		await patchProject(serverPatchData.value)
 	}
 }
 

From 40dc0073946701b7a0eb14bfdcf7fb703fb0c2b0 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 6 Feb 2026 11:41:01 -0700
Subject: [PATCH 098/178] add country field

---
 .../src/pages/[type]/[id]/settings/index.vue  | 78 +++++++++++++++++++
 1 file changed, 78 insertions(+)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 6a21592218..204ecdc0b4 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -321,6 +321,20 @@
 						/>
 					</div>
 				</template>
+				<div v-if="isServerProject">
+					<label for="server-country">
+						<span class="label__title">Country</span>
+					</label>
+					<Combobox
+						id="server-country"
+						v-model="country"
+						:options="countryOptions"
+						searchable
+						placeholder="Select country"
+						:disabled="!hasPermission"
+					/>
+				</div>
+
 				<div>
 					<label>
 						<span class="label__title">Visibility</span>
@@ -484,6 +498,70 @@ const usingMrpack = ref(
 	false,
 	// projectV3.value.minecraft_server?.linked_modpack === true
 )
+const country = ref(projectV3.value?.minecraft_server?.country ?? '')
+
+const countryOptions = [
+	{ value: 'US', label: 'United States' },
+	{ value: 'CA', label: 'Canada' },
+	{ value: 'GB', label: 'United Kingdom' },
+	{ value: 'DE', label: 'Germany' },
+	{ value: 'FR', label: 'France' },
+	{ value: 'NL', label: 'Netherlands' },
+	{ value: 'FI', label: 'Finland' },
+	{ value: 'SE', label: 'Sweden' },
+	{ value: 'NO', label: 'Norway' },
+	{ value: 'DK', label: 'Denmark' },
+	{ value: 'PL', label: 'Poland' },
+	{ value: 'CZ', label: 'Czech Republic' },
+	{ value: 'RO', label: 'Romania' },
+	{ value: 'CH', label: 'Switzerland' },
+	{ value: 'AT', label: 'Austria' },
+	{ value: 'BE', label: 'Belgium' },
+	{ value: 'IE', label: 'Ireland' },
+	{ value: 'ES', label: 'Spain' },
+	{ value: 'IT', label: 'Italy' },
+	{ value: 'PT', label: 'Portugal' },
+	{ value: 'RU', label: 'Russia' },
+	{ value: 'UA', label: 'Ukraine' },
+	{ value: 'LT', label: 'Lithuania' },
+	{ value: 'LV', label: 'Latvia' },
+	{ value: 'EE', label: 'Estonia' },
+	{ value: 'BG', label: 'Bulgaria' },
+	{ value: 'HR', label: 'Croatia' },
+	{ value: 'HU', label: 'Hungary' },
+	{ value: 'SK', label: 'Slovakia' },
+	{ value: 'RS', label: 'Serbia' },
+	{ value: 'GR', label: 'Greece' },
+	{ value: 'TR', label: 'Turkey' },
+	{ value: 'IL', label: 'Israel' },
+	{ value: 'AE', label: 'United Arab Emirates' },
+	{ value: 'SA', label: 'Saudi Arabia' },
+	{ value: 'IN', label: 'India' },
+	{ value: 'SG', label: 'Singapore' },
+	{ value: 'JP', label: 'Japan' },
+	{ value: 'KR', label: 'South Korea' },
+	{ value: 'CN', label: 'China' },
+	{ value: 'HK', label: 'Hong Kong' },
+	{ value: 'TW', label: 'Taiwan' },
+	{ value: 'AU', label: 'Australia' },
+	{ value: 'NZ', label: 'New Zealand' },
+	{ value: 'BR', label: 'Brazil' },
+	{ value: 'AR', label: 'Argentina' },
+	{ value: 'CL', label: 'Chile' },
+	{ value: 'CO', label: 'Colombia' },
+	{ value: 'MX', label: 'Mexico' },
+	{ value: 'ZA', label: 'South Africa' },
+	{ value: 'NG', label: 'Nigeria' },
+	{ value: 'KE', label: 'Kenya' },
+	{ value: 'EG', label: 'Egypt' },
+	{ value: 'MY', label: 'Malaysia' },
+	{ value: 'TH', label: 'Thailand' },
+	{ value: 'VN', label: 'Vietnam' },
+	{ value: 'PH', label: 'Philippines' },
+	{ value: 'ID', label: 'Indonesia' },
+	{ value: 'PK', label: 'Pakistan' },
+	{ value: 'BD', label: 'Bangladesh' },
+]
 
 const generatedState = useGeneratedState()
 const gameVersions = generatedState.value.gameVersions

From 3b39d75685e85be775f022eac7f47c541351b86b Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 6 Feb 2026 14:53:21 -0700
Subject: [PATCH 099/178] stub server ping

---
 .../src/pages/[type]/[id]/settings/index.vue  | 54 +++++++++++++++-
 .../src/pages/[type]/[id]/settings/links.vue  | 61 ++++++++++++++-----
 2 files changed, 98 insertions(+), 17 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 204ecdc0b4..0e48c9650f 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -183,8 +183,6 @@
 					</div>
 
 					<!-- Java Address -->
-					<!-- TODO ping check after you type in the java IP (e.g., once input is unfocused) -->
-					<!-- Have helper text: Server is Online! Latency: 40ms (success colour) OR Cannot ping server (warning colour)-->
 					<div>
 						<label for="java-address">
 							<span class="label__title">Java address</span>
@@ -197,6 +195,7 @@
 								placeholder="Enter address"
 								class="flex-grow rounded-xl bg-bg-raised"
 								:disabled="!hasPermission"
+								@blur="pingJavaServer"
 							/>
 							<input
 								v-model.number="javaPort"
@@ -205,8 +204,22 @@
 								max="65535"
 								class="w-24 rounded-xl bg-bg-raised text-center"
 								:disabled="!hasPermission"
+								@blur="pingJavaServer"
 							/>
 						</div>
+						<div
+							v-if="javaPingResult !== null"
+							class="mt-2 flex items-center gap-1.5"
+							:class="javaPingResult.online ? 'text-green' : 'text-orange'"
+						>
+							<CheckIcon v-if="javaPingResult.online" class="h-4 w-4" />
+							<TriangleAlertIcon v-else class="h-4 w-4" />
+							{{
+								javaPingResult.online
+									? `Server is online! ${javaPingResult.latency ? `Latency: ${javaPingResult.latency}ms` : ``}`
+									: 'Cannot ping server'
+							}}
+						</div>
 					</div>
 
 					<!-- Bedrock Address -->
@@ -345,7 +358,7 @@
 							:options="visibilityOptions"
 							placeholder="Select one"
 							:disabled="!hasPermission"
-							max-height="500"
+							:max-height="500"
 						/>
 						<div>If approved by the moderators:</div>
 						<ul class="visibility-info m-0">
@@ -500,6 +513,40 @@ const usingMrpack = ref(
 )
 const country = ref(projectV3.value?.minecraft_server?.country ?? '')
 
+// Java server ping state
+const javaPingLoading = ref(false)
+const javaPingResult = ref(null)
+
+const pingJavaServer = async () => {
+	const address = javaAddress.value?.trim()
+	if (!address) {
+		javaPingResult.value = null
+		return
+	}
+
+	javaPingLoading.value = true
+	javaPingResult.value = null
+
+	const port = javaPort.value || 25565
+	const query = port !== 25565 ? `${address}:${port}` : address
+
+	try {
+		// TODO replace with api-client labrinth server ping route
+		// const response = await $fetch(`https://api.mcstatus.io/v2/status/java/${query}`, {
+		// 	timeout: 10000,
+		// })
+		// console.log(response)
+		javaPingResult.value = {
+			online: response.online,
+			latency: response.latency ?? null,
+		}
+	} catch {
+		javaPingResult.value = { online: false, latency: null }
+	} finally {
+		javaPingLoading.value = false
+	}
+}
+
 const countryOptions = [
 	{ value: 'US', label: 'United States' },
 	{ value: 'CA', label: 'Canada' },
@@ -803,6 +850,7 @@ const deleteIcon = async () => {
 	})
 }
 </script>
+
 <style lang="scss" scoped>
 .visibility-info {
 	padding: 0;
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index e9303f88a1..6eb8a8d78e 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -233,11 +233,24 @@
 <script setup>
 import { SaveIcon, TriangleAlertIcon } from '@modrinth/assets'
 import { commonLinkDomains, isCommonUrl, isDiscordUrl, isLinkShortener } from '@modrinth/moderation'
-import { DropdownSelect, injectProjectPageContext } from '@modrinth/ui'
+import {
+	DropdownSelect,
+	injectModrinthClient,
+	injectNotificationManager,
+	injectProjectPageContext,
+} from '@modrinth/ui'
 
 const tags = useGeneratedState()
 
-const { projectV2: project, projectV3, currentMember, patchProject } = injectProjectPageContext()
+const {
+	projectV2: project,
+	projectV3,
+	currentMember,
+	patchProject,
+	refreshProject,
+} = injectProjectPageContext()
+const { labrinth } = injectModrinthClient()
+const { addNotification } = injectNotificationManager()
 
 const issuesUrl = ref(project.value.issues_url)
 const sourceUrl = ref(project.value.source_url)
@@ -246,9 +259,9 @@ const discordUrl = ref(project.value.discord_url)
 
 // Server project links
 const isServerProject = computed(() => projectV3.value?.minecraft_server !== undefined)
-const websiteUrl = ref(project.value.wiki_url) // TODO: Map to actual server website field
-const storeUrl = ref(project.value.issues_url) // TODO: Map to actual server store field
-const serverDiscordUrl = ref(project.value.discord_url)
+const websiteUrl = ref(projectV3.value?.link_urls?.website?.url ?? '')
+const storeUrl = ref(projectV3.value?.link_urls?.store?.url ?? '')
+const serverDiscordUrl = ref(projectV3.value?.link_urls?.discord?.url ?? '')
 
 const isIssuesUrlCommon = computed(() => {
 	if (!issuesUrl.value || issuesUrl.value.trim().length === 0) return true
@@ -349,15 +362,18 @@ const hasChanges = computed(() => {
 // Server project links
 const serverPatchData = computed(() => {
 	const data = {}
-	// TODO: Map to actual server fields when API is ready
-	if (checkDifference(websiteUrl.value, project.wiki_url)) {
-		data.wiki_url = websiteUrl.value === '' ? null : websiteUrl.value.trim()
+	const originalWebsite = projectV3.value?.link_urls?.website?.url ?? ''
+	const originalStore = projectV3.value?.link_urls?.store?.url ?? ''
+	const originalDiscord = projectV3.value?.link_urls?.discord?.url ?? ''
+
+	if (checkDifference(websiteUrl.value, originalWebsite)) {
+		data.website = websiteUrl.value?.trim() || null
 	}
-	if (checkDifference(storeUrl.value, project.issues_url)) {
-		data.issues_url = storeUrl.value === '' ? null : storeUrl.value.trim()
+	if (checkDifference(storeUrl.value, originalStore)) {
+		data.store = storeUrl.value?.trim() || null
 	}
-	if (checkDifference(serverDiscordUrl.value, project.discord_url)) {
-		data.discord_url = serverDiscordUrl.value === '' ? null : serverDiscordUrl.value.trim()
+	if (checkDifference(serverDiscordUrl.value, originalDiscord)) {
+		data.wiki = serverDiscordUrl.value?.trim() || null
 	}
 	return data
 })
@@ -367,8 +383,25 @@ const hasServerChanges = computed(() => {
 })
 
 async function saveServerChanges() {
-	if (serverPatchData.value) {
-		await patchProject(serverPatchData.value)
+	const linkUpdates = serverPatchData.value
+	if (Object.keys(linkUpdates).length === 0) return
+
+	try {
+		await labrinth.projects_v3.edit(project.value.id, {
+			link_urls: linkUpdates,
+		})
+		await refreshProject()
+		addNotification({
+			title: 'Links updated',
+			text: 'Your server links have been updated.',
+			type: 'success',
+		})
+	} catch (err) {
+		addNotification({
+			title: 'Failed to update links',
+			text: err.data?.description ?? String(err),
+			type: 'error',
+		})
 	}
 }
 

From 0778e19b0e07441377d1f62f19f81daee9db7f1b Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 6 Feb 2026 16:31:49 -0700
Subject: [PATCH 100/178] feat: update project and instance headers to match
 designs

---
 .../app-frontend/src/pages/instance/Index.vue | 76 ++++++++++++-------
 apps/frontend/src/public/robots.txt           |  2 +-
 .../src/components/base/ContentPageHeader.vue |  6 +-
 .../src/components/project/ProjectHeader.vue  |  4 +-
 4 files changed, 55 insertions(+), 33 deletions(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index b44a2fcb10..d1b5c118de 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -12,25 +12,39 @@
 			</ButtonStyled>
 			<ContentPageHeader>
 				<template #icon>
-					<Avatar :src="icon" :alt="instance.name" size="96px" :tint-by="instance.path" />
+					<Avatar :src="icon" :alt="instance.name" size="64px" :tint-by="instance.path" />
 				</template>
 				<template #title>
 					{{ instance.name }}
 				</template>
 				<template #summary> </template>
 				<template #stats>
-					<div
-						class="flex items-center gap-2 font-semibold transform capitalize border-0 border-solid border-divider pr-4 md:border-r"
-					>
-						<GameIcon class="h-6 w-6 text-secondary" />
-						{{ instance.loader }} {{ instance.game_version }}
-					</div>
-					<div class="flex items-center gap-2 font-semibold">
-						<TimerIcon class="h-6 w-6 text-secondary" />
-						<template v-if="timePlayed > 0">
-							{{ timePlayedHumanized }}
-						</template>
-						<template v-else> Never played </template>
+					<div class="flex items-center gap-2">
+						<div class="flex items-center gap-2 capitalize font-medium">
+							{{ instance.loader }} {{ instance.game_version }}
+						</div>
+
+						<div class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
+
+						<div class="flex items-center gap-2 font-medium">
+							<template v-if="timePlayed > 0">
+								{{ timePlayedHumanized }}
+							</template>
+							<template v-else> Never played </template>
+						</div>
+
+						<div v-if="isServerInstance" class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
+
+						<div v-if="isServerInstance" class="flex gap-1.5 items-center font-medium">
+							Linked to
+							<Avatar
+								:src="project.icon_url"
+								:alt="project.title"
+								:tint-by="instance.path"
+								size="24px"
+							/>
+							{{ project.title }}
+						</div>
 					</div>
 				</template>
 				<template #actions>
@@ -169,7 +183,6 @@ import {
 	ExternalIcon,
 	EyeIcon,
 	FolderOpenIcon,
-	GameIcon,
 	GlobeIcon,
 	HashIcon,
 	MoreVerticalIcon,
@@ -179,7 +192,6 @@ import {
 	ServerIcon,
 	SettingsIcon,
 	StopCircleIcon,
-	TimerIcon,
 	UpdatedIcon,
 	UserPlusIcon,
 	XIcon,
@@ -237,23 +249,33 @@ const playing = ref(false)
 const loading = ref(false)
 const updateToPlayModal = ref() // TODO: show this modal when an update is available when click play button
 
+const isServerInstance = ref(false)
+const project = ref()
+
 async function fetchInstance() {
 	instance.value = await get(route.params.id).catch(handleError)
 
 	if (!offline.value && instance.value.linked_data && instance.value.linked_data.project_id) {
-		get_project(instance.value.linked_data.project_id, 'must_revalidate')
-			.catch(handleError)
-			.then((project) => {
-				if (project && project.versions) {
-					get_version_many(project.versions, 'must_revalidate')
-						.catch(handleError)
-						.then((versions) => {
-							modrinthVersions.value = versions.sort(
-								(a, b) => dayjs(b.date_published) - dayjs(a.date_published),
-							)
-						})
+		try {
+			project.value = await get_project(instance.value.linked_data.project_id, 'must_revalidate')
+
+			if (project.value && project.value.versions) {
+				const versions = await get_version_many(project.value.versions, 'must_revalidate')
+				modrinthVersions.value = versions.sort(
+					(a, b) => dayjs(b.date_published) - dayjs(a.date_published),
+				)
+				if (Object.keys(project.value).includes('minecraft_server')) {
+					isServerInstance.value = true
 				}
-			})
+				console.log(project)
+				// todo, remove on release
+				if (themeStore.featureFlags.server_project_qa) {
+					isServerInstance.value = true
+				}
+			}
+		} catch (error) {
+			handleError(error)
+		}
 	}
 
 	await updatePlayState()
diff --git a/apps/frontend/src/public/robots.txt b/apps/frontend/src/public/robots.txt
index 77470cb39f..8792039105 100644
--- a/apps/frontend/src/public/robots.txt
+++ b/apps/frontend/src/public/robots.txt
@@ -1,2 +1,2 @@
 User-agent: *
-Disallow: /
\ No newline at end of file
+Disallow: /_internal/
\ No newline at end of file
diff --git a/packages/ui/src/components/base/ContentPageHeader.vue b/packages/ui/src/components/base/ContentPageHeader.vue
index dc0d5b200f..f407a24a79 100644
--- a/packages/ui/src/components/base/ContentPageHeader.vue
+++ b/packages/ui/src/components/base/ContentPageHeader.vue
@@ -4,9 +4,9 @@
 	>
 		<div class="flex gap-4">
 			<slot name="icon" />
-			<div class="flex flex-col gap-1">
+			<div class="flex flex-col gap-1.5 justify-center">
 				<div class="flex flex-wrap items-center gap-2">
-					<h1 class="m-0 text-2xl font-extrabold leading-none text-contrast">
+					<h1 class="m-0 text-2xl font-semibold leading-none text-contrast">
 						<slot name="title" />
 					</h1>
 					<slot name="title-suffix" />
@@ -14,7 +14,7 @@
 				<p v-if="$slots.summary" class="m-0 line-clamp-2 max-w-[40rem] empty:hidden">
 					<slot name="summary" />
 				</p>
-				<div v-if="$slots.stats" class="mt-auto flex flex-wrap gap-4 empty:hidden">
+				<div v-if="$slots.stats" class="flex flex-wrap gap-3 empty:hidden">
 					<slot name="stats" />
 				</div>
 			</div>
diff --git a/packages/ui/src/components/project/ProjectHeader.vue b/packages/ui/src/components/project/ProjectHeader.vue
index 7463028ba3..70fca0a9a8 100644
--- a/packages/ui/src/components/project/ProjectHeader.vue
+++ b/packages/ui/src/components/project/ProjectHeader.vue
@@ -17,7 +17,7 @@
 				v-tooltip="
 					`${formatNumber(project.downloads, false)} download${project.downloads !== 1 ? 's' : ''}`
 				"
-				class="flex items-center gap-2 border-0 border-r border-solid border-divider pr-4 font-semibold cursor-help"
+				class="flex items-center gap-2 font-semibold cursor-help"
 			>
 				<DownloadIcon class="h-6 w-6 text-secondary" />
 				{{ formatNumber(project.downloads) }}
@@ -26,7 +26,7 @@
 				v-tooltip="
 					`${formatNumber(project.followers, false)} follower${project.downloads !== 1 ? 's' : ''}`
 				"
-				class="flex items-center gap-2 border-0 border-solid border-divider pr-4 cursor-help"
+				class="flex items-center gap-2 cursor-help"
 				:class="{ 'md:border-r': project.categories.length > 0 }"
 			>
 				<HeartIcon class="h-6 w-6 text-secondary" />

From 8bfb007038449c11767453a2fcd7b23e8d9b5b6f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 6 Feb 2026 16:39:09 -0700
Subject: [PATCH 101/178] update copy

---
 .../components/ui/modal/InstallToPlayModal.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index 12d0420cf8..f2a164b65a 100644
--- a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -1,7 +1,7 @@
 <template>
 	<NewModal ref="modal" :header="formatMessage(messages.installToPlay)" :closable="true">
 		<div class="flex flex-col gap-6 max-w-[500px]">
-			<Admonition type="info" :header="formatMessage(messages.sharedServerInstance)">
+			<Admonition type="info" :header="formatMessage(messages.contentRequired)">
 				{{ formatMessage(messages.serverRequiresMods) }}
 			</Admonition>
 
@@ -22,9 +22,9 @@
 			</div>
 
 			<div class="flex flex-col gap-2">
-				<span class="font-semibold text-contrast">
-					{{ formatMessage(messages.sharedInstance) }}
-				</span>
+				<span class="font-semibold text-contrast">{{
+					formatMessage(messages.requiredModpack)
+				}}</span>
 				<div class="flex items-center gap-3 rounded-xl bg-surface-2 p-3">
 					<Avatar :src="project.icon_url" :alt="project.title" size="48px" />
 					<div class="flex flex-col gap-0.5">
@@ -162,10 +162,18 @@ const messages = defineMessages({
 		id: 'app.modal.install-to-play.shared-server-instance',
 		defaultMessage: 'Shared server instance',
 	},
+	contentRequired: {
+		id: 'app.modal.install-to-play.content-required',
+		defaultMessage: 'Content required',
+	},
 	serverRequiresMods: {
 		id: 'app.modal.install-to-play.server-requires-mods',
 		defaultMessage:
-			'This server requires mods to play. Click install to set up the required files from Modrinth.',
+			'This server requires mods to play. Click Install to set up the required files from Modrinth, then launch directly into the server.',
+	},
+	requiredModpack: {
+		id: 'app.modal.install-to-play.required-modpack',
+		defaultMessage: 'Required modpack',
 	},
 	sharedByToday: {
 		id: 'app.modal.install-to-play.shared-by-today',

From fd3b562092faf7f68264e3351f6f20dcb17c5c36 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 6 Feb 2026 16:39:34 -0700
Subject: [PATCH 102/178] hook up update to play

---
 .../src/components/ui/modal/UpdateToPlayModal.vue | 15 ++++++++++++++-
 apps/app-frontend/src/pages/instance/Index.vue    |  7 ++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
index d467f350ac..ab5bdf43b4 100644
--- a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
@@ -384,5 +384,18 @@ const diffTypeMessages = defineMessages({
 	},
 })
 
-defineExpose({ show, hide })
+const hasUpdate = computed(() => {
+	if (!instance.linked_data) return false
+	return latestVersionId.value != null && latestVersionId.value !== instance.linked_data.version_id
+})
+
+function showIfUpdateAvailable(e?: MouseEvent): boolean {
+	if (hasUpdate.value) {
+		show(e)
+		return true
+	}
+	return false
+}
+
+defineExpose({ show, hide, hasUpdate, showIfUpdateAvailable })
 </script>
diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index d1b5c118de..a915584c59 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -7,9 +7,6 @@
 			<ExportModal ref="exportModal" :instance="instance" />
 			<InstanceSettingsModal ref="settingsModal" :instance="instance" :offline="offline" />
 			<UpdateToPlayModal ref="updateToPlayModal" :instance="instance" />
-			<ButtonStyled v-if="themeStore.featureFlags.server_project_qa">
-				<button @click="updateToPlayModal.show()">Update to play modal</button>
-			</ButtonStyled>
 			<ContentPageHeader>
 				<template #icon>
 					<Avatar :src="icon" :alt="instance.name" size="64px" :tint-by="instance.path" />
@@ -332,6 +329,10 @@ const loadingBar = useLoading()
 const options = ref(null)
 
 const startInstance = async (context) => {
+	if (updateToPlayModal.value?.showIfUpdateAvailable()) {
+		return
+	}
+
 	loading.value = true
 	try {
 		await run(route.params.id)

From 17145e303eb9053f00d5ed2c274e63e0ccaf077b Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 6 Feb 2026 17:07:40 -0700
Subject: [PATCH 103/178] add server project header

---
 apps/app-frontend/src/pages/project/Index.vue | 55 ++++++++++-
 .../src/components/project/ProjectHeader.vue  | 69 +++++++-------
 .../project/ServerProjectHeader.vue           | 91 +++++++++++++++++++
 packages/ui/src/components/project/index.ts   |  1 +
 4 files changed, 179 insertions(+), 37 deletions(-)
 create mode 100644 packages/ui/src/components/project/ServerProjectHeader.vue

diff --git a/apps/app-frontend/src/pages/project/Index.vue b/apps/app-frontend/src/pages/project/Index.vue
index 497112e8d2..8e7eaafaef 100644
--- a/apps/app-frontend/src/pages/project/Index.vue
+++ b/apps/app-frontend/src/pages/project/Index.vue
@@ -1,6 +1,5 @@
 <template>
 	<div>
-		<InstallToPlayModal ref="installToPlayModal" :project="data" />
 		<Teleport to="#sidebar-teleport-target">
 			<ProjectSidebarCompatibility
 				:project="data"
@@ -25,9 +24,6 @@
 		</Teleport>
 		<InstallToPlayModal ref="installToPlayModal" :project="data" />
 		<div class="flex flex-col gap-4 p-6">
-			<ButtonStyled v-if="themeStore.featureFlags.server_project_qa">
-				<button @click="installToPlayModal.show()">Install to play modal</button>
-			</ButtonStyled>
 			<InstanceIndicator v-if="instance" :instance="instance" />
 			<template v-if="data">
 				<Teleport
@@ -36,7 +32,47 @@
 				>
 					<ProjectBackgroundGradient :project="data" />
 				</Teleport>
-				<ProjectHeader :project="data" @contextmenu.prevent.stop="handleRightClick">
+				<ServerProjectHeader
+					v-if="isServerProject"
+					:project="data"
+					@contextmenu.prevent.stop="handleRightClick"
+				>
+					<template #actions>
+						<ButtonStyled size="large" color="brand">
+							<button @click="installToPlayModal.show()">
+								<PlayIcon />
+								Play
+							</button>
+						</ButtonStyled>
+						<ButtonStyled size="large" circular type="transparent">
+							<OverflowMenu
+								:tooltip="`More options`"
+								:options="[
+									{
+										id: 'open-in-browser',
+										link: `https://modrinth.com/${data.project_type}/${data.slug}`,
+										external: true,
+									},
+									{
+										divider: true,
+									},
+									{
+										id: 'report',
+										color: 'red',
+										hoverFilled: true,
+										link: `https://modrinth.com/report?item=project&itemID=${data.id}`,
+									},
+								]"
+								aria-label="More options"
+							>
+								<MoreVerticalIcon aria-hidden="true" />
+								<template #open-in-browser> <ExternalIcon /> Open in browser </template>
+								<template #report> <ReportIcon /> Report </template>
+							</OverflowMenu>
+						</ButtonStyled>
+					</template>
+				</ServerProjectHeader>
+				<ProjectHeader v-else :project="data" @contextmenu.prevent.stop="handleRightClick">
 					<template #actions>
 						<ButtonStyled size="large" color="brand">
 							<button
@@ -143,6 +179,7 @@ import {
 	GlobeIcon,
 	HeartIcon,
 	MoreVerticalIcon,
+	PlayIcon,
 	ReportIcon,
 } from '@modrinth/assets'
 import {
@@ -155,6 +192,7 @@ import {
 	ProjectSidebarCreators,
 	ProjectSidebarDetails,
 	ProjectSidebarLinks,
+	ServerProjectHeader,
 } from '@modrinth/ui'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import dayjs from 'dayjs'
@@ -191,6 +229,7 @@ const instanceProjects = ref(null)
 
 const installed = ref(false)
 const installedVersion = ref(null)
+const isServerProject = ref(false)
 
 const installToPlayModal = ref(null) // TODO, only show install to play modal for server project types that have .mrpack for content
 
@@ -246,6 +285,12 @@ async function fetchProjectData() {
 			installedVersion.value = installedFile.metadata.version_id
 		}
 	}
+	isServerProject.value = Object.keys(project).includes('minecraft_server')
+	// todo, remove on release
+	if (themeStore.featureFlags.server_project_qa) {
+		isServerProject.value = true
+	}
+
 	breadcrumbs.setName('Project', data.value.title)
 }
 
diff --git a/packages/ui/src/components/project/ProjectHeader.vue b/packages/ui/src/components/project/ProjectHeader.vue
index 70fca0a9a8..2afbf93438 100644
--- a/packages/ui/src/components/project/ProjectHeader.vue
+++ b/packages/ui/src/components/project/ProjectHeader.vue
@@ -13,37 +13,39 @@
 			{{ project.description }}
 		</template>
 		<template #stats>
-			<div
-				v-tooltip="
-					`${formatNumber(project.downloads, false)} download${project.downloads !== 1 ? 's' : ''}`
-				"
-				class="flex items-center gap-2 font-semibold cursor-help"
-			>
-				<DownloadIcon class="h-6 w-6 text-secondary" />
-				{{ formatNumber(project.downloads) }}
-			</div>
-			<div
-				v-tooltip="
-					`${formatNumber(project.followers, false)} follower${project.downloads !== 1 ? 's' : ''}`
-				"
-				class="flex items-center gap-2 cursor-help"
-				:class="{ 'md:border-r': project.categories.length > 0 }"
-			>
-				<HeartIcon class="h-6 w-6 text-secondary" />
-				<span class="font-semibold">
-					{{ formatNumber(project.followers) }}
-				</span>
-			</div>
-			<div v-if="project.categories.length > 0" class="hidden items-center gap-2 md:flex">
-				<TagsIcon class="h-6 w-6 text-secondary" />
-				<div class="flex flex-wrap gap-2">
-					<TagItem
-						v-for="(category, index) in project.categories"
-						:key="index"
-						:action="() => router.push(`/${project.project_type}s?f=categories:${category}`)"
-					>
-						<FormattedTag :tag="category" />
-					</TagItem>
+			<div class="flex items-center gap-3">
+				<div
+					v-tooltip="
+						`${formatNumber(project.downloads, false)} download${project.downloads !== 1 ? 's' : ''}`
+					"
+					class="flex items-center gap-2 font-semibold cursor-help"
+				>
+					<DownloadIcon class="h-6 w-6 text-secondary" />
+					{{ formatNumber(project.downloads) }}
+				</div>
+				<div
+					v-tooltip="
+						`${formatNumber(project.followers, false)} follower${project.downloads !== 1 ? 's' : ''}`
+					"
+					class="flex items-center gap-2 cursor-help"
+					:class="{ 'md:border-r': project.categories.length > 0 }"
+				>
+					<HeartIcon class="h-6 w-6 text-secondary" />
+					<span class="font-semibold">
+						{{ formatNumber(project.followers) }}
+					</span>
+				</div>
+				<div v-if="project.categories.length > 0" class="hidden items-center gap-2 md:flex">
+					<TagsIcon class="h-6 w-6 text-secondary" />
+					<div class="flex flex-wrap gap-2">
+						<TagItem
+							v-for="(category, index) in project.categories"
+							:key="index"
+							:action="() => router.push(`/${project.project_type}s?f=categories:${category}`)"
+						>
+							<FormattedTag :tag="category" />
+						</TagItem>
+					</div>
 				</div>
 			</div>
 		</template>
@@ -57,6 +59,7 @@ import { DownloadIcon, HeartIcon, TagsIcon } from '@modrinth/assets'
 import { formatNumber, type Project } from '@modrinth/utils'
 import { useRouter } from 'vue-router'
 
+import { computed } from 'vue'
 import Avatar from '../base/Avatar.vue'
 import ContentPageHeader from '../base/ContentPageHeader.vue'
 import FormattedTag from '../base/FormattedTag.vue'
@@ -65,7 +68,7 @@ import ProjectStatusBadge from './ProjectStatusBadge.vue'
 
 const router = useRouter()
 
-withDefaults(
+const props = withDefaults(
 	defineProps<{
 		project: Project
 		member?: boolean
@@ -74,4 +77,6 @@ withDefaults(
 		member: false,
 	},
 )
+
+const isServerProject = computed(() => Object.keys(props.project).includes('minecraft_server'))
 </script>
diff --git a/packages/ui/src/components/project/ServerProjectHeader.vue b/packages/ui/src/components/project/ServerProjectHeader.vue
new file mode 100644
index 0000000000..c46f694bd9
--- /dev/null
+++ b/packages/ui/src/components/project/ServerProjectHeader.vue
@@ -0,0 +1,91 @@
+<template>
+	<ContentPageHeader>
+		<template #icon>
+			<Avatar :src="project.icon_url" :alt="project.title" size="96px" />
+		</template>
+		<template #title>
+			{{ project.title }}
+		</template>
+		<template #title-suffix>
+			<ProjectStatusBadge v-if="member || project.status !== 'approved'" :status="project.status" />
+		</template>
+		<template #summary>
+			{{ project.description }}
+		</template>
+		<template #stats>
+			<div class="flex items-center gap-3 gap-y-1 flex-wrap">
+				<img
+					:src="serverFlag"
+					alt="Server region"
+					class="h-5 w-8 rounded-sm object-cover border-surface-5 border border-solid"
+				/>
+				<div class="flex items-center gap-2 font-semibold">
+					<UsersIcon class="h-5 w-5 text-secondary" />
+					{{ serverPlayersOnline }}/{{ serverMaxPlayers }}
+				</div>
+				<div class="flex items-center gap-2 font-semibold">
+					<SignalIcon class="h-5 w-5 text-brand-green" />
+				</div>
+				<div
+					v-tooltip="
+						`${formatNumber(project.followers, false)} follower${project.followers !== 1 ? 's' : ''}`
+					"
+					class="flex items-center gap-2 cursor-help"
+				>
+					<HeartIcon class="h-5 w-5 text-secondary" />
+					<span class="font-semibold">
+						{{ formatNumber(project.followers) }}
+					</span>
+				</div>
+				<div v-if="project.categories.length > 0" class="hidden items-center gap-2 md:flex">
+					<div class="flex gap-2">
+						<TagItem
+							v-for="(category, index) in project.categories"
+							:key="index"
+							:action="() => router.push(`/${project.project_type}s?f=categories:${category}`)"
+						>
+							<FormattedTag :tag="category" />
+						</TagItem>
+					</div>
+				</div>
+				<div v-if="serverLinkedModpack" class="flex gap-1.5 items-center font-medium w-max">
+					<Avatar :src="project.icon_url" :alt="serverLinkedModpack" size="24px" />
+					{{ serverLinkedModpack }}
+				</div>
+			</div>
+		</template>
+		<template #actions>
+			<slot name="actions" />
+		</template>
+	</ContentPageHeader>
+</template>
+<script setup lang="ts">
+import { HeartIcon, SignalIcon, UsersIcon } from '@modrinth/assets'
+import { formatNumber, type Project } from '@modrinth/utils'
+import { useRouter } from 'vue-router'
+
+import { computed } from 'vue'
+import Avatar from '../base/Avatar.vue'
+import ContentPageHeader from '../base/ContentPageHeader.vue'
+import FormattedTag from '../base/FormattedTag.vue'
+import TagItem from '../base/TagItem.vue'
+import ProjectStatusBadge from './ProjectStatusBadge.vue'
+
+const router = useRouter()
+
+const props = withDefaults(
+	defineProps<{
+		project: Project
+		member?: boolean
+	}>(),
+	{
+		member: false,
+	},
+)
+
+// TODO: replace mocks with real data from project
+const serverFlag = computed(() => `https://flagcdn.com/ca.svg`)
+const serverPlayersOnline = computed(() => 326)
+const serverMaxPlayers = computed(() => 3000)
+const serverLinkedModpack = computed(() => 'Cobblemon Modpack')
+</script>
diff --git a/packages/ui/src/components/project/index.ts b/packages/ui/src/components/project/index.ts
index a7b6ade713..a72405616f 100644
--- a/packages/ui/src/components/project/index.ts
+++ b/packages/ui/src/components/project/index.ts
@@ -14,3 +14,4 @@ export { default as ProjectSidebarCreators } from './ProjectSidebarCreators.vue'
 export { default as ProjectSidebarDetails } from './ProjectSidebarDetails.vue'
 export { default as ProjectSidebarLinks } from './ProjectSidebarLinks.vue'
 export { default as ProjectStatusBadge } from './ProjectStatusBadge.vue'
+export { default as ServerProjectHeader } from './ServerProjectHeader.vue'

From f81e3f36ede1aa2bc3982765e69c2fdb2056a986 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 6 Feb 2026 17:38:42 -0700
Subject: [PATCH 104/178] move content page header actions slot to be in line
 with title/summary if there exists a summary

---
 .../app-frontend/src/pages/instance/Index.vue |  1 -
 .../src/components/base/ContentPageHeader.vue | 31 ++++++++++++-------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index a915584c59..1fa842f306 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -14,7 +14,6 @@
 				<template #title>
 					{{ instance.name }}
 				</template>
-				<template #summary> </template>
 				<template #stats>
 					<div class="flex items-center gap-2">
 						<div class="flex items-center gap-2 capitalize font-medium">
diff --git a/packages/ui/src/components/base/ContentPageHeader.vue b/packages/ui/src/components/base/ContentPageHeader.vue
index f407a24a79..55c6e2181c 100644
--- a/packages/ui/src/components/base/ContentPageHeader.vue
+++ b/packages/ui/src/components/base/ContentPageHeader.vue
@@ -1,25 +1,32 @@
 <template>
 	<div
-		class="grid grid-cols-1 gap-x-8 gap-y-6 border-0 border-b border-solid border-divider pb-4 lg:grid-cols-[1fr_auto]"
+		class="grid grid-cols-1 max-lg:gap-x-8 gap-y-6 border-0 border-b border-solid border-divider pb-4 lg:grid-cols-[1fr_auto]"
 	>
-		<div class="flex gap-4">
+		<div class="flex gap-4 w-full">
 			<slot name="icon" />
-			<div class="flex flex-col gap-1.5 justify-center">
-				<div class="flex flex-wrap items-center gap-2">
-					<h1 class="m-0 text-2xl font-semibold leading-none text-contrast">
-						<slot name="title" />
-					</h1>
-					<slot name="title-suffix" />
+			<div class="flex flex-col gap-2.5 justify-center w-full">
+				<div class="flex justify-between items-center">
+					<div class="flex flex-col gap-1.5 justify-center">
+						<div class="flex flex-wrap items-center gap-2">
+							<h1 class="m-0 text-2xl font-semibold leading-none text-contrast">
+								<slot name="title" />
+							</h1>
+							<slot name="title-suffix" />
+						</div>
+						<p v-if="$slots.summary" class="m-0 line-clamp-2 max-w-[40rem] empty:hidden">
+							<slot name="summary" />
+						</p>
+					</div>
+					<div v-if="$slots.summary" class="flex gap-2 items-center">
+						<slot name="actions" />
+					</div>
 				</div>
-				<p v-if="$slots.summary" class="m-0 line-clamp-2 max-w-[40rem] empty:hidden">
-					<slot name="summary" />
-				</p>
 				<div v-if="$slots.stats" class="flex flex-wrap gap-3 empty:hidden">
 					<slot name="stats" />
 				</div>
 			</div>
 		</div>
-		<div class="flex flex-wrap gap-2 items-center">
+		<div v-if="!$slots.summary" class="flex gap-2 items-center">
 			<slot name="actions" />
 		</div>
 	</div>

From 0982d2ceb654644527cac889c79517d77b7fc068 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 6 Feb 2026 17:58:12 -0700
Subject: [PATCH 105/178] better content header for small screen width

---
 apps/app-frontend/src/pages/instance/Index.vue      |  2 +-
 apps/frontend/src/public/robots.txt                 |  2 +-
 .../ui/src/components/base/ContentPageHeader.vue    | 13 ++++++++-----
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index 1fa842f306..ae9620d277 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -15,7 +15,7 @@
 					{{ instance.name }}
 				</template>
 				<template #stats>
-					<div class="flex items-center gap-2">
+					<div class="flex items-center flex-wrap gap-2">
 						<div class="flex items-center gap-2 capitalize font-medium">
 							{{ instance.loader }} {{ instance.game_version }}
 						</div>
diff --git a/apps/frontend/src/public/robots.txt b/apps/frontend/src/public/robots.txt
index 8792039105..77470cb39f 100644
--- a/apps/frontend/src/public/robots.txt
+++ b/apps/frontend/src/public/robots.txt
@@ -1,2 +1,2 @@
 User-agent: *
-Disallow: /_internal/
\ No newline at end of file
+Disallow: /
\ No newline at end of file
diff --git a/packages/ui/src/components/base/ContentPageHeader.vue b/packages/ui/src/components/base/ContentPageHeader.vue
index 55c6e2181c..f59493cf0a 100644
--- a/packages/ui/src/components/base/ContentPageHeader.vue
+++ b/packages/ui/src/components/base/ContentPageHeader.vue
@@ -1,11 +1,11 @@
 <template>
 	<div
-		class="grid grid-cols-1 max-lg:gap-x-8 gap-y-6 border-0 border-b border-solid border-divider pb-4 lg:grid-cols-[1fr_auto]"
+		class="grid grid-cols-[1fr_auto] max-lg:gap-x-8 gap-y-6 border-0 border-b border-solid border-divider pb-4"
 	>
 		<div class="flex gap-4 w-full">
 			<slot name="icon" />
-			<div class="flex flex-col gap-2.5 justify-center w-full">
-				<div class="flex justify-between items-center">
+			<div class="flex flex-col gap-2 justify-center w-full">
+				<div class="flex justify-between items-center gap-2">
 					<div class="flex flex-col gap-1.5 justify-center">
 						<div class="flex flex-wrap items-center gap-2">
 							<h1 class="m-0 text-2xl font-semibold leading-none text-contrast">
@@ -17,16 +17,19 @@
 							<slot name="summary" />
 						</p>
 					</div>
-					<div v-if="$slots.summary" class="flex gap-2 items-center">
+					<div v-if="$slots.summary" class="flex gap-2 items-center max-lg:hidden">
 						<slot name="actions" />
 					</div>
 				</div>
 				<div v-if="$slots.stats" class="flex flex-wrap gap-3 empty:hidden">
 					<slot name="stats" />
 				</div>
+				<div class="flex gap-2 items-center lg:hidden">
+					<slot name="actions" />
+				</div>
 			</div>
 		</div>
-		<div v-if="!$slots.summary" class="flex gap-2 items-center">
+		<div v-if="!$slots.summary" class="flex gap-2 items-center max-lg:hidden">
 			<slot name="actions" />
 		</div>
 	</div>

From 9e17cd4d3387edbd72515ad410820b458ba0aa69 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Sun, 8 Feb 2026 14:33:44 -0700
Subject: [PATCH 106/178] pt2

---
 .../src/components/project/ProjectHeader.vue  | 57 ++++---------------
 1 file changed, 10 insertions(+), 47 deletions(-)

diff --git a/packages/ui/src/components/project/ProjectHeader.vue b/packages/ui/src/components/project/ProjectHeader.vue
index 4081bc769d..4d7ab063be 100644
--- a/packages/ui/src/components/project/ProjectHeader.vue
+++ b/packages/ui/src/components/project/ProjectHeader.vue
@@ -13,11 +13,14 @@
 			{{ project.description }}
 		</template>
 		<template #stats>
-<<<<<<< HEAD
 			<div class="flex items-center gap-3">
 				<div
 					v-tooltip="
-						`${formatNumber(project.downloads, false)} download${project.downloads !== 1 ? 's' : ''}`
+						capitalizeString(
+							formatMessage(commonMessages.projectDownloads, {
+								count: formatNumber(project.downloads, false),
+							}),
+						)
 					"
 					class="flex items-center gap-2 font-semibold cursor-help"
 				>
@@ -26,7 +29,11 @@
 				</div>
 				<div
 					v-tooltip="
-						`${formatNumber(project.followers, false)} follower${project.downloads !== 1 ? 's' : ''}`
+						capitalizeString(
+							formatMessage(commonMessages.projectFollowers, {
+								count: formatNumber(project.followers, false),
+							}),
+						)
 					"
 					class="flex items-center gap-2 cursor-help"
 					:class="{ 'md:border-r': project.categories.length > 0 }"
@@ -47,47 +54,6 @@
 							<FormattedTag :tag="category" />
 						</TagItem>
 					</div>
-=======
-			<div
-				v-tooltip="
-					capitalizeString(
-						formatMessage(commonMessages.projectDownloads, {
-							count: formatNumber(project.downloads, false),
-						}),
-					)
-				"
-				class="flex items-center gap-2 border-0 border-r border-solid border-divider pr-4 font-semibold cursor-help"
-			>
-				<DownloadIcon class="h-6 w-6 text-secondary" />
-				{{ formatNumber(project.downloads) }}
-			</div>
-			<div
-				v-tooltip="
-					capitalizeString(
-						formatMessage(commonMessages.projectFollowers, {
-							count: formatNumber(project.followers, false),
-						}),
-					)
-				"
-				class="flex items-center gap-2 border-0 border-solid border-divider pr-4 cursor-help"
-				:class="{ 'md:border-r': project.categories.length > 0 }"
-			>
-				<HeartIcon class="h-6 w-6 text-secondary" />
-				<span class="font-semibold">
-					{{ formatNumber(project.followers) }}
-				</span>
-			</div>
-			<div v-if="project.categories.length > 0" class="hidden items-center gap-2 md:flex">
-				<TagsIcon class="h-6 w-6 text-secondary" />
-				<div class="flex flex-wrap gap-2">
-					<TagItem
-						v-for="(category, index) in project.categories"
-						:key="index"
-						:action="() => router.push(`/${project.project_type}s?f=categories:${category}`)"
-					>
-						<FormattedTag :tag="category" />
-					</TagItem>
->>>>>>> main
 				</div>
 			</div>
 		</template>
@@ -101,12 +67,9 @@ import { DownloadIcon, HeartIcon, TagsIcon } from '@modrinth/assets'
 import { capitalizeString, formatNumber, type Project } from '@modrinth/utils'
 import { useRouter } from 'vue-router'
 
-<<<<<<< HEAD
 import { computed } from 'vue'
-=======
 import { useVIntl } from '../../composables'
 import { commonMessages } from '../../utils'
->>>>>>> main
 import Avatar from '../base/Avatar.vue'
 import ContentPageHeader from '../base/ContentPageHeader.vue'
 import FormattedTag from '../base/FormattedTag.vue'

From 37f63afedbe6a0c5b2f4abef17acfb3c785e4dad Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Sun, 8 Feb 2026 17:59:21 -0700
Subject: [PATCH 107/178] add popup notification panel, add it to storybook,
 and replace app popups with it

---
 apps/app-frontend/src/App.vue                 | 184 ++++++++++++------
 .../src/components/ui/RunningAppBar.vue       |  49 ++++-
 .../components/ui/UpdateAvailableToast.vue    |  84 --------
 .../src/components/ui/UpdateToast.vue         | 130 -------------
 .../app-frontend/src/locales/en-US/index.json |  34 ++--
 .../src/providers/app-popup-notifications.ts  |  30 +++
 apps/frontend/src/public/robots.txt           |   2 +-
 packages/ui/.storybook/preview.ts             |  31 ++-
 .../components/nav/PopupNotificationPanel.vue | 139 +++++++++++++
 packages/ui/src/components/nav/index.ts       |   1 +
 .../project/CreateServerVersionModal.vue      |   6 +-
 .../src/components/project/ProjectHeader.vue  |   2 +-
 .../project/ServerProjectHeader.vue           |   2 +-
 packages/ui/src/providers/index.ts            |   1 +
 .../ui/src/providers/popup-notifications.ts   |  79 ++++++++
 .../stories/nav/NotificationPanel.stories.ts  | 153 +++++++++++++++
 .../nav/PopupNotificationPanel.stories.ts     | 145 ++++++++++++++
 17 files changed, 766 insertions(+), 306 deletions(-)
 delete mode 100644 apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
 delete mode 100644 apps/app-frontend/src/components/ui/UpdateToast.vue
 create mode 100644 apps/app-frontend/src/providers/app-popup-notifications.ts
 create mode 100644 packages/ui/src/components/nav/PopupNotificationPanel.vue
 create mode 100644 packages/ui/src/providers/popup-notifications.ts
 create mode 100644 packages/ui/src/stories/nav/NotificationPanel.stories.ts
 create mode 100644 packages/ui/src/stories/nav/PopupNotificationPanel.stories.ts

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index f0511a1b4a..1973bbc4d8 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -35,14 +35,16 @@ import {
 	NewsArticleCard,
 	NotificationPanel,
 	OverflowMenu,
+	PopupNotificationPanel,
 	ProgressSpinner,
 	provideModrinthClient,
 	provideNotificationManager,
 	providePageContext,
+	providePopupNotificationManager,
 	useDebugLogger,
 	useVIntl,
 } from '@modrinth/ui'
-import { renderString } from '@modrinth/utils'
+import { formatBytes, renderString } from '@modrinth/utils'
 import { useQuery } from '@tanstack/vue-query'
 import { getVersion } from '@tauri-apps/api/app'
 import { invoke } from '@tauri-apps/api/core'
@@ -71,8 +73,6 @@ import PromotionWrapper from '@/components/ui/PromotionWrapper.vue'
 import QuickInstanceSwitcher from '@/components/ui/QuickInstanceSwitcher.vue'
 import RunningAppBar from '@/components/ui/RunningAppBar.vue'
 import SplashScreen from '@/components/ui/SplashScreen.vue'
-import UpdateAvailableToast from '@/components/ui/UpdateAvailableToast.vue'
-import UpdateToast from '@/components/ui/UpdateToast.vue'
 import URLConfirmModal from '@/components/ui/URLConfirmModal.vue'
 import { useCheckDisableMouseover } from '@/composables/macCssFix.js'
 import { hide_ads_window, init_ads_window, show_ads_window } from '@/helpers/ads.js'
@@ -106,6 +106,7 @@ import { create_profile_and_install_from_file } from './helpers/pack'
 import { generateSkinPreviews } from './helpers/rendering/batch-skin-renderer'
 import { get_available_capes, get_available_skins } from './helpers/skins'
 import { AppNotificationManager } from './providers/app-notifications'
+import { AppPopupNotificationManager } from './providers/app-popup-notifications'
 
 const themeStore = useTheming()
 
@@ -113,6 +114,10 @@ const notificationManager = new AppNotificationManager()
 provideNotificationManager(notificationManager)
 const { handleError, addNotification } = notificationManager
 
+const popupNotificationManager = new AppPopupNotificationManager()
+providePopupNotificationManager(popupNotificationManager)
+const { addPopupNotification } = popupNotificationManager
+
 const tauriApiClient = new TauriModrinthClient({
 	userAgent: `modrinth/theseus/${getVersion()} (support@modrinth.com)`,
 	features: [
@@ -505,14 +510,60 @@ const downloadPercent = computed(() => Math.trunc(appUpdateDownload.progress.val
 const metered = ref(true)
 const finishedDownloading = ref(false)
 const restarting = ref(false)
-const updateToastDismissed = ref(false)
 const availableUpdate = ref(null)
 const updateSize = ref(null)
 const updatesEnabled = ref(true)
+
+const updatePopupMessages = defineMessages({
+	updateAvailable: {
+		id: 'app.update-popup.title',
+		defaultMessage: 'Update available',
+	},
+	downloadComplete: {
+		id: 'app.update-popup.download-complete',
+		defaultMessage: 'Download complete',
+	},
+	body: {
+		id: 'app.update-popup.body',
+		defaultMessage:
+			'Modrinth App v{version} is ready to install! Reload to update now, or automatically when you close Modrinth App.',
+	},
+	meteredBody: {
+		id: 'app.update-popup.body.metered',
+		defaultMessage: `Modrinth App v{version} is available now! Since you're on a metered network, we didn't automatically download it.`,
+	},
+	downloadedBody: {
+		id: 'app.update-popup.body.download-complete',
+		defaultMessage: `Modrinth App v{version} has finished downloading. Reload to update now, or automatically when you close Modrinth App.`,
+	},
+	linuxBody: {
+		id: 'app.update-popup.body.linux',
+		defaultMessage:
+			'Modrinth App v{version} is available. Use your package manager to update for the latest features and fixes!',
+	},
+	reload: {
+		id: 'app.update-popup.reload',
+		defaultMessage: 'Reload',
+	},
+	download: {
+		id: 'app.update-popup.download',
+		defaultMessage: 'Download ({size})',
+	},
+	changelog: {
+		id: 'app.update-popup.changelog',
+		defaultMessage: 'Changelog',
+	},
+})
+
 async function checkUpdates() {
 	if (!(await areUpdatesEnabled())) {
 		console.log('Skipping update check as updates are disabled in this build or environment')
 		updatesEnabled.value = false
+
+		if (os.value === 'Linux' && !isDevEnvironment.value) {
+			checkLinuxUpdates()
+			setInterval(checkLinuxUpdates, 5 * 60 * 1000)
+		}
 		return
 	}
 
@@ -532,7 +583,6 @@ async function checkUpdates() {
 
 		appUpdateDownload.progress.value = 0
 		finishedDownloading.value = false
-		updateToastDismissed.value = false
 
 		console.log(`Update ${update.version} is available.`)
 
@@ -542,6 +592,28 @@ async function checkUpdates() {
 			downloadUpdate(update)
 		} else {
 			console.log(`Metered connection detected, not auto-downloading update.`)
+			getUpdateSize(update.rid).then((size) => {
+				updateSize.value = size
+				addPopupNotification({
+					title: formatMessage(updatePopupMessages.updateAvailable),
+					text: formatMessage(updatePopupMessages.meteredBody, { version: update.version }),
+					type: 'info',
+					autoCloseMs: null,
+					buttons: [
+						{
+							label: formatMessage(updatePopupMessages.download, {
+								size: formatBytes(updateSize.value ?? 0),
+							}),
+							action: () => downloadAvailableUpdate(),
+							color: 'brand',
+						},
+						{
+							label: formatMessage(updatePopupMessages.changelog),
+							action: () => openUrl('https://modrinth.com/news/changelog?filter=app'),
+						},
+					],
+				})
+			})
 		}
 
 		getUpdateSize(update.rid).then((size) => (updateSize.value = size))
@@ -558,8 +630,26 @@ async function checkUpdates() {
 	)
 }
 
-async function showUpdateToast() {
-	updateToastDismissed.value = false
+async function checkLinuxUpdates() {
+	try {
+		const [response, currentVersion] = await Promise.all([
+			fetch('https://launcher-files.modrinth.com/updates.json'),
+			getVersion(),
+		])
+		const updates = await response.json()
+		const latestVersion = updates?.version
+
+		if (latestVersion && latestVersion !== currentVersion) {
+			addPopupNotification({
+				title: formatMessage(updatePopupMessages.updateAvailable),
+				text: formatMessage(updatePopupMessages.linuxBody, { version: latestVersion }),
+				type: 'info',
+				autoCloseMs: null,
+			})
+		}
+	} catch (e) {
+		console.error('Failed to check for updates:', e)
+	}
 }
 
 async function downloadAvailableUpdate() {
@@ -585,6 +675,26 @@ async function downloadUpdate(versionToDownload) {
 				unlistenUpdateDownload = null
 			})
 			console.log('Finished downloading!')
+
+			addPopupNotification({
+				title: formatMessage(updatePopupMessages.downloadComplete),
+				text: formatMessage(updatePopupMessages.downloadedBody, {
+					version: versionToDownload.version,
+				}),
+				type: 'success',
+				autoCloseMs: null,
+				buttons: [
+					{
+						label: formatMessage(updatePopupMessages.reload),
+						action: () => installUpdate(),
+						color: 'brand',
+					},
+					{
+						label: formatMessage(updatePopupMessages.changelog),
+						action: () => openUrl('https://modrinth.com/news/changelog?filter=app'),
+					},
+				],
+			})
 		})
 		unlistenUpdateDownload = await subscribeToDownloadProgress(
 			appUpdateDownload,
@@ -758,25 +868,6 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 		class="app-grid-layout experimental-styles-within relative"
 		:class="{ 'disable-advanced-rendering': !themeStore.advancedRendering }"
 	>
-		<Suspense>
-			<Transition name="toast">
-				<UpdateToast
-					v-if="
-						!!availableUpdate &&
-						!updateToastDismissed &&
-						!restarting &&
-						(finishedDownloading || metered)
-					"
-					:version="availableUpdate.version"
-					:size="updateSize"
-					:metered="metered"
-					@close="updateToastDismissed = true"
-					@restart="installUpdate"
-					@download="downloadAvailableUpdate"
-				/>
-				<UpdateAvailableToast v-else-if="!updatesEnabled && os === 'Linux' && !isDevEnvironment" />
-			</Transition>
-		</Suspense>
 		<Transition name="fade">
 			<div
 				v-if="restarting"
@@ -853,14 +944,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 			</NavButton>
 			<div class="flex flex-grow"></div>
 			<Transition name="nav-button-animated">
-				<div
-					v-if="
-						availableUpdate &&
-						updateToastDismissed &&
-						!restarting &&
-						(finishedDownloading || metered)
-					"
-				>
+				<div v-if="availableUpdate && !restarting && (finishedDownloading || metered)">
 					<NavButton
 						v-tooltip.right="
 							formatMessage(
@@ -874,13 +958,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 								},
 							)
 						"
-						:to="
-							finishedDownloading
-								? installUpdate
-								: downloadProgress > 0 && downloadProgress < 1
-									? showUpdateToast
-									: downloadAvailableUpdate
-						"
+						:to="finishedDownloading ? installUpdate : downloadAvailableUpdate"
 					>
 						<ProgressSpinner
 							v-if="downloadProgress > 0 && downloadProgress < 1"
@@ -1129,6 +1207,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 	</div>
 	<URLConfirmModal ref="urlModal" />
 	<NotificationPanel has-sidebar />
+	<PopupNotificationPanel has-sidebar />
 	<ErrorModal ref="errorModal" />
 	<ModInstallModal ref="modInstallModal" />
 	<IncompatibilityWarningModal ref="incompatibilityWarningModal" />
@@ -1361,38 +1440,15 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 	transform: translateY(10rem) scale(0.8) scaleY(1.6);
 }
 
-.toast-enter-active {
-	transition: opacity 0.25s linear;
-}
-
-.toast-enter-from,
-.toast-leave-to {
-	opacity: 0;
-}
-
 @media (prefers-reduced-motion: no-preference) {
-	.toast-enter-active,
 	.nav-button-animated-enter-active {
 		transition: all 0.5s cubic-bezier(0.15, 1.4, 0.64, 0.96);
 	}
 
-	.toast-leave-active,
 	.nav-button-animated-leave-active {
 		transition: all 0.25s ease;
 	}
 
-	.toast-enter-from {
-		scale: 0.5;
-		translate: 0 -10rem;
-		opacity: 0;
-	}
-
-	.toast-leave-to {
-		scale: 0.96;
-		translate: 20rem 0;
-		opacity: 0;
-	}
-
 	.nav-button-animated-enter-active {
 		position: relative;
 	}
diff --git a/apps/app-frontend/src/components/ui/RunningAppBar.vue b/apps/app-frontend/src/components/ui/RunningAppBar.vue
index 53f050362c..a8e2ac568e 100644
--- a/apps/app-frontend/src/components/ui/RunningAppBar.vue
+++ b/apps/app-frontend/src/components/ui/RunningAppBar.vue
@@ -102,7 +102,13 @@ import {
 	TerminalSquareIcon,
 	UnplugIcon,
 } from '@modrinth/assets'
-import { Button, ButtonStyled, Card, injectNotificationManager } from '@modrinth/ui'
+import {
+	Button,
+	ButtonStyled,
+	Card,
+	injectNotificationManager,
+	injectPopupNotificationManager,
+} from '@modrinth/ui'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
@@ -112,8 +118,10 @@ import { loading_listener, process_listener } from '@/helpers/events'
 import { get_all as getRunningProcesses, kill as killProcess } from '@/helpers/process'
 import { get_many } from '@/helpers/profile.js'
 import { progress_bars_list } from '@/helpers/state.js'
+import { start_join_server } from '@/helpers/worlds'
 
 const { handleError } = injectNotificationManager()
+const popupNotificationManager = injectPopupNotificationManager()
 
 const router = useRouter()
 const card = ref(null)
@@ -176,7 +184,7 @@ const goToTerminal = (path) => {
 const currentLoadingBars = ref([])
 
 const refreshInfo = async () => {
-	const currentLoadingBarCount = currentLoadingBars.value.length
+	const previousBars = [...currentLoadingBars.value]
 	currentLoadingBars.value = Object.values(await progress_bars_list().catch(handleError))
 		.map((x) => {
 			if (x.bar_type.type === 'java_download') {
@@ -203,9 +211,42 @@ const refreshInfo = async () => {
 		return 0
 	})
 
+	for (const oldBar of previousBars) {
+		const stillExists = currentLoadingBars.value.some(
+			(b) => b.loading_bar_uuid === oldBar.loading_bar_uuid,
+		)
+		if (!stillExists && oldBar.title) {
+			const profilePath = oldBar.bar_type?.profile_path
+			popupNotificationManager.addPopupNotification({
+				title: 'Install complete',
+				text: `${oldBar.title} is installed and ready to play.`,
+				type: 'success',
+				buttons: [
+					...(profilePath
+						? [
+								{
+									label: 'Launch game',
+									action: () => {
+										start_join_server(profilePath, 'play.modrinth.com').catch(handleError)
+									},
+									color: 'brand',
+								},
+								{
+									label: 'Instance',
+									action: () => {
+										router.push(`/instance/${encodeURIComponent(profilePath)}`)
+									},
+								},
+							]
+						: []),
+				],
+			})
+		}
+	}
+
 	if (currentLoadingBars.value.length === 0) {
 		showCard.value = false
-	} else if (currentLoadingBarCount < currentLoadingBars.value.length) {
+	} else if (previousBars.length < currentLoadingBars.value.length) {
 		showCard.value = true
 	}
 }
@@ -346,7 +387,7 @@ onBeforeUnmount(() => {
 .info-card {
 	position: absolute;
 	top: 3.5rem;
-	right: 0.5rem;
+	right: 100%;
 	z-index: 9;
 	width: 20rem;
 	background-color: var(--color-raised-bg);
diff --git a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue b/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
deleted file mode 100644
index ccae3ef5a1..0000000000
--- a/apps/app-frontend/src/components/ui/UpdateAvailableToast.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<script setup lang="ts">
-import { XIcon } from '@modrinth/assets'
-import { ButtonStyled, commonMessages, defineMessages, useVIntl } from '@modrinth/ui'
-import { getVersion } from '@tauri-apps/api/app'
-import { onMounted, onUnmounted, ref } from 'vue'
-
-const { formatMessage } = useVIntl()
-
-const dismissed = ref(false)
-const availableUpdate = ref<{ version: string } | null>(null)
-
-let checkInterval: ReturnType<typeof setInterval> | null = null
-
-async function checkForUpdate() {
-	try {
-		const [response, currentVersion] = await Promise.all([
-			fetch('https://launcher-files.modrinth.com/updates.json'),
-			getVersion(),
-		])
-		const updates = await response.json()
-		const latestVersion = updates?.version
-
-		if (latestVersion && latestVersion !== currentVersion) {
-			if (latestVersion !== availableUpdate.value?.version) {
-				availableUpdate.value = { version: latestVersion }
-				dismissed.value = false
-			}
-		}
-	} catch (e) {
-		console.error('Failed to check for updates:', e)
-	}
-}
-
-function dismiss() {
-	dismissed.value = true
-}
-
-onMounted(() => {
-	checkForUpdate()
-	checkInterval = setInterval(checkForUpdate, 5 * 60 * 1000)
-})
-
-onUnmounted(() => {
-	if (checkInterval) {
-		clearInterval(checkInterval)
-	}
-})
-
-const messages = defineMessages({
-	title: {
-		id: 'app.update-toast.title',
-		defaultMessage: 'Update available',
-	},
-	body: {
-		id: 'app.update-toast.body.linux',
-		defaultMessage:
-			'Modrinth App v{version} is available. Use your package manager to update for the latest features and fixes!',
-	},
-	download: {
-		id: 'app.update-toast.download-page',
-		defaultMessage: 'Download',
-	},
-})
-</script>
-<template>
-	<div
-		v-if="availableUpdate && !dismissed"
-		class="grid grid-cols-[min-content] fixed card-shadow rounded-2xl top-[--top-bar-height] mt-6 right-6 p-4 z-10 bg-bg-raised border-surface-5 border-solid border-[2px]"
-	>
-		<div class="flex min-w-[25rem] gap-4">
-			<h2 class="whitespace-nowrap text-base text-contrast font-semibold m-0 grow">
-				{{ formatMessage(messages.title) }}
-			</h2>
-			<ButtonStyled size="small" circular>
-				<button v-tooltip="formatMessage(commonMessages.closeButton)" @click="dismiss">
-					<XIcon />
-				</button>
-			</ButtonStyled>
-		</div>
-		<p class="text-sm mt-2 mb-0">
-			{{ formatMessage(messages.body, { version: availableUpdate.version }) }}
-		</p>
-	</div>
-</template>
diff --git a/apps/app-frontend/src/components/ui/UpdateToast.vue b/apps/app-frontend/src/components/ui/UpdateToast.vue
deleted file mode 100644
index 6a7f104c6b..0000000000
--- a/apps/app-frontend/src/components/ui/UpdateToast.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<script setup lang="ts">
-import { DownloadIcon, ExternalIcon, RefreshCwIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, commonMessages, defineMessages, ProgressBar, useVIntl } from '@modrinth/ui'
-import { formatBytes } from '@modrinth/utils'
-import { ref } from 'vue'
-
-import { injectAppUpdateDownloadProgress } from '@/providers/download-progress.ts'
-
-const { formatMessage } = useVIntl()
-
-const emit = defineEmits<{
-	(e: 'close' | 'restart' | 'download'): void
-}>()
-
-defineProps<{
-	version: string
-	size: number | null
-	metered: boolean
-}>()
-
-const downloading = ref(false)
-const { progress } = injectAppUpdateDownloadProgress()
-
-function download() {
-	emit('download')
-	downloading.value = true
-}
-
-const messages = defineMessages({
-	title: {
-		id: 'app.update-toast.title',
-		defaultMessage: 'Update available',
-	},
-	body: {
-		id: 'app.update-toast.body',
-		defaultMessage:
-			'Modrinth App v{version} is ready to install! Reload to update now, or automatically when you close Modrinth App.',
-	},
-	reload: {
-		id: 'app.update-toast.reload',
-		defaultMessage: 'Reload',
-	},
-	download: {
-		id: 'app.update-toast.download',
-		defaultMessage: 'Download ({size})',
-	},
-	downloading: {
-		id: 'app.update-toast.downloading',
-		defaultMessage: 'Downloading...',
-	},
-	changelog: {
-		id: 'app.update-toast.changelog',
-		defaultMessage: 'Changelog',
-	},
-	meteredBody: {
-		id: 'app.update-toast.body.metered',
-		defaultMessage: `Modrinth App v{version} is available now! Since you're on a metered network, we didn't automatically download it.`,
-	},
-	downloadCompleteTitle: {
-		id: 'app.update-toast.title.download-complete',
-		defaultMessage: 'Download complete',
-	},
-	downloadedBody: {
-		id: 'app.update-toast.body.download-complete',
-		defaultMessage: `Modrinth App v{version} has finished downloading. Reload to update now, or automatically when you close Modrinth App.`,
-	},
-})
-</script>
-<template>
-	<div
-		class="grid grid-cols-[min-content] fixed card-shadow rounded-2xl top-[--top-bar-height] mt-6 right-6 p-4 z-10 bg-bg-raised border-surface-5 border-solid border-[2px]"
-		:class="{
-			'download-complete': progress === 1,
-		}"
-	>
-		<div class="flex min-w-[25rem] gap-4">
-			<h2 class="whitespace-nowrap text-base text-contrast font-semibold m-0 grow">
-				{{
-					formatMessage(metered && progress === 1 ? messages.downloadCompleteTitle : messages.title)
-				}}
-			</h2>
-			<ButtonStyled size="small" circular>
-				<button v-tooltip="formatMessage(commonMessages.closeButton)" @click="emit('close')">
-					<XIcon />
-				</button>
-			</ButtonStyled>
-		</div>
-		<p class="text-sm mt-2 mb-0">
-			{{
-				formatMessage(
-					metered
-						? progress === 1
-							? messages.downloadedBody
-							: messages.meteredBody
-						: messages.body,
-					{ version },
-				)
-			}}
-		</p>
-		<p
-			v-if="metered && progress < 1"
-			class="text-sm text-secondary mt-2 mb-0 flex items-center gap-1"
-		>
-			<template v-if="progress > 0">
-				<ProgressBar :progress="progress" class="max-w-[unset]" />
-			</template>
-		</p>
-		<div class="flex gap-2 mt-4">
-			<ButtonStyled color="brand">
-				<button v-if="metered && progress < 1" :disabled="downloading" @click="download">
-					<SpinnerIcon v-if="downloading" class="animate-spin" />
-					<DownloadIcon v-else />
-					{{
-						formatMessage(downloading ? messages.downloading : messages.download, {
-							size: formatBytes(size ?? 0),
-						})
-					}}
-				</button>
-				<button v-else @click="emit('restart')">
-					<RefreshCwIcon /> {{ formatMessage(messages.reload) }}
-				</button>
-			</ButtonStyled>
-			<ButtonStyled>
-				<a href="https://modrinth.com/news/changelog?filter=app">
-					{{ formatMessage(messages.changelog) }} <ExternalIcon />
-				</a>
-			</ButtonStyled>
-		</div>
-	</div>
-</template>
diff --git a/apps/app-frontend/src/locales/en-US/index.json b/apps/app-frontend/src/locales/en-US/index.json
index d621401151..8187f746fc 100644
--- a/apps/app-frontend/src/locales/en-US/index.json
+++ b/apps/app-frontend/src/locales/en-US/index.json
@@ -5,6 +5,9 @@
   "app.auth-servers.unreachable.header": {
     "message": "Cannot reach authentication servers"
   },
+  "app.modal.install-to-play.content-required": {
+    "message": "Content required"
+  },
   "app.modal.install-to-play.header": {
     "message": "Install to play"
   },
@@ -14,8 +17,11 @@
   "app.modal.install-to-play.mod-count": {
     "message": "{count, plural, one {# mod} other {# mods}}"
   },
+  "app.modal.install-to-play.required-modpack": {
+    "message": "Required modpack"
+  },
   "app.modal.install-to-play.server-requires-mods": {
-    "message": "This server requires mods to play. Click install to set up the required files from Modrinth."
+    "message": "This server requires mods to play. Click Install to set up the required files from Modrinth, then launch directly into the server."
   },
   "app.modal.install-to-play.shared-by-today": {
     "message": "{name} shared this instance with you today."
@@ -83,39 +89,33 @@
   "app.settings.tabs.resource-management": {
     "message": "Resource management"
   },
-  "app.update-toast.body": {
+  "app.update-popup.body": {
     "message": "Modrinth App v{version} is ready to install! Reload to update now, or automatically when you close Modrinth App."
   },
-  "app.update-toast.body.download-complete": {
+  "app.update-popup.body.download-complete": {
     "message": "Modrinth App v{version} has finished downloading. Reload to update now, or automatically when you close Modrinth App."
   },
-  "app.update-toast.body.linux": {
+  "app.update-popup.body.linux": {
     "message": "Modrinth App v{version} is available. Use your package manager to update for the latest features and fixes!"
   },
-  "app.update-toast.body.metered": {
+  "app.update-popup.body.metered": {
     "message": "Modrinth App v{version} is available now! Since you're on a metered network, we didn't automatically download it."
   },
-  "app.update-toast.changelog": {
+  "app.update-popup.changelog": {
     "message": "Changelog"
   },
-  "app.update-toast.download": {
+  "app.update-popup.download": {
     "message": "Download ({size})"
   },
-  "app.update-toast.download-page": {
-    "message": "Download"
-  },
-  "app.update-toast.downloading": {
-    "message": "Downloading..."
+  "app.update-popup.download-complete": {
+    "message": "Download complete"
   },
-  "app.update-toast.reload": {
+  "app.update-popup.reload": {
     "message": "Reload"
   },
-  "app.update-toast.title": {
+  "app.update-popup.title": {
     "message": "Update available"
   },
-  "app.update-toast.title.download-complete": {
-    "message": "Download complete"
-  },
   "app.update.complete-toast.text": {
     "message": "Click here to view the changelog."
   },
diff --git a/apps/app-frontend/src/providers/app-popup-notifications.ts b/apps/app-frontend/src/providers/app-popup-notifications.ts
new file mode 100644
index 0000000000..f3932c320e
--- /dev/null
+++ b/apps/app-frontend/src/providers/app-popup-notifications.ts
@@ -0,0 +1,30 @@
+import { AbstractPopupNotificationManager, type PopupNotification } from '@modrinth/ui'
+import { type Ref, ref } from 'vue'
+
+export class AppPopupNotificationManager extends AbstractPopupNotificationManager {
+	private readonly state: Ref<PopupNotification[]>
+
+	public constructor() {
+		super()
+		this.state = ref<PopupNotification[]>([])
+	}
+
+	public getNotifications(): PopupNotification[] {
+		return this.state.value
+	}
+
+	protected addNotificationToStorage(notification: PopupNotification): void {
+		this.state.value.push(notification)
+	}
+
+	protected removeNotificationFromStorage(id: string | number): void {
+		const index = this.state.value.findIndex((n) => n.id === id)
+		if (index > -1) {
+			this.state.value.splice(index, 1)
+		}
+	}
+
+	protected clearAllNotificationsFromStorage(): void {
+		this.state.value.splice(0)
+	}
+}
diff --git a/apps/frontend/src/public/robots.txt b/apps/frontend/src/public/robots.txt
index 77470cb39f..8792039105 100644
--- a/apps/frontend/src/public/robots.txt
+++ b/apps/frontend/src/public/robots.txt
@@ -1,2 +1,2 @@
 User-agent: *
-Disallow: /
\ No newline at end of file
+Disallow: /_internal/
\ No newline at end of file
diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
index 53ae7e64c1..ac9a731481 100644
--- a/packages/ui/.storybook/preview.ts
+++ b/packages/ui/.storybook/preview.ts
@@ -11,18 +11,22 @@ import { defineComponent, ref } from 'vue'
 import { createI18n } from 'vue-i18n'
 
 import NotificationPanel from '../src/components/nav/NotificationPanel.vue'
+import PopupNotificationPanel from '../src/components/nav/PopupNotificationPanel.vue'
 import {
 	buildLocaleMessages,
 	createMessageCompiler,
 	type CrowdinMessages,
 } from '../src/composables/i18n'
 import {
+	AbstractPopupNotificationManager,
 	AbstractWebNotificationManager,
 	I18N_INJECTION_KEY,
 	type I18nContext,
 	type NotificationPanelLocation,
+	type PopupNotification,
 	provideModrinthClient,
 	provideNotificationManager,
+	providePopupNotificationManager,
 	type WebNotification,
 } from '../src/providers'
 
@@ -79,6 +83,29 @@ class StorybookNotificationManager extends AbstractWebNotificationManager {
 	}
 }
 
+class StorybookPopupNotificationManager extends AbstractPopupNotificationManager {
+	private readonly state = ref<PopupNotification[]>([])
+
+	public getNotifications(): PopupNotification[] {
+		return this.state.value
+	}
+
+	protected addNotificationToStorage(notification: PopupNotification): void {
+		this.state.value.push(notification)
+	}
+
+	protected removeNotificationFromStorage(id: string | number): void {
+		const index = this.state.value.findIndex((n) => n.id === id)
+		if (index > -1) {
+			this.state.value.splice(index, 1)
+		}
+	}
+
+	protected clearAllNotificationsFromStorage(): void {
+		this.state.value.splice(0)
+	}
+}
+
 setup((app) => {
 	app.use(i18n)
 
@@ -118,6 +145,7 @@ setup((app) => {
 const StorybookProvider = defineComponent({
 	setup(_, { slots }) {
 		provideNotificationManager(new StorybookNotificationManager())
+		providePopupNotificationManager(new StorybookPopupNotificationManager())
 
 		const modrinthClient = new GenericModrinthClient({
 			userAgent: 'modrinth-storybook/1.0.0',
@@ -147,10 +175,11 @@ const preview: Preview = {
 			defaultTheme: 'dark',
 		}),
 		(story) => ({
-			components: { story, StorybookProvider, NotificationPanel },
+			components: { story, StorybookProvider, NotificationPanel, PopupNotificationPanel },
 			template: /*html*/ `
 				<StorybookProvider>
 					<NotificationPanel />
+					<PopupNotificationPanel />
 					<story />
 				</StorybookProvider>
 			`,
diff --git a/packages/ui/src/components/nav/PopupNotificationPanel.vue b/packages/ui/src/components/nav/PopupNotificationPanel.vue
new file mode 100644
index 0000000000..5a345dad19
--- /dev/null
+++ b/packages/ui/src/components/nav/PopupNotificationPanel.vue
@@ -0,0 +1,139 @@
+<template>
+	<div
+		class="popup-notification-group experimental-styles-within"
+		:class="{
+			'has-sidebar': hasSidebar,
+		}"
+	>
+		<transition-group name="popup-notifs">
+			<div
+				v-for="item in notifications"
+				:key="item.id"
+				class="popup-notification-wrapper"
+				@mouseenter="stopTimer(item)"
+				@mouseleave="setNotificationTimer(item)"
+			>
+				<div
+					class="flex w-full flex-col gap-2 overflow-hidden rounded-2xl bg-bg-raised shadow-xl border-surface-5 border-solid border p-4"
+				>
+					<div class="flex items-start gap-3">
+						<div
+							class="flex items-center pt-0.5"
+							:class="{
+								'text-red': item.type === 'error',
+								'text-orange': item.type === 'warning',
+								'text-green': item.type === 'success',
+								'text-blue': !item.type || !['error', 'warning', 'success'].includes(item.type),
+							}"
+						>
+							<IssuesIcon v-if="item.type === 'warning'" class="h-5 w-5" />
+							<CheckCircleIcon v-else-if="item.type === 'success'" class="h-5 w-5" />
+							<XCircleIcon v-else-if="item.type === 'error'" class="h-5 w-5" />
+							<InfoIcon v-else class="h-5 w-5" />
+						</div>
+						<h2 class="text-base text-contrast font-semibold m-0 grow">
+							{{ item.title }}
+						</h2>
+						<ButtonStyled size="small" circular>
+							<button @click="dismiss(item.id)">
+								<XIcon />
+							</button>
+						</ButtonStyled>
+					</div>
+					<p v-if="item.text" class="text-sm mt-0 mb-0 ml-8 text-primary">
+						{{ item.text }}
+					</p>
+					<div v-if="item.buttons?.length" class="flex gap-2 mt-2 ml-8">
+						<ButtonStyled
+							v-for="(btn, idx) in item.buttons"
+							:key="idx"
+							:color="btn.color || (idx === 0 ? 'brand' : undefined)"
+						>
+							<button @click="handleButtonClick(item.id, btn)">
+								{{ btn.label }}
+							</button>
+						</ButtonStyled>
+					</div>
+				</div>
+			</div>
+		</transition-group>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { CheckCircleIcon, InfoIcon, IssuesIcon, XCircleIcon, XIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+
+import {
+	injectPopupNotificationManager,
+	type PopupNotification,
+	type PopupNotificationButton,
+} from '../../providers'
+import ButtonStyled from '../base/ButtonStyled.vue'
+
+const popupNotificationManager = injectPopupNotificationManager()
+const notifications = computed<PopupNotification[]>(() =>
+	popupNotificationManager.getNotifications(),
+)
+
+const stopTimer = (n: PopupNotification) => popupNotificationManager.stopNotificationTimer(n)
+const setNotificationTimer = (n: PopupNotification) =>
+	popupNotificationManager.setNotificationTimer(n)
+const dismiss = (id: string | number) => popupNotificationManager.removeNotification(id)
+
+function handleButtonClick(id: string | number, btn: PopupNotificationButton) {
+	btn.action()
+	popupNotificationManager.removeNotification(id)
+}
+
+withDefaults(
+	defineProps<{
+		hasSidebar?: boolean
+	}>(),
+	{
+		hasSidebar: false,
+	},
+)
+</script>
+
+<style lang="scss" scoped>
+.popup-notification-group {
+	position: fixed;
+	top: calc(var(--top-bar-height, 3rem) + 1.5rem);
+	right: 1.5rem;
+	z-index: 200;
+	width: 400px;
+	display: flex;
+	flex-direction: column;
+	gap: 0.75rem;
+
+	&.has-sidebar {
+		right: calc(var(--right-bar-width, 0px) + 1.5rem);
+	}
+
+	@media screen and (max-width: 500px) {
+		width: calc(100% - 1.5rem);
+		right: 0.75rem;
+	}
+
+	.popup-notification-wrapper {
+		width: 100%;
+	}
+}
+
+.popup-notifs-enter-active,
+.popup-notifs-leave-active,
+.popup-notifs-move {
+	transition: all 0.3s ease-in-out;
+}
+
+.popup-notifs-enter-from {
+	opacity: 0;
+	transform: translateX(100%) scale(0.8);
+}
+
+.popup-notifs-leave-to {
+	opacity: 0;
+	transform: translateX(100%) scale(0.8);
+}
+</style>
diff --git a/packages/ui/src/components/nav/index.ts b/packages/ui/src/components/nav/index.ts
index 19463e584d..96a49379c3 100644
--- a/packages/ui/src/components/nav/index.ts
+++ b/packages/ui/src/components/nav/index.ts
@@ -1,3 +1,4 @@
 export { default as Breadcrumbs } from './Breadcrumbs.vue'
 export { default as NotificationPanel } from './NotificationPanel.vue'
 export { default as PagewideBanner } from './PagewideBanner.vue'
+export { default as PopupNotificationPanel } from './PopupNotificationPanel.vue'
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index 8d3c94e110..dfd8161d38 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -2,8 +2,8 @@
 	<NewModal
 		ref="modal"
 		:header="formatMessage(messages.title)"
-		@hide="resetState"
 		:disable-close="isSubmitting"
+		@hide="resetState"
 	>
 		<div class="flex flex-col gap-6 sm:w-[500px] max-w-[500px]">
 			<!-- Modded Content -->
@@ -119,7 +119,7 @@
 			</div>
 
 			<!-- Set as active/primary version -->
-			<div class="flex items-center gap-3" v-if="!isFirstVersion">
+			<div v-if="!isFirstVersion" class="flex items-center gap-3">
 				<Toggle id="set-active-version" v-model="setAsActiveVersion" />
 				<label for="set-active-version" class="text-contrast cursor-pointer">
 					{{
@@ -146,7 +146,7 @@
 					</button>
 				</ButtonStyled>
 				<ButtonStyled color="brand" :disabled="!canSubmit || isSubmitting">
-					<button :disabled="!canSubmit || isSubmitting" @click="handleSubmit" class="w-[180px]">
+					<button :disabled="!canSubmit || isSubmitting" class="w-[180px]" @click="handleSubmit">
 						<SpinnerIcon v-if="isSubmitting" class="animate-spin" />
 						<PlusIcon v-else />
 						{{ submitButtonLabel }}
diff --git a/packages/ui/src/components/project/ProjectHeader.vue b/packages/ui/src/components/project/ProjectHeader.vue
index 4d7ab063be..d835056649 100644
--- a/packages/ui/src/components/project/ProjectHeader.vue
+++ b/packages/ui/src/components/project/ProjectHeader.vue
@@ -65,9 +65,9 @@
 <script setup lang="ts">
 import { DownloadIcon, HeartIcon, TagsIcon } from '@modrinth/assets'
 import { capitalizeString, formatNumber, type Project } from '@modrinth/utils'
+import { computed } from 'vue'
 import { useRouter } from 'vue-router'
 
-import { computed } from 'vue'
 import { useVIntl } from '../../composables'
 import { commonMessages } from '../../utils'
 import Avatar from '../base/Avatar.vue'
diff --git a/packages/ui/src/components/project/ServerProjectHeader.vue b/packages/ui/src/components/project/ServerProjectHeader.vue
index c46f694bd9..4450d827a6 100644
--- a/packages/ui/src/components/project/ServerProjectHeader.vue
+++ b/packages/ui/src/components/project/ServerProjectHeader.vue
@@ -62,9 +62,9 @@
 <script setup lang="ts">
 import { HeartIcon, SignalIcon, UsersIcon } from '@modrinth/assets'
 import { formatNumber, type Project } from '@modrinth/utils'
+import { computed } from 'vue'
 import { useRouter } from 'vue-router'
 
-import { computed } from 'vue'
 import Avatar from '../base/Avatar.vue'
 import ContentPageHeader from '../base/ContentPageHeader.vue'
 import FormattedTag from '../base/FormattedTag.vue'
diff --git a/packages/ui/src/providers/index.ts b/packages/ui/src/providers/index.ts
index 8281575551..3555eb021a 100644
--- a/packages/ui/src/providers/index.ts
+++ b/packages/ui/src/providers/index.ts
@@ -81,6 +81,7 @@ export function createContext<ContextValue>(
 export * from './api-client'
 export * from './i18n'
 export * from './page-context'
+export * from './popup-notifications'
 export * from './project-page'
 export * from './server-context'
 export * from './web-notifications'
diff --git a/packages/ui/src/providers/popup-notifications.ts b/packages/ui/src/providers/popup-notifications.ts
new file mode 100644
index 0000000000..8f2ff65ead
--- /dev/null
+++ b/packages/ui/src/providers/popup-notifications.ts
@@ -0,0 +1,79 @@
+import { createContext } from '.'
+
+export interface PopupNotificationButton {
+	label: string
+	action: () => void
+	color?: 'brand' | 'red' | 'orange' | 'green' | 'blue' | 'standard'
+}
+
+export interface PopupNotification {
+	id: string | number
+	title: string
+	text?: string
+	type?: 'error' | 'warning' | 'success' | 'info'
+	buttons?: PopupNotificationButton[]
+	autoCloseMs?: number | null
+	timer?: NodeJS.Timeout
+}
+
+export abstract class AbstractPopupNotificationManager {
+	protected readonly DEFAULT_AUTO_CLOSE_MS = 30 * 1000
+
+	abstract getNotifications(): PopupNotification[]
+
+	protected abstract addNotificationToStorage(notification: PopupNotification): void
+	protected abstract removeNotificationFromStorage(id: string | number): void
+	protected abstract clearAllNotificationsFromStorage(): void
+
+	addPopupNotification = (
+		notification: Omit<PopupNotification, 'id' | 'timer'>,
+	): PopupNotification => {
+		const newNotification: PopupNotification = {
+			...notification,
+			id: Date.now() + Math.random(),
+		}
+		this.setNotificationTimer(newNotification)
+		this.addNotificationToStorage(newNotification)
+		return newNotification
+	}
+
+	removeNotification = (id: string | number): void => {
+		const notifications = this.getNotifications()
+		const notification = notifications.find((n) => n.id === id)
+		if (notification) {
+			this.clearNotificationTimer(notification)
+			this.removeNotificationFromStorage(id)
+		}
+	}
+
+	clearAllNotifications = (): void => {
+		this.getNotifications().forEach((n) => this.clearNotificationTimer(n))
+		this.clearAllNotificationsFromStorage()
+	}
+
+	setNotificationTimer = (notification: PopupNotification): void => {
+		if (!notification) return
+		this.clearNotificationTimer(notification)
+
+		if (notification.autoCloseMs === null) return
+
+		const delay = notification.autoCloseMs ?? this.DEFAULT_AUTO_CLOSE_MS
+		notification.timer = setTimeout(() => {
+			this.removeNotification(notification.id)
+		}, delay)
+	}
+
+	stopNotificationTimer = (notification: PopupNotification): void => {
+		this.clearNotificationTimer(notification)
+	}
+
+	private clearNotificationTimer(notification: PopupNotification): void {
+		if (notification.timer) {
+			clearTimeout(notification.timer)
+			notification.timer = undefined
+		}
+	}
+}
+
+export const [injectPopupNotificationManager, providePopupNotificationManager] =
+	createContext<AbstractPopupNotificationManager>('root', 'popupNotificationManager')
diff --git a/packages/ui/src/stories/nav/NotificationPanel.stories.ts b/packages/ui/src/stories/nav/NotificationPanel.stories.ts
new file mode 100644
index 0000000000..0c585ccdee
--- /dev/null
+++ b/packages/ui/src/stories/nav/NotificationPanel.stories.ts
@@ -0,0 +1,153 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import NotificationPanel from '../../components/nav/NotificationPanel.vue'
+import { injectNotificationManager } from '../../providers'
+
+const meta = {
+	title: 'Nav/NotificationPanel',
+	component: NotificationPanel,
+} satisfies Meta<typeof NotificationPanel>
+
+export default meta
+
+export const Default: StoryObj = {
+	render: () => ({
+		components: { NotificationPanel, ButtonStyled },
+		setup() {
+			const notificationManager = injectNotificationManager()
+
+			const showSuccess = () => {
+				notificationManager.addNotification({
+					title: 'Success',
+					text: 'Your project has been published successfully.',
+					type: 'success',
+				})
+			}
+
+			const showError = () => {
+				notificationManager.addNotification({
+					title: 'An error occurred',
+					text: 'Failed to upload file. Please try again.',
+					type: 'error',
+					errorCode: 'ERR_UPLOAD_FAILED',
+				})
+			}
+
+			const showWarning = () => {
+				notificationManager.addNotification({
+					title: 'Warning',
+					text: 'Your session is about to expire.',
+					type: 'warning',
+				})
+			}
+
+			const showInfo = () => {
+				notificationManager.addNotification({
+					title: 'Info',
+					text: 'A new version of the modpack is available.',
+					type: 'info',
+				})
+			}
+
+			const clearAll = () => {
+				notificationManager.clearAllNotifications()
+			}
+
+			return { showSuccess, showError, showWarning, showInfo, clearAll }
+		},
+		template: /* html */ `
+			<div>
+				<div class="flex flex-wrap gap-2">
+					<ButtonStyled color="green">
+						<button @click="showSuccess">Success</button>
+					</ButtonStyled>
+					<ButtonStyled color="red">
+						<button @click="showError">Error</button>
+					</ButtonStyled>
+					<ButtonStyled color="orange">
+						<button @click="showWarning">Warning</button>
+					</ButtonStyled>
+					<ButtonStyled color="blue">
+						<button @click="showInfo">Info</button>
+					</ButtonStyled>
+					<ButtonStyled>
+						<button @click="clearAll">Clear All</button>
+					</ButtonStyled>
+				</div>
+				<NotificationPanel />
+			</div>
+		`,
+	}),
+}
+
+export const LeftSide: StoryObj = {
+	render: () => ({
+		components: { NotificationPanel, ButtonStyled },
+		setup() {
+			const notificationManager = injectNotificationManager()
+			notificationManager.setNotificationLocation('left')
+
+			const showSuccess = () => {
+				notificationManager.addNotification({
+					title: 'Success',
+					text: 'Your project has been published successfully.',
+					type: 'success',
+				})
+			}
+
+			const showError = () => {
+				notificationManager.addNotification({
+					title: 'An error occurred',
+					text: 'Failed to upload file. Please try again.',
+					type: 'error',
+					errorCode: 'ERR_UPLOAD_FAILED',
+				})
+			}
+
+			const showWarning = () => {
+				notificationManager.addNotification({
+					title: 'Warning',
+					text: 'Your session is about to expire.',
+					type: 'warning',
+				})
+			}
+
+			const showInfo = () => {
+				notificationManager.addNotification({
+					title: 'Info',
+					text: 'A new version of the modpack is available.',
+					type: 'info',
+				})
+			}
+
+			const clearAll = () => {
+				notificationManager.clearAllNotifications()
+			}
+
+			return { showSuccess, showError, showWarning, showInfo, clearAll }
+		},
+		template: /* html */ `
+			<div>
+				<div class="flex flex-wrap gap-2">
+					<ButtonStyled color="green">
+						<button @click="showSuccess">Success</button>
+					</ButtonStyled>
+					<ButtonStyled color="red">
+						<button @click="showError">Error</button>
+					</ButtonStyled>
+					<ButtonStyled color="orange">
+						<button @click="showWarning">Warning</button>
+					</ButtonStyled>
+					<ButtonStyled color="blue">
+						<button @click="showInfo">Info</button>
+					</ButtonStyled>
+					<ButtonStyled>
+						<button @click="clearAll">Clear All</button>
+					</ButtonStyled>
+				</div>
+				<NotificationPanel />
+			</div>
+		`,
+	}),
+}
diff --git a/packages/ui/src/stories/nav/PopupNotificationPanel.stories.ts b/packages/ui/src/stories/nav/PopupNotificationPanel.stories.ts
new file mode 100644
index 0000000000..9b5033886b
--- /dev/null
+++ b/packages/ui/src/stories/nav/PopupNotificationPanel.stories.ts
@@ -0,0 +1,145 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import PopupNotificationPanel from '../../components/nav/PopupNotificationPanel.vue'
+import { injectPopupNotificationManager } from '../../providers'
+
+const meta = {
+	title: 'Nav/PopupNotificationPanel',
+	component: PopupNotificationPanel,
+} satisfies Meta<typeof PopupNotificationPanel>
+
+export default meta
+
+export const Default: StoryObj = {
+	render: () => ({
+		components: { PopupNotificationPanel, ButtonStyled },
+		setup() {
+			const popupManager = injectPopupNotificationManager()
+
+			const showSuccess = () => {
+				popupManager.addPopupNotification({
+					title: 'Install complete',
+					text: 'Complex Gaming [Cobblemon] is installed and ready to play.',
+					type: 'success',
+					buttons: [
+						{
+							label: 'Launch game',
+							action: () => console.log('Launch game clicked'),
+							color: 'brand',
+						},
+						{
+							label: 'Instance',
+							action: () => console.log('Instance clicked'),
+						},
+					],
+				})
+			}
+
+			const showError = () => {
+				popupManager.addPopupNotification({
+					title: 'Download failed',
+					text: 'Failed to download the modpack. Please try again.',
+					type: 'error',
+					buttons: [
+						{
+							label: 'Retry',
+							action: () => console.log('Retry clicked'),
+							color: 'red',
+						},
+					],
+				})
+			}
+
+			const showWarning = () => {
+				popupManager.addPopupNotification({
+					title: 'Update available',
+					text: 'Modrinth App v2.1.0 is available now! Since you\'re on a metered network, we didn\'t automatically download it.',
+					type: 'warning',
+					autoCloseMs: null,
+					buttons: [
+						{
+							label: 'Download (45 MB)',
+							action: () => console.log('Download clicked'),
+							color: 'brand',
+						},
+						{
+							label: 'Changelog',
+							action: () => console.log('Changelog clicked'),
+						},
+					],
+				})
+			}
+
+			const showInfo = () => {
+				popupManager.addPopupNotification({
+					title: 'Download complete',
+					text: 'Modrinth App v2.1.0 has finished downloading. Reload to update now.',
+					type: 'info',
+					buttons: [
+						{
+							label: 'Reload',
+							action: () => console.log('Reload clicked'),
+							color: 'brand',
+						},
+						{
+							label: 'Changelog',
+							action: () => console.log('Changelog clicked'),
+						},
+					],
+				})
+			}
+
+			const showNoButtons = () => {
+				popupManager.addPopupNotification({
+					title: 'Heads up',
+					text: 'This notification has no action buttons and will auto-close in 30 seconds.',
+					type: 'info',
+				})
+			}
+
+			const showPermanent = () => {
+				popupManager.addPopupNotification({
+					title: 'Permanent notification',
+					text: 'This notification will stay open until manually dismissed.',
+					type: 'warning',
+					autoCloseMs: null,
+				})
+			}
+
+			const clearAll = () => {
+				popupManager.clearAllNotifications()
+			}
+
+			return { showSuccess, showError, showWarning, showInfo, showNoButtons, showPermanent, clearAll }
+		},
+		template: /* html */ `
+			<div>
+				<div class="flex flex-wrap gap-2">
+					<ButtonStyled color="green">
+						<button @click="showSuccess">Install Complete</button>
+					</ButtonStyled>
+					<ButtonStyled color="red">
+						<button @click="showError">Download Failed</button>
+					</ButtonStyled>
+					<ButtonStyled color="orange">
+						<button @click="showWarning">Update Available (Permanent)</button>
+					</ButtonStyled>
+					<ButtonStyled color="blue">
+						<button @click="showInfo">Download Complete</button>
+					</ButtonStyled>
+					<ButtonStyled>
+						<button @click="showNoButtons">No Buttons</button>
+					</ButtonStyled>
+					<ButtonStyled>
+						<button @click="showPermanent">Permanent</button>
+					</ButtonStyled>
+					<ButtonStyled>
+						<button @click="clearAll">Clear All</button>
+					</ButtonStyled>
+				</div>
+				<PopupNotificationPanel />
+			</div>
+		`,
+	}),
+}

From 168750d45a7c6951701ed45e752c8f81e2a8ff89 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 9 Feb 2026 22:07:57 -0700
Subject: [PATCH 108/178] fix popup notification styles

---
 .../components/nav/PopupNotificationPanel.vue | 76 ++++++++++---------
 1 file changed, 41 insertions(+), 35 deletions(-)

diff --git a/packages/ui/src/components/nav/PopupNotificationPanel.vue b/packages/ui/src/components/nav/PopupNotificationPanel.vue
index 5a345dad19..9fcabc4bb7 100644
--- a/packages/ui/src/components/nav/PopupNotificationPanel.vue
+++ b/packages/ui/src/components/nav/PopupNotificationPanel.vue
@@ -14,36 +14,40 @@
 				@mouseleave="setNotificationTimer(item)"
 			>
 				<div
-					class="flex w-full flex-col gap-2 overflow-hidden rounded-2xl bg-bg-raised shadow-xl border-surface-5 border-solid border p-4"
+					class="flex w-full flex-col gap-3 overflow-hidden rounded-2xl bg-bg-raised shadow-xl border-surface-5 border-solid border p-4"
 				>
-					<div class="flex items-start gap-3">
-						<div
-							class="flex items-center pt-0.5"
-							:class="{
-								'text-red': item.type === 'error',
-								'text-orange': item.type === 'warning',
-								'text-green': item.type === 'success',
-								'text-blue': !item.type || !['error', 'warning', 'success'].includes(item.type),
-							}"
-						>
-							<IssuesIcon v-if="item.type === 'warning'" class="h-5 w-5" />
-							<CheckCircleIcon v-else-if="item.type === 'success'" class="h-5 w-5" />
-							<XCircleIcon v-else-if="item.type === 'error'" class="h-5 w-5" />
-							<InfoIcon v-else class="h-5 w-5" />
+					<div class="flex flex-col gap-2 w-full">
+						<div class="flex items-center justify-between gap-2.5">
+							<div class="flex items-center gap-2">
+								<div
+									class="flex items-center"
+									:class="{
+										'text-red': item.type === 'error',
+										'text-orange': item.type === 'warning',
+										'text-contrast': item.type === 'success',
+										'text-blue': !item.type || !['error', 'warning', 'success'].includes(item.type),
+									}"
+								>
+									<IssuesIcon v-if="item.type === 'warning'" class="h-5 w-5" />
+									<CheckCircleIcon v-else-if="item.type === 'success'" class="h-5 w-5" />
+									<XCircleIcon v-else-if="item.type === 'error'" class="h-5 w-5" />
+									<InfoIcon v-else class="h-5 w-5" />
+								</div>
+								<div class="text-contrast font-semibold m-0 grow">
+									{{ item.title }}
+								</div>
+							</div>
+							<ButtonStyled size="small" type="transparent" circular>
+								<button @click="dismiss(item.id)">
+									<XIcon />
+								</button>
+							</ButtonStyled>
 						</div>
-						<h2 class="text-base text-contrast font-semibold m-0 grow">
-							{{ item.title }}
-						</h2>
-						<ButtonStyled size="small" circular>
-							<button @click="dismiss(item.id)">
-								<XIcon />
-							</button>
-						</ButtonStyled>
+						<span v-if="item.text" class="text-primary">
+							{{ item.text }}
+						</span>
 					</div>
-					<p v-if="item.text" class="text-sm mt-0 mb-0 ml-8 text-primary">
-						{{ item.text }}
-					</p>
-					<div v-if="item.buttons?.length" class="flex gap-2 mt-2 ml-8">
+					<div v-if="item.buttons?.length" class="flex gap-1.5">
 						<ButtonStyled
 							v-for="(btn, idx) in item.buttons"
 							:key="idx"
@@ -96,7 +100,7 @@ withDefaults(
 )
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 .popup-notification-group {
 	position: fixed;
 	top: calc(var(--top-bar-height, 3rem) + 1.5rem);
@@ -106,19 +110,21 @@ withDefaults(
 	display: flex;
 	flex-direction: column;
 	gap: 0.75rem;
+}
 
-	&.has-sidebar {
-		right: calc(var(--right-bar-width, 0px) + 1.5rem);
-	}
+.popup-notification-group.has-sidebar {
+	right: calc(var(--right-bar-width, 0px) + 1.5rem);
+}
 
-	@media screen and (max-width: 500px) {
+@media screen and (max-width: 500px) {
+	.popup-notification-group {
 		width: calc(100% - 1.5rem);
 		right: 0.75rem;
 	}
+}
 
-	.popup-notification-wrapper {
-		width: 100%;
-	}
+.popup-notification-group .popup-notification-wrapper {
+	width: 100%;
 }
 
 .popup-notifs-enter-active,

From ec56781ebc4a958972ebec19ee01e4a7602a2d55 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 9 Feb 2026 22:09:04 -0700
Subject: [PATCH 109/178] various fixes for popup notification

---
 apps/app-frontend/src/App.vue                 |  2 +-
 .../src/components/ui/RunningAppBar.vue       | 50 ++++++++++---------
 .../ui/create/ProjectCreateModal.vue          |  1 +
 .../src/pages/[type]/[id]/settings/index.vue  |  8 +--
 .../api-client/src/modules/labrinth/types.ts  | 22 ++++----
 .../project/ServerProjectHeader.vue           |  2 +-
 6 files changed, 46 insertions(+), 39 deletions(-)

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 1973bbc4d8..046bc55a61 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -1512,7 +1512,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 	}
 
 	.info-card {
-		right: 8rem;
+		right: 22rem;
 	}
 
 	.profile-card {
diff --git a/apps/app-frontend/src/components/ui/RunningAppBar.vue b/apps/app-frontend/src/components/ui/RunningAppBar.vue
index a8e2ac568e..a1d150d587 100644
--- a/apps/app-frontend/src/components/ui/RunningAppBar.vue
+++ b/apps/app-frontend/src/components/ui/RunningAppBar.vue
@@ -52,10 +52,12 @@
 				<h3 class="info-title">
 					{{ loadingBar.title }}
 				</h3>
-				<ProgressBar :progress="Math.floor((100 * loadingBar.current) / loadingBar.total)" />
-				<div class="row">
-					{{ Math.floor((100 * loadingBar.current) / loadingBar.total) }}%
-					{{ loadingBar.message }}
+				<div class="flex flex-col gap-2 w-full">
+					<ProgressBar :progress="Math.floor((100 * loadingBar.current) / loadingBar.total)" />
+					<div class="row">
+						{{ Math.floor((100 * loadingBar.current) / loadingBar.total) }}%
+						{{ loadingBar.message }}
+					</div>
 				</div>
 			</div>
 		</Card>
@@ -182,6 +184,7 @@ const goToTerminal = (path) => {
 }
 
 const currentLoadingBars = ref([])
+const notifiedBarIds = new Set()
 
 const refreshInfo = async () => {
 	const previousBars = [...currentLoadingBars.value]
@@ -215,31 +218,32 @@ const refreshInfo = async () => {
 		const stillExists = currentLoadingBars.value.some(
 			(b) => b.loading_bar_uuid === oldBar.loading_bar_uuid,
 		)
-		if (!stillExists && oldBar.title) {
+		if (!stillExists && oldBar.title && !notifiedBarIds.has(oldBar.loading_bar_uuid)) {
+			notifiedBarIds.add(oldBar.loading_bar_uuid) // hacky fix to prevent duplicate notifications
 			const profilePath = oldBar.bar_type?.profile_path
 			popupNotificationManager.addPopupNotification({
 				title: 'Install complete',
 				text: `${oldBar.title} is installed and ready to play.`,
 				type: 'success',
-				buttons: [
-					...(profilePath
-						? [
-								{
-									label: 'Launch game',
-									action: () => {
-										start_join_server(profilePath, 'play.modrinth.com').catch(handleError)
-									},
-									color: 'brand',
+				buttons: profilePath
+					? [
+							{
+								label: 'Launch game',
+								action: () => {
+									const serverAddress = '' // TODO: pass project's minecraft_server.address
+									start_join_server(profilePath, serverAddress).catch(handleError)
 								},
-								{
-									label: 'Instance',
-									action: () => {
-										router.push(`/instance/${encodeURIComponent(profilePath)}`)
-									},
+								color: 'brand',
+							},
+							{
+								label: 'Instance',
+								action: () => {
+									router.push(`/instance/${encodeURIComponent(profilePath)}`)
 								},
-							]
-						: []),
-				],
+							},
+						]
+					: [],
+				autoCloseMs: null,
 			})
 		}
 	}
@@ -461,7 +465,7 @@ onBeforeUnmount(() => {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
-	gap: 0.5rem;
+	gap: 0.75rem;
 	margin: 0;
 	padding: 0;
 }
diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index af9576a05d..cd7e13d915 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -369,6 +369,7 @@ async function createProject() {
 				},
 				minecraft_server: {
 					max_players: 0,
+					country: 'CA',
 				},
 			})
 			createdProjectId = result.id
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 0e48c9650f..3df05e8641 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -536,10 +536,10 @@ const pingJavaServer = async () => {
 		// 	timeout: 10000,
 		// })
 		// console.log(response)
-		javaPingResult.value = {
-			online: response.online,
-			latency: response.latency ?? null,
-		}
+		// javaPingResult.value = {
+		// 	online: response.online,
+		// 	latency: response.latency ?? null,
+		// }
 	} catch {
 		javaPingResult.value = { online: false, latency: null }
 	} finally {
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 69b91edd1e..e23c0b84de 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -382,14 +382,18 @@ export namespace Labrinth {
 
 			export interface MinecraftServer {
 				max_players: number
+				country: string
+				active_version?: string
 			}
 
 			export interface MinecraftJavaServer {
 				address: string
+				port: number
 			}
 
 			export interface MinecraftBedrockServer {
 				address: string
+				port: number
 			}
 
 			export interface CreateServerProjectRequest {
@@ -565,6 +569,13 @@ export namespace Labrinth {
 				file_type?: FileType
 			}
 
+			interface JavaServerVersion {
+				/**
+				 * The version id of the modpack
+				 */
+				modpack: string
+			}
+
 			export interface Version {
 				name: string
 				version_number: string
@@ -584,16 +595,7 @@ export namespace Labrinth {
 				environment?: Labrinth.Projects.v3.Environment
 				mrpack_loaders?: string[]
 
-				// NOTE: API MAY CHANGE WHEN BACKEND IS READY
-				minecraft_server?: {
-					// if published modpack exists, then use published modpack for version
-					// otherwise, it's a custom modpack, and use .mrpack from files field
-					publishedModpack?: {
-						projectId: string
-						versionId: string
-					}
-					activeVersion?: boolean
-				}
+				minecraft_java_server?: JavaServerVersion
 			}
 
 			export interface DraftVersionFile {
diff --git a/packages/ui/src/components/project/ServerProjectHeader.vue b/packages/ui/src/components/project/ServerProjectHeader.vue
index 4450d827a6..44fb0c47bc 100644
--- a/packages/ui/src/components/project/ServerProjectHeader.vue
+++ b/packages/ui/src/components/project/ServerProjectHeader.vue
@@ -84,7 +84,7 @@ const props = withDefaults(
 )
 
 // TODO: replace mocks with real data from project
-const serverFlag = computed(() => `https://flagcdn.com/ca.svg`)
+const serverFlag = computed(() => `https://flagcdn.com/us.svg`)
 const serverPlayersOnline = computed(() => 326)
 const serverMaxPlayers = computed(() => 3000)
 const serverLinkedModpack = computed(() => 'Cobblemon Modpack')

From 03ac7bcda9bded5452c9e1c329fdb2add37c3caa Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 9 Feb 2026 22:35:28 -0700
Subject: [PATCH 110/178] hook in new transfer org

---
 .../src/components/ui/create/ProjectCreateModal.vue         | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index cd7e13d915..fda5f53523 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -317,6 +317,7 @@ async function fetchOrganizations() {
 					)
 				: undefined,
 		}))
+		if (props.organizationId) owner.value = props.organizationId
 	} catch (err) {
 		console.error('Failed to fetch organizations:', err)
 	}
@@ -349,9 +350,6 @@ async function createProject() {
 		is_draft: true,
 	}
 
-	if (props.organizationId) {
-		projectData.organization_id = props.organizationId
-	}
 	formData.append('data', JSON.stringify(projectData))
 
 	try {
@@ -365,7 +363,7 @@ async function createProject() {
 					summary: projectData.description,
 					description: '',
 					requested_status: projectData.requested_status,
-					organization_id: projectData.organization_id,
+					organization_id: owner.value !== 'self' ? owner.value : undefined,
 				},
 				minecraft_server: {
 					max_players: 0,

From 15476975a22d60cddd852494fa3f9a1b3d229605 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 10:19:48 -0700
Subject: [PATCH 111/178] hook up setting server addresses

---
 .../ui/create/ProjectCreateModal.vue          | 10 ++-
 apps/frontend/src/pages/[type]/[id].vue       | 63 +++++++++++++++++++
 .../src/pages/[type]/[id]/settings/index.vue  | 43 ++++++++++---
 3 files changed, 107 insertions(+), 9 deletions(-)

diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index fda5f53523..a62dde8ead 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -250,7 +250,7 @@ const description = ref('')
 const manualSlug = ref(false)
 const projectType = ref<ProjectTypes>('project')
 const ownerOptions = ref<ComboboxOption<string>[]>([])
-const owner = ref<string | null>('self')
+const owner = ref<string | undefined>('self')
 const organizations = ref<Labrinth.Projects.v3.Organization[]>([])
 const visibilities = ref<VisibilityOption[]>([
 	{
@@ -369,6 +369,14 @@ async function createProject() {
 					max_players: 0,
 					country: 'CA',
 				},
+				minecraft_java_server: {
+					address: '',
+					port: 25565,
+				},
+				minecraft_bedrock_server: {
+					address: '',
+					port: 19132,
+				},
 			})
 			createdProjectId = result.id
 		} else {
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index 9f5a33b0eb..9d89deb0c5 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -1813,6 +1813,43 @@ const patchStatusMutation = useMutation({
 	},
 })
 
+// Mutation for patching V3 project data
+const patchProjectV3Mutation = useMutation({
+	mutationFn: async ({ projectId, data }) => {
+		await client.labrinth.projects_v3.edit(projectId, data)
+		return data
+	},
+
+	onMutate: async ({ projectId, data }) => {
+		await queryClient.cancelQueries({ queryKey: ['project', 'v3', projectId] })
+
+		const previousProject = queryClient.getQueryData(['project', 'v3', projectId])
+
+		queryClient.setQueryData(['project', 'v3', projectId], (old) => {
+			if (!old) return old
+			return { ...old, ...data }
+		})
+
+		return { previousProject, projectId }
+	},
+
+	onError: (err, _variables, context) => {
+		if (context?.previousProject) {
+			queryClient.setQueryData(['project', 'v3', context.projectId], context.previousProject)
+		}
+		addNotification({
+			title: formatMessage(commonMessages.errorNotificationTitle),
+			text: err.data ? err.data.description : err.message,
+			type: 'error',
+		})
+		window.scrollTo({ top: 0, behavior: 'smooth' })
+	},
+
+	onSettled: async (_data, _error, { projectId }) => {
+		await invalidateProjectQueries(projectId)
+	},
+})
+
 // Mutation for patching project icon
 const patchIconMutation = useMutation({
 	mutationFn: async ({ projectId, icon }) => {
@@ -2187,6 +2224,31 @@ async function patchProject(resData, quiet = false) {
 	})
 }
 
+async function patchProjectV3(resData, quiet = false) {
+	startLoading()
+
+	return new Promise((resolve) => {
+		patchProjectV3Mutation.mutate(
+			{ projectId: project.value.id, data: resData },
+			{
+				onSuccess: async () => {
+					if (!quiet) {
+						addNotification({
+							title: formatMessage(messages.projectUpdated),
+							text: formatMessage(messages.projectUpdatedMessage),
+							type: 'success',
+						})
+						window.scrollTo({ top: 0, behavior: 'smooth' })
+					}
+					resolve(true)
+				},
+				onError: () => resolve(false),
+				onSettled: () => stopLoading(),
+			},
+		)
+	})
+}
+
 async function patchIcon(icon) {
 	startLoading()
 
@@ -2377,6 +2439,7 @@ provideProjectPageContext({
 
 	// Mutation functions
 	patchProject,
+	patchProjectV3,
 	patchIcon,
 	setProcessing,
 
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 3df05e8641..4460a6f085 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -461,6 +461,7 @@ const {
 	projectV3,
 	currentMember,
 	patchProject,
+	patchProjectV3,
 	patchIcon,
 	refreshProject,
 } = injectProjectPageContext()
@@ -491,14 +492,10 @@ const bannerPreview = ref(null)
 const deletedBanner = ref(false)
 const bannerFile = ref(null)
 const featuredGalleryImage = computed(() => project.value.gallery?.find((img) => img.featured))
-// const javaAddress = ref('')
-const javaPort = ref(25565)
-// const bedrockAddress = ref('')
-const bedrockPort = ref(19132)
 const javaAddress = ref(projectV3.value?.minecraft_java_server?.address ?? '')
-// const javaPort = ref(projectV3.value.minecraft_java_server?.port ?? 25565)
+const javaPort = ref(projectV3.value?.minecraft_java_server?.port ?? 25565)
 const bedrockAddress = ref(projectV3.value?.minecraft_bedrock_server?.address ?? '')
-// const bedrockPort = ref(projectV3.value.minecraft_bedrock_server?.port ?? 19132)
+const bedrockPort = ref(projectV3.value?.minecraft_bedrock_server?.port ?? 19132)
 const supportedGameVersions = ref(
 	[],
 	// projectV3.value.minecraft_server?.supported_game_versions ?? []
@@ -690,7 +687,37 @@ const patchData = computed(() => {
 		data.requested_status = visibility.value
 	}
 
-	// TODO handle patch changes with new server project fields
+	if (isServerProject.value) {
+		const origJava = projectV3.value?.minecraft_java_server
+		if (
+			(javaAddress.value && javaAddress.value !== origJava?.address) ||
+			javaPort.value !== (origJava?.port ?? 25565)
+		) {
+			data.minecraft_java_server = {
+				address: javaAddress.value.trim(),
+				port: javaPort.value,
+			}
+		}
+
+		const origBedrock = projectV3.value?.minecraft_bedrock_server
+		if (
+			(bedrockAddress.value && bedrockAddress.value !== origBedrock?.address) ||
+			bedrockPort.value !== (origBedrock?.port ?? 19132)
+		) {
+			data.minecraft_bedrock_server = {
+				address: bedrockAddress.value.trim(),
+				port: bedrockPort.value,
+			}
+		}
+
+		const origServer = projectV3.value?.minecraft_server
+		if (country.value && country.value !== origServer?.country) {
+			data.minecraft_server = {
+				...origServer,
+				country: country.value,
+			}
+		}
+	}
 
 	return data
 })
@@ -715,7 +742,7 @@ const hasModifiedVisibility = () => {
 
 const saveChanges = async () => {
 	if (Object.keys(patchData.value).length > 0) {
-		await patchProject(patchData.value)
+		await patchProjectV3(patchData.value)
 	}
 
 	if (deletedIcon.value) {

From b8e413050cd50b5a2374db1cd04c21188575eb80 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 10:39:57 -0700
Subject: [PATCH 112/178] fix data loading in

---
 .../src/pages/[type]/[id]/settings/index.vue  | 38 ++++++++++++-------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 4460a6f085..9451869041 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -492,23 +492,35 @@ const bannerPreview = ref(null)
 const deletedBanner = ref(false)
 const bannerFile = ref(null)
 const featuredGalleryImage = computed(() => project.value.gallery?.find((img) => img.featured))
-const javaAddress = ref(projectV3.value?.minecraft_java_server?.address ?? '')
-const javaPort = ref(projectV3.value?.minecraft_java_server?.port ?? 25565)
-const bedrockAddress = ref(projectV3.value?.minecraft_bedrock_server?.address ?? '')
-const bedrockPort = ref(projectV3.value?.minecraft_bedrock_server?.port ?? 19132)
-const supportedGameVersions = ref(
-	[],
-	// projectV3.value.minecraft_server?.supported_game_versions ?? []
-)
-const requiredGameVersion = ref(
-	'1.21.1',
-	// projectV3.value.minecraft_server?.required_game_versions?.[0] ?? '1.21.1',
-)
+const javaAddress = ref('')
+const javaPort = ref(25565)
+const bedrockAddress = ref('')
+const bedrockPort = ref(19132)
+const supportedGameVersions = ref([])
+const requiredGameVersion = ref('1.21.1')
+
+// if it has a version/active version, then it will be using mrpack. to get mrpack metadata, need to
 const usingMrpack = ref(
 	false,
 	// projectV3.value.minecraft_server?.linked_modpack === true
 )
-const country = ref(projectV3.value?.minecraft_server?.country ?? '')
+const country = ref('')
+
+// Sync server-related refs when projectV3 data arrives (it loads asynchronously)
+watch(
+	() => projectV3.value,
+	(v3) => {
+		if (!v3) return
+		javaAddress.value = v3.minecraft_java_server?.address ?? ''
+		javaPort.value = v3.minecraft_java_server?.port ?? 25565
+		bedrockAddress.value = v3.minecraft_bedrock_server?.address ?? ''
+		bedrockPort.value = v3.minecraft_bedrock_server?.port ?? 19132
+		supportedGameVersions.value = v3.minecraft_server?.supported_game_versions ?? []
+		requiredGameVersion.value = v3.minecraft_server?.required_game_versions?.[0] ?? '1.21.1'
+		country.value = v3.minecraft_server?.country ?? ''
+	},
+	{ immediate: true },
+)
 
 // Java server ping state
 const javaPingLoading = ref(false)

From e1fa0073847b675b65b73e36d0fb757c3126de04 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 10:55:57 -0700
Subject: [PATCH 113/178] clean up code

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 9451869041..1b3fac2cce 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -497,7 +497,7 @@ const javaPort = ref(25565)
 const bedrockAddress = ref('')
 const bedrockPort = ref(19132)
 const supportedGameVersions = ref([])
-const requiredGameVersion = ref('1.21.1')
+const requiredGameVersion = ref('')
 
 // if it has a version/active version, then it will be using mrpack. to get mrpack metadata, need to
 const usingMrpack = ref(
@@ -506,7 +506,6 @@ const usingMrpack = ref(
 )
 const country = ref('')
 
-// Sync server-related refs when projectV3 data arrives (it loads asynchronously)
 watch(
 	() => projectV3.value,
 	(v3) => {
@@ -522,7 +521,6 @@ watch(
 	{ immediate: true },
 )
 
-// Java server ping state
 const javaPingLoading = ref(false)
 const javaPingResult = ref(null)
 

From c801d155a98139ffe864908c68bb122724e78740 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 14:08:42 -0700
Subject: [PATCH 114/178] type fix on mc version picker

---
 .../ui/create-project-version/components/McVersionPicker.vue    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue b/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
index 5af40492d7..824c85f004 100644
--- a/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
+++ b/apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue
@@ -158,7 +158,7 @@ function groupVersions(gameVersions: GameVersion[]) {
 
 	const groups: Record<string, string[]> = {}
 
-	let currentGroupKey
+	let currentGroupKey: string
 
 	gameVersions.forEach((gameVersion) => {
 		if (gameVersion.version_type === 'release') {

From c9f7cae4b62ddc4ef1a06765a5b5f6fdc33ef5c7 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 14:39:15 -0700
Subject: [PATCH 115/178] implement new instance header

---
 .../app-frontend/src/pages/instance/Index.vue | 82 +++++++++++++------
 1 file changed, 57 insertions(+), 25 deletions(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index ae9620d277..c12c0eaca1 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -13,34 +13,59 @@
 				</template>
 				<template #title>
 					{{ instance.name }}
+					<TagItem
+						class="border !border-solid border-blue bg-highlight-blue !font-medium"
+						style="--_color: var(--color-blue)"
+					>
+						<LockIcon />
+						Managed
+					</TagItem>
 				</template>
 				<template #stats>
 					<div class="flex items-center flex-wrap gap-2">
-						<div class="flex items-center gap-2 capitalize font-medium">
-							{{ instance.loader }} {{ instance.game_version }}
-						</div>
-
-						<div class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
-
-						<div class="flex items-center gap-2 font-medium">
-							<template v-if="timePlayed > 0">
-								{{ timePlayedHumanized }}
-							</template>
-							<template v-else> Never played </template>
-						</div>
-
-						<div v-if="isServerInstance" class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
-
-						<div v-if="isServerInstance" class="flex gap-1.5 items-center font-medium">
-							Linked to
-							<Avatar
-								:src="project.icon_url"
-								:alt="project.title"
-								:tint-by="instance.path"
-								size="24px"
-							/>
-							{{ project.title }}
-						</div>
+						<template v-if="!isServerInstance">
+							<div class="flex items-center gap-2 capitalize font-medium">
+								{{ instance.loader }} {{ instance.game_version }}
+							</div>
+
+							<div class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
+
+							<div class="flex items-center gap-2 font-medium">
+								<template v-if="timePlayed > 0">
+									{{ timePlayedHumanized }}
+								</template>
+								<template v-else> Never played </template>
+							</div>
+						</template>
+
+						<template v-else>
+							<TagItem
+								class="border !border-solid border-brand bg-brand-highlight !font-medium"
+								style="--_color: var(--color-brand)"
+							>
+								{{ pingMs }}ms
+							</TagItem>
+
+							<div class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
+
+							<div class="flex items-center gap-2 font-semibold">
+								<UsersIcon class="h-5 w-5 text-secondary" />
+								{{ serverPlayersOnline }}/{{ serverMaxPlayers }}
+							</div>
+
+							<div class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
+
+							<div class="flex gap-1.5 items-center font-medium">
+								Linked to
+								<Avatar
+									:src="project.icon_url"
+									:alt="project.title"
+									:tint-by="instance.path"
+									size="24px"
+								/>
+								{{ project.title }}
+							</div>
+						</template>
 					</div>
 				</template>
 				<template #actions>
@@ -190,6 +215,7 @@ import {
 	StopCircleIcon,
 	UpdatedIcon,
 	UserPlusIcon,
+	UsersIcon,
 	XIcon,
 } from '@modrinth/assets'
 import {
@@ -199,6 +225,7 @@ import {
 	injectNotificationManager,
 	LoadingIndicator,
 	OverflowMenu,
+	TagItem,
 } from '@modrinth/ui'
 import { convertFileSrc } from '@tauri-apps/api/core'
 import dayjs from 'dayjs'
@@ -220,6 +247,7 @@ import { finish_install, get, get_full_path, kill, run } from '@/helpers/profile
 import { showProfileInFolder } from '@/helpers/utils.js'
 import { handleSevereError } from '@/store/error.js'
 import { useBreadcrumbs, useLoading, useTheming } from '@/store/state'
+import { LockIcon } from '@modrinth/assets'
 
 dayjs.extend(duration)
 dayjs.extend(relativeTime)
@@ -248,6 +276,10 @@ const updateToPlayModal = ref() // TODO: show this modal when an update is avail
 const isServerInstance = ref(false)
 const project = ref()
 
+const pingMs = ref(42) // todo: query actual server ping
+const serverPlayersOnline = ref(0)
+const serverMaxPlayers = ref(0)
+
 async function fetchInstance() {
 	instance.value = await get(route.params.id).catch(handleError)
 

From 6c0f2a985fb06ddc3b8f650ed1c3ac4906eca8c1 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 15:19:10 -0700
Subject: [PATCH 116/178] add tooltip

---
 apps/app-frontend/src/pages/instance/Index.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index c12c0eaca1..d075c3c09e 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -16,6 +16,7 @@
 					<TagItem
 						class="border !border-solid border-blue bg-highlight-blue !font-medium"
 						style="--_color: var(--color-blue)"
+						v-tooltip="'This instance is managed by a server project.'"
 					>
 						<LockIcon />
 						Managed
@@ -295,7 +296,7 @@ async function fetchInstance() {
 				if (Object.keys(project.value).includes('minecraft_server')) {
 					isServerInstance.value = true
 				}
-				console.log(project)
+
 				// todo, remove on release
 				if (themeStore.featureFlags.server_project_qa) {
 					isServerInstance.value = true

From 22a961db725638ca74aed2218ceeceefefdb6d84 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 15:58:30 -0700
Subject: [PATCH 117/178] fix patch project v3

---
 apps/frontend/src/pages/[type]/[id].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index 7996515e72..a10fc34abb 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -1819,8 +1819,8 @@ const patchProjectV3Mutation = useMutation({
 		window.scrollTo({ top: 0, behavior: 'smooth' })
 	},
 
-	onSettled: async (_data, _error, { projectId }) => {
-		await invalidateProjectQueries(projectId)
+	onSettled: async () => {
+		await invalidateProject()
 	},
 })
 

From 93d32cf2e9b51909674a865481f3d66db6bedb73 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 16:47:36 -0700
Subject: [PATCH 118/178] fix inputs to use styledInput

---
 .../src/pages/[type]/[id]/settings/index.vue  | 36 +++++++++----------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 714ab7392a..78e4d9738f 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -184,24 +184,22 @@
 						<label for="java-address">
 							<span class="label__title">Java address</span>
 						</label>
-						<div class="mt-2 flex items-center gap-2">
-							<input
+						<div class="mt-2 flex items-center gap-2" @focusout="pingJavaServer">
+							<StyledInput
 								id="java-address"
 								v-model="javaAddress"
-								type="text"
 								placeholder="Enter address"
-								class="flex-grow rounded-xl bg-bg-raised"
 								:disabled="!hasPermission"
-								@blur="pingJavaServer"
+								wrapper-class="flex-grow"
 							/>
-							<input
-								v-model.number="javaPort"
+							<StyledInput
+								v-model="javaPort"
 								type="number"
-								min="1"
-								max="65535"
-								class="w-24 rounded-xl bg-bg-raised text-center"
+								:min="1"
+								:max="65535"
 								:disabled="!hasPermission"
-								@blur="pingJavaServer"
+								wrapper-class="w-24"
+								input-class="text-center"
 							/>
 						</div>
 						<div
@@ -225,21 +223,21 @@
 							<span class="label__title">Bedrock/PE address</span>
 						</label>
 						<div class="mt-2 flex items-center gap-2">
-							<input
+							<StyledInput
 								id="bedrock-address"
 								v-model="bedrockAddress"
-								type="text"
 								placeholder="Enter address"
-								class="flex-grow rounded-xl bg-bg-raised"
 								:disabled="!hasPermission"
+								wrapper-class="flex-grow"
 							/>
-							<input
-								v-model.number="bedrockPort"
+							<StyledInput
+								v-model="bedrockPort"
 								type="number"
-								min="1"
-								max="65535"
-								class="w-24 rounded-xl bg-bg-raised text-center"
+								:min="1"
+								:max="65535"
 								:disabled="!hasPermission"
+								wrapper-class="w-24"
+								input-class="text-center"
 							/>
 						</div>
 					</div>

From dabddacccbbf2b9a54613c8fb40b98fdf392e1ca Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 16:52:12 -0700
Subject: [PATCH 119/178] use invalidate

---
 apps/frontend/src/pages/[type]/[id]/settings/content.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
index 88705d00b7..0f2a1a7977 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
@@ -4,8 +4,8 @@
 			v-if="currentMember && project"
 			ref="create-server-version-modal"
 			:project-id="project.id"
-			:on-save="refreshVersions"
-			:isFirstVersion="serverProjectVersions.length === 0"
+			:on-save="invalidate"
+			:is-first-version="serverProjectVersions.length === 0"
 		/>
 
 		<ConfirmModal
@@ -208,7 +208,7 @@ const { projectV2: project, versions, currentMember } = injectProjectPageContext
 
 const client = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
-const { refreshVersions } = injectProjectPageContext()
+const { invalidate } = injectProjectPageContext()
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
 
@@ -287,7 +287,7 @@ async function deleteVersion() {
 		})
 	}
 
-	refreshVersions()
+	invalidate()
 	selectedVersion.value = null
 
 	stopLoading()

From 192de9e9579474e27437f08651fc28d02765168f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Feb 2026 17:52:02 -0700
Subject: [PATCH 120/178] implement get_project_v3 in app backend

---
 apps/app-frontend/src/helpers/cache.js |  8 ++++++++
 apps/app/build.rs                      |  2 ++
 apps/app/src/api/cache.rs              |  3 +++
 packages/app-lib/src/api/cache.rs      |  3 ++-
 packages/app-lib/src/api/mod.rs        |  2 +-
 packages/app-lib/src/state/cache.rs    | 27 ++++++++++++++++++++++++++
 6 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/apps/app-frontend/src/helpers/cache.js b/apps/app-frontend/src/helpers/cache.js
index 6c63126646..33bfac4a46 100644
--- a/apps/app-frontend/src/helpers/cache.js
+++ b/apps/app-frontend/src/helpers/cache.js
@@ -8,6 +8,14 @@ export async function get_project_many(ids, cacheBehaviour) {
 	return await invoke('plugin:cache|get_project_many', { ids, cacheBehaviour })
 }
 
+export async function get_project_v3(id, cacheBehaviour) {
+	return await invoke('plugin:cache|get_project_v3', { id, cacheBehaviour })
+}
+
+export async function get_project_v3_many(ids, cacheBehaviour) {
+	return await invoke('plugin:cache|get_project_v3_many', { ids, cacheBehaviour })
+}
+
 export async function get_version(id, cacheBehaviour) {
 	return await invoke('plugin:cache|get_version', { id, cacheBehaviour })
 }
diff --git a/apps/app/build.rs b/apps/app/build.rs
index aacad57720..e3b77ea731 100644
--- a/apps/app/build.rs
+++ b/apps/app/build.rs
@@ -29,6 +29,8 @@ fn main() {
                     .commands(&[
                         "get_project",
                         "get_project_many",
+                        "get_project_v3",
+                        "get_project_v3_many",
                         "get_version",
                         "get_version_many",
                         "get_user",
diff --git a/apps/app/src/api/cache.rs b/apps/app/src/api/cache.rs
index d1e671813f..ac8a5245d3 100644
--- a/apps/app/src/api/cache.rs
+++ b/apps/app/src/api/cache.rs
@@ -30,6 +30,7 @@ macro_rules! impl_cache_methods {
 
 impl_cache_methods!(
     (Project, Project),
+    (ProjectV3, ProjectV3),
     (Version, Version),
     (User, User),
     (Team, Vec<TeamMember>),
@@ -42,6 +43,8 @@ pub fn init<R: tauri::Runtime>() -> tauri::plugin::TauriPlugin<R> {
         .invoke_handler(tauri::generate_handler![
             get_project,
             get_project_many,
+            get_project_v3,
+            get_project_v3_many,
             get_version,
             get_version_many,
             get_user,
diff --git a/packages/app-lib/src/api/cache.rs b/packages/app-lib/src/api/cache.rs
index e1cdbd0339..a94203c9ec 100644
--- a/packages/app-lib/src/api/cache.rs
+++ b/packages/app-lib/src/api/cache.rs
@@ -1,6 +1,6 @@
 use crate::state::{
     CacheBehaviour, CacheValueType, CachedEntry, Organization, Project,
-    SearchResults, TeamMember, User, Version,
+    ProjectV3, SearchResults, TeamMember, User, Version,
 };
 
 macro_rules! impl_cache_methods {
@@ -36,6 +36,7 @@ macro_rules! impl_cache_methods {
 
 impl_cache_methods!(
     (Project, Project),
+    (ProjectV3, ProjectV3),
     (Version, Version),
     (User, User),
     (Team, Vec<TeamMember>),
diff --git a/packages/app-lib/src/api/mod.rs b/packages/app-lib/src/api/mod.rs
index 1243c244f3..b69fc7dbc1 100644
--- a/packages/app-lib/src/api/mod.rs
+++ b/packages/app-lib/src/api/mod.rs
@@ -21,7 +21,7 @@ pub mod data {
         CacheBehaviour, CacheValueType, Credentials, Dependency, DirectoryInfo,
         Hooks, JavaVersion, LinkedData, MemorySettings, ModLoader,
         ModrinthCredentials, Organization, ProcessMetadata, ProfileFile,
-        Project, ProjectType, SearchResult, SearchResults, Settings,
+        Project, ProjectType, ProjectV3, SearchResult, SearchResults, Settings,
         TeamMember, Theme, User, UserFriend, Version, WindowSize,
     };
     pub use ariadne::users::UserStatus;
diff --git a/packages/app-lib/src/state/cache.rs b/packages/app-lib/src/state/cache.rs
index eee2fb108c..99f35708ef 100644
--- a/packages/app-lib/src/state/cache.rs
+++ b/packages/app-lib/src/state/cache.rs
@@ -19,6 +19,7 @@ const DEFAULT_ID: &str = "0";
 #[serde(rename_all = "snake_case")]
 pub enum CacheValueType {
     Project,
+    ProjectV3,
     Version,
     User,
     Team,
@@ -40,6 +41,7 @@ impl CacheValueType {
     pub fn as_str(&self) -> &'static str {
         match self {
             CacheValueType::Project => "project",
+            CacheValueType::ProjectV3 => "project_v3",
             CacheValueType::Version => "version",
             CacheValueType::User => "user",
             CacheValueType::Team => "team",
@@ -61,6 +63,7 @@ impl CacheValueType {
     pub fn from_string(val: &str) -> CacheValueType {
         match val {
             "project" => CacheValueType::Project,
+            "project_v3" => CacheValueType::ProjectV3,
             "version" => CacheValueType::Version,
             "user" => CacheValueType::User,
             "team" => CacheValueType::Team,
@@ -102,6 +105,7 @@ impl CacheValueType {
     pub fn case_sensitive_alias(&self) -> Option<bool> {
         match self {
             CacheValueType::Project
+            | CacheValueType::ProjectV3
             | CacheValueType::User
             | CacheValueType::Organization => Some(false),
 
@@ -129,6 +133,8 @@ impl CacheValueType {
 pub enum CacheValue {
     Project(Project),
 
+    ProjectV3(ProjectV3),
+
     Version(Version),
 
     User(User),
@@ -264,6 +270,15 @@ pub struct Project {
     pub color: Option<u32>,
 }
 
+/// Uses serde_json::Value for flexibility since the v3. properly typed in frontend
+#[derive(Serialize, Deserialize, Clone, Debug)]
+pub struct ProjectV3 {
+    pub id: String,
+    pub slug: Option<String>,
+    #[serde(flatten)]
+    pub extra: serde_json::Value,
+}
+
 #[derive(Serialize, Deserialize, Clone, Debug)]
 pub struct License {
     pub id: String,
@@ -437,6 +452,7 @@ impl CacheValue {
     pub fn get_type(&self) -> CacheValueType {
         match self {
             CacheValue::Project(_) => CacheValueType::Project,
+            CacheValue::ProjectV3(_) => CacheValueType::ProjectV3,
             CacheValue::Version(_) => CacheValueType::Version,
             CacheValue::User(_) => CacheValueType::User,
             CacheValue::Team { .. } => CacheValueType::Team,
@@ -462,6 +478,7 @@ impl CacheValue {
     fn get_key(&self) -> String {
         match self {
             CacheValue::Project(project) => project.id.clone(),
+            CacheValue::ProjectV3(project) => project.id.clone(),
             CacheValue::Version(version) => version.id.clone(),
             CacheValue::User(user) => user.id.clone(),
             CacheValue::Team(members) => members
@@ -502,6 +519,7 @@ impl CacheValue {
     fn get_alias(&self) -> Option<String> {
         match self {
             CacheValue::Project(project) => project.slug.clone(),
+            CacheValue::ProjectV3(project) => project.slug.clone(),
             CacheValue::User(user) => Some(user.username.clone()),
             CacheValue::Organization(org) => Some(org.slug.clone()),
 
@@ -620,6 +638,7 @@ macro_rules! impl_cache_method_singular {
 
 impl_cache_methods!(
     (Project, Project),
+    (ProjectV3, ProjectV3),
     (Version, Version),
     (User, User),
     (Team, Vec<TeamMember>),
@@ -953,6 +972,14 @@ impl CachedEntry {
                     CacheValue::Project
                 )
             }
+            CacheValueType::ProjectV3 => {
+                fetch_original_values!(
+                    ProjectV3,
+                    env!("MODRINTH_API_URL_V3"),
+                    "projects",
+                    CacheValue::ProjectV3
+                )
+            }
             CacheValueType::Version => {
                 fetch_original_values!(
                     Version,

From 9ce31b8032fbbf62c549052999127ff4cbbc68e8 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Wed, 11 Feb 2026 09:05:56 -0800
Subject: [PATCH 121/178] lint

---
 apps/app-frontend/src/pages/instance/Index.vue             | 7 +++----
 packages/ui/src/components/project/ServerProjectHeader.vue | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index d29bab6a66..9483714048 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -14,9 +14,9 @@
 				<template #title>
 					{{ instance.name }}
 					<TagItem
+						v-tooltip="'This instance is managed by a server project.'"
 						class="border !border-solid border-blue bg-highlight-blue !font-medium"
 						style="--_color: var(--color-blue)"
-						v-tooltip="'This instance is managed by a server project.'"
 					>
 						<LockIcon />
 						Managed
@@ -207,6 +207,7 @@ import {
 	FolderOpenIcon,
 	GlobeIcon,
 	HashIcon,
+LockIcon, 
 	MoreVerticalIcon,
 	PackageIcon,
 	PlayIcon,
@@ -217,8 +218,7 @@ import {
 	UpdatedIcon,
 	UserPlusIcon,
 	UsersIcon,
-	XIcon,
-} from '@modrinth/assets'
+	XIcon} from '@modrinth/assets'
 import {
 	Avatar,
 	ButtonStyled,
@@ -249,7 +249,6 @@ import { showProfileInFolder } from '@/helpers/utils.js'
 import { handleSevereError } from '@/store/error.js'
 import { useBreadcrumbs, useLoading } from '@/store/state'
 import { useTheming } from '@/store/theme'
-import { LockIcon } from '@modrinth/assets'
 
 dayjs.extend(duration)
 dayjs.extend(relativeTime)
diff --git a/packages/ui/src/components/project/ServerProjectHeader.vue b/packages/ui/src/components/project/ServerProjectHeader.vue
index 44fb0c47bc..815431573d 100644
--- a/packages/ui/src/components/project/ServerProjectHeader.vue
+++ b/packages/ui/src/components/project/ServerProjectHeader.vue
@@ -73,7 +73,7 @@ import ProjectStatusBadge from './ProjectStatusBadge.vue'
 
 const router = useRouter()
 
-const props = withDefaults(
+withDefaults(
 	defineProps<{
 		project: Project
 		member?: boolean

From f2314665323e4d9d08650fc2f7c97c318951102b Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 11 Feb 2026 10:51:33 -0700
Subject: [PATCH 122/178] update profile to run instance with server address

---
 apps/app-frontend/src/helpers/profile.js | 4 ++--
 apps/app/src/api/profile.rs              | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/app-frontend/src/helpers/profile.js b/apps/app-frontend/src/helpers/profile.js
index 7c3f1090f4..774cc39fb7 100644
--- a/apps/app-frontend/src/helpers/profile.js
+++ b/apps/app-frontend/src/helpers/profile.js
@@ -174,8 +174,8 @@ export async function get_pack_export_candidates(profilePath) {
 
 // Run Minecraft using a pathed profile
 // Returns PID of child
-export async function run(path) {
-	return await invoke('plugin:profile|profile_run', { path })
+export async function run(path, serverAddress = null) {
+	return await invoke('plugin:profile|profile_run', { path, serverAddress })
 }
 
 export async function kill(path) {
diff --git a/apps/app/src/api/profile.rs b/apps/app/src/api/profile.rs
index 192c63880c..918a262b11 100644
--- a/apps/app/src/api/profile.rs
+++ b/apps/app/src/api/profile.rs
@@ -6,6 +6,7 @@ use std::collections::HashMap;
 use std::path::{Path, PathBuf};
 use theseus::prelude::*;
 use theseus::profile::QuickPlayType;
+use theseus::server_address::ServerAddress;
 
 pub fn init<R: tauri::Runtime>() -> tauri::plugin::TauriPlugin<R> {
     tauri::plugin::Builder::new("profile")
@@ -250,8 +251,12 @@ pub async fn profile_get_pack_export_candidates(
 // for the actual Child in the state.
 // invoke('plugin:profile|profile_run', path)
 #[tauri::command]
-pub async fn profile_run(path: &str) -> Result<ProcessMetadata> {
-    let process = profile::run(path, QuickPlayType::None).await?;
+pub async fn profile_run(path: &str, server_address: Option<String>) -> Result<ProcessMetadata> {
+    let quick_play = match server_address {
+        Some(addr) => QuickPlayType::Server(ServerAddress::Unresolved(addr)),
+        None => QuickPlayType::None,
+    };
+    let process = profile::run(path, quick_play).await?;
 
     Ok(process)
 }

From e01c2b1a147c43757cf1ca1854861b2932fdeb26 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 11 Feb 2026 10:52:18 -0700
Subject: [PATCH 123/178] get is server project in page

---
 .../app-frontend/src/pages/instance/Index.vue | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index d29bab6a66..f8d8c24464 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -14,9 +14,9 @@
 				<template #title>
 					{{ instance.name }}
 					<TagItem
+						v-tooltip="'This instance is managed by a server project.'"
 						class="border !border-solid border-blue bg-highlight-blue !font-medium"
 						style="--_color: var(--color-blue)"
-						v-tooltip="'This instance is managed by a server project.'"
 					>
 						<LockIcon />
 						Managed
@@ -207,6 +207,7 @@ import {
 	FolderOpenIcon,
 	GlobeIcon,
 	HashIcon,
+	LockIcon,
 	MoreVerticalIcon,
 	PackageIcon,
 	PlayIcon,
@@ -241,7 +242,7 @@ import InstanceSettingsModal from '@/components/ui/modal/InstanceSettingsModal.v
 import UpdateToPlayModal from '@/components/ui/modal/UpdateToPlayModal.vue'
 import NavTabs from '@/components/ui/NavTabs.vue'
 import { trackEvent } from '@/helpers/analytics'
-import { get_project, get_version_many } from '@/helpers/cache.js'
+import { get_project, get_project_v3,get_version_many } from '@/helpers/cache.js'
 import { process_listener, profile_listener } from '@/helpers/events'
 import { get_by_profile_path } from '@/helpers/process'
 import { finish_install, get, get_full_path, kill, run } from '@/helpers/profile'
@@ -249,7 +250,6 @@ import { showProfileInFolder } from '@/helpers/utils.js'
 import { handleSevereError } from '@/store/error.js'
 import { useBreadcrumbs, useLoading } from '@/store/state'
 import { useTheming } from '@/store/theme'
-import { LockIcon } from '@modrinth/assets'
 
 dayjs.extend(duration)
 dayjs.extend(relativeTime)
@@ -276,7 +276,7 @@ const loading = ref(false)
 const updateToPlayModal = ref() // TODO: show this modal when an update is available when click play button
 
 const isServerInstance = ref(false)
-const project = ref()
+const projectV3 = ref()
 
 const pingMs = ref(42) // todo: query actual server ping
 const serverPlayersOnline = ref(0)
@@ -287,19 +287,17 @@ async function fetchInstance() {
 
 	if (!offline.value && instance.value.linked_data && instance.value.linked_data.project_id) {
 		try {
-			project.value = await get_project(instance.value.linked_data.project_id, 'must_revalidate')
+			projectV3.value = await get_project_v3(
+				instance.value.linked_data.project_id,
+				'must_revalidate',
+			)
 
-			if (project.value && project.value.versions) {
-				const versions = await get_version_many(project.value.versions, 'must_revalidate')
+			if (projectV3.value && projectV3.value.versions) {
+				const versions = await get_version_many(projectV3.value.versions, 'must_revalidate')
 				modrinthVersions.value = versions.sort(
 					(a, b) => dayjs(b.date_published) - dayjs(a.date_published),
 				)
-				if (Object.keys(project.value).includes('minecraft_server')) {
-					isServerInstance.value = true
-				}
-
-				// todo, remove on release
-				if (themeStore.featureFlags.server_project_qa) {
+				if (projectV3.value?.minecraft_server !== undefined) {
 					isServerInstance.value = true
 				}
 			}

From 30a50df85a0f4b86615fd326f719924dafd1ea99 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 11 Feb 2026 17:49:46 -0700
Subject: [PATCH 124/178] feat: implement playServerProject util

---
 apps/app-frontend/src/App.vue                 |  8 ++
 .../src/components/ui/SearchCard.vue          |  2 +-
 .../ui/modal/InstallToPlayModal.vue           | 31 +++----
 .../components/ui/modal/UpdateToPlayModal.vue | 62 +++++++------
 apps/app-frontend/src/pages/project/Index.vue | 28 +++---
 apps/app-frontend/src/store/install.js        | 87 ++++++++++++++++++-
 6 files changed, 159 insertions(+), 59 deletions(-)

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index a7b7968bb7..45db75eddd 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -67,6 +67,8 @@ import IncompatibilityWarningModal from '@/components/ui/install_flow/Incompatib
 import InstallConfirmModal from '@/components/ui/install_flow/InstallConfirmModal.vue'
 import ModInstallModal from '@/components/ui/install_flow/ModInstallModal.vue'
 import InstanceCreationModal from '@/components/ui/InstanceCreationModal.vue'
+import InstallToPlayModal from '@/components/ui/modal/InstallToPlayModal.vue'
+import UpdateToPlayModal from '@/components/ui/modal/UpdateToPlayModal.vue'
 import AppSettingsModal from '@/components/ui/modal/AppSettingsModal.vue'
 import AuthGrantFlowWaitModal from '@/components/ui/modal/AuthGrantFlowWaitModal.vue'
 import NavButton from '@/components/ui/NavButton.vue'
@@ -399,6 +401,8 @@ const install = useInstall()
 const modInstallModal = ref()
 const installConfirmModal = ref()
 const incompatibilityWarningModal = ref()
+const installToPlayModal = ref()
+const updateToPlayModal = ref()
 
 const credentials = ref()
 
@@ -476,6 +480,8 @@ onMounted(() => {
 	install.setIncompatibilityWarningModal(incompatibilityWarningModal)
 	install.setInstallConfirmModal(installConfirmModal)
 	install.setModInstallModal(modInstallModal)
+	install.setInstallToPlayModal(installToPlayModal)
+	install.setUpdateToPlayModal(updateToPlayModal)
 })
 
 const accounts = ref(null)
@@ -1214,6 +1220,8 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 	<ModInstallModal ref="modInstallModal" />
 	<IncompatibilityWarningModal ref="incompatibilityWarningModal" />
 	<InstallConfirmModal ref="installConfirmModal" />
+	<InstallToPlayModal ref="installToPlayModal" />
+	<UpdateToPlayModal ref="updateToPlayModal" />
 </template>
 
 <style lang="scss" scoped>
diff --git a/apps/app-frontend/src/components/ui/SearchCard.vue b/apps/app-frontend/src/components/ui/SearchCard.vue
index f544cd52e9..fbf31b9cdb 100644
--- a/apps/app-frontend/src/components/ui/SearchCard.vue
+++ b/apps/app-frontend/src/components/ui/SearchCard.vue
@@ -5,7 +5,7 @@
 			() => {
 				emit('open')
 				$router.push({
-					path: `/project/${project.project_id ?? project.id}`,
+					path: `/project/ipxQs0xE`,
 					query: { i: props.instance ? props.instance.path : undefined },
 				})
 			}
diff --git a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
index f2a164b65a..b92fb5f23d 100644
--- a/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstallToPlayModal.vue
@@ -1,6 +1,6 @@
 <template>
 	<NewModal ref="modal" :header="formatMessage(messages.installToPlay)" :closable="true">
-		<div class="flex flex-col gap-6 max-w-[500px]">
+		<div v-if="project" class="flex flex-col gap-6 max-w-[500px]">
 			<Admonition type="info" :header="formatMessage(messages.contentRequired)">
 				{{ formatMessage(messages.serverRequiresMods) }}
 			</Admonition>
@@ -79,23 +79,21 @@ import { computed, ref } from 'vue'
 import { get_organization, get_team, get_version } from '@/helpers/cache.js'
 import { install } from '@/store/install.js'
 
-const props = defineProps<{
-	project: Labrinth.Projects.v2.Project
-}>()
-
 const modal = ref<InstanceType<typeof NewModal>>()
+const project = ref<Labrinth.Projects.v2.Project | null>(null)
+const onInstallComplete = ref<() => void>(() => {})
 const { formatMessage } = useVIntl()
 
 const { data: organization } = useQuery({
-	queryKey: computed(() => ['organization', props.project.organization]),
-	queryFn: () => get_organization(props.project.organization!, 'must_revalidate'),
-	enabled: computed(() => !!props.project.organization),
+	queryKey: computed(() => ['organization', project.value?.organization]),
+	queryFn: () => get_organization(project.value!.organization!, 'must_revalidate'),
+	enabled: computed(() => !!project.value?.organization),
 })
 
 const { data: teamMembers } = useQuery({
-	queryKey: computed(() => ['team', props.project.team]),
-	queryFn: () => get_team(props.project.team, 'must_revalidate'),
-	enabled: computed(() => !!props.project.team && !props.project.organization),
+	queryKey: computed(() => ['team', project.value?.team]),
+	queryFn: () => get_team(project.value!.team, 'must_revalidate'),
+	enabled: computed(() => !!project.value?.team && !project.value?.organization),
 })
 
 const sharedBy = computed(() => {
@@ -118,13 +116,13 @@ const sharedBy = computed(() => {
 })
 
 const loaderDisplay = computed(() => {
-	const loader = props.project.loaders?.[0]
+	const loader = project.value?.loaders?.[0]
 	if (!loader) return ''
 	return formatLoader(formatMessage, loader)
 })
 
 // Fetch the most recent version to get mod count from dependencies
-const latestVersionId = computed(() => props.project.versions?.[0] ?? null)
+const latestVersionId = computed(() => project.value?.versions?.[0] ?? null)
 const { data: latestVersion } = useQuery({
 	queryKey: computed(() => ['version', latestVersionId.value]),
 	queryFn: () => get_version(latestVersionId.value, 'must_revalidate'),
@@ -135,7 +133,8 @@ const modCount = computed(() => latestVersion.value?.dependencies?.length)
 async function handleAccept() {
 	hide()
 	try {
-		await install(props.project.id, null, null, 'ProjectPageInstallToPlayModal')
+		await install(project.value!.id, null, null, 'ProjectPageInstallToPlayModal')
+		onInstallComplete.value()
 	} catch (error) {
 		console.error('Failed to install project from InstallToPlayModal:', error)
 	}
@@ -145,7 +144,9 @@ function handleDecline() {
 	hide()
 }
 
-function show(e?: MouseEvent) {
+function show(projectVal: Labrinth.Projects.v2.Project, callback: () => void = () => {}, e?: MouseEvent) {
+	project.value = projectVal
+	onInstallComplete.value = callback
 	modal.value?.show(e)
 }
 
diff --git a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
index ab5bdf43b4..ff48c8824a 100644
--- a/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue
@@ -1,6 +1,6 @@
 <template>
 	<NewModal ref="modal" :header="formatMessage(messages.updateToPlay)" :closable="true" no-padding>
-		<div class="max-w-[500px]">
+		<div v-if="instance" class="max-w-[500px]">
 			<div class="flex flex-col gap-4 p-4">
 				<Admonition type="info" :header="formatMessage(messages.updateRequired)">
 					{{ formatMessage(messages.updateRequiredDescription, { name: instance.name }) }}
@@ -157,13 +157,12 @@ type ProjectInfo = {
 	slug: string
 }
 
-const { instance } = defineProps<{
-	instance: GameInstance
-}>()
-
 const { formatMessage } = useVIntl()
 
 const modal = ref<InstanceType<typeof NewModal>>()
+const instance = ref<GameInstance | null>(null)
+const activeVersionId = ref<string | null>(null)
+const onUpdateComplete = ref<() => void>(() => {})
 const diffs = ref<DependencyDiff[]>([])
 const latestVersionId = ref<string | null>(null)
 const latestVersion = ref<Version | null>(null)
@@ -264,11 +263,11 @@ async function computeDependencyDiffs(
 		})
 }
 
-async function checkUpdateAvailable(instance: GameInstance): Promise<DependencyDiff[] | null> {
-	if (!instance.linked_data) return null
+async function checkUpdateAvailable(inst: GameInstance): Promise<DependencyDiff[] | null> {
+	if (!inst.linked_data) return null
 
 	try {
-		const project = await get_project(instance.linked_data.project_id, 'must_revalidate')
+		const project = await get_project(inst.linked_data.project_id, 'must_revalidate')
 		if (!project || !project.versions || project.versions.length === 0) {
 			return null
 		}
@@ -282,7 +281,17 @@ async function checkUpdateAvailable(instance: GameInstance): Promise<DependencyD
 		latestVersion.value = sortedVersions[0]
 		latestVersionId.value = latestVersion.value?.id || null
 
-		const currentVersionId = instance.linked_data.version_id
+		// If a specific active version ID was provided (e.g., from server project),
+		// use that as the target version instead of the chronologically latest.
+		if (activeVersionId.value) {
+			const targetVersion = versions.find((v: { id: string }) => v.id === activeVersionId.value)
+			if (targetVersion) {
+				latestVersion.value = targetVersion
+				latestVersionId.value = targetVersion.id
+			}
+		}
+
+		const currentVersionId = inst.linked_data.version_id
 		const currentVersion = versions.find((v: { id: string }) => v.id === currentVersionId)
 
 		// Compute dependency diffs between current and latest version
@@ -300,9 +309,10 @@ async function checkUpdateAvailable(instance: GameInstance): Promise<DependencyD
 }
 
 watch(
-	() => instance,
-	async () => {
-		const result = await checkUpdateAvailable(instance)
+	() => instance.value,
+	async (newInstance) => {
+		if (!newInstance) return
+		const result = await checkUpdateAvailable(newInstance)
 		diffs.value = result || []
 	},
 	{ immediate: true, deep: true },
@@ -311,8 +321,9 @@ watch(
 async function handleUpdate() {
 	hide()
 	try {
-		if (latestVersionId.value) {
-			await update_managed_modrinth_version(instance.path, latestVersionId.value)
+		if (latestVersionId.value && instance.value) {
+			await update_managed_modrinth_version(instance.value.path, latestVersionId.value)
+			onUpdateComplete.value()
 		}
 	} catch (error) {
 		console.error('Error updating instance:', error)
@@ -320,8 +331,8 @@ async function handleUpdate() {
 }
 
 function handleReport() {
-	if (instance.linked_data?.project_id) {
-		openUrl(`https://modrinth.com/report?item=project&itemID=${instance.linked_data.project_id}`)
+	if (instance.value?.linked_data?.project_id) {
+		openUrl(`https://modrinth.com/report?item=project&itemID=${instance.value.linked_data.project_id}`)
 	}
 }
 
@@ -329,7 +340,10 @@ function handleDecline() {
 	hide()
 }
 
-function show(e?: MouseEvent) {
+function show(instanceVal: GameInstance, activeVersionIdVal: string | null = null, callback: () => void = () => {}, e?: MouseEvent) {
+	instance.value = instanceVal
+	activeVersionId.value = activeVersionIdVal
+	onUpdateComplete.value = callback
 	modal.value?.show(e)
 }
 
@@ -385,17 +399,9 @@ const diffTypeMessages = defineMessages({
 })
 
 const hasUpdate = computed(() => {
-	if (!instance.linked_data) return false
-	return latestVersionId.value != null && latestVersionId.value !== instance.linked_data.version_id
+	if (!instance.value?.linked_data) return false
+	return latestVersionId.value != null && latestVersionId.value !== instance.value.linked_data.version_id
 })
 
-function showIfUpdateAvailable(e?: MouseEvent): boolean {
-	if (hasUpdate.value) {
-		show(e)
-		return true
-	}
-	return false
-}
-
-defineExpose({ show, hide, hasUpdate, showIfUpdateAvailable })
+defineExpose({ show, hide, hasUpdate })
 </script>
diff --git a/apps/app-frontend/src/pages/project/Index.vue b/apps/app-frontend/src/pages/project/Index.vue
index 8e7eaafaef..2e4b2eb7c8 100644
--- a/apps/app-frontend/src/pages/project/Index.vue
+++ b/apps/app-frontend/src/pages/project/Index.vue
@@ -22,7 +22,6 @@
 				class="project-sidebar-section"
 			/>
 		</Teleport>
-		<InstallToPlayModal ref="installToPlayModal" :project="data" />
 		<div class="flex flex-col gap-4 p-6">
 			<InstanceIndicator v-if="instance" :instance="instance" />
 			<template v-if="data">
@@ -39,7 +38,7 @@
 				>
 					<template #actions>
 						<ButtonStyled size="large" color="brand">
-							<button @click="installToPlayModal.show()">
+							<button @click="handleClickPlay">
 								<PlayIcon />
 								Play
 							</button>
@@ -202,13 +201,15 @@ import { useRoute, useRouter } from 'vue-router'
 
 import ContextMenu from '@/components/ui/ContextMenu.vue'
 import InstanceIndicator from '@/components/ui/InstanceIndicator.vue'
-import InstallToPlayModal from '@/components/ui/modal/InstallToPlayModal.vue'
 import NavTabs from '@/components/ui/NavTabs.vue'
-import { get_project, get_team, get_version_many } from '@/helpers/cache.js'
-import { get as getInstance, get_projects as getInstanceProjects } from '@/helpers/profile'
+import { get_project, get_project_v3, get_team, get_version_many } from '@/helpers/cache.js'
+import {
+	get as getInstance,
+	get_projects as getInstanceProjects,
+} from '@/helpers/profile'
 import { get_categories, get_game_versions, get_loaders } from '@/helpers/tags'
 import { useBreadcrumbs } from '@/store/breadcrumbs'
-import { install as installVersion } from '@/store/install.js'
+import { install as installVersion, playServerProject } from '@/store/install.js'
 import { useTheming } from '@/store/state.js'
 
 dayjs.extend(relativeTime)
@@ -230,8 +231,7 @@ const instanceProjects = ref(null)
 const installed = ref(false)
 const installedVersion = ref(null)
 const isServerProject = ref(false)
-
-const installToPlayModal = ref(null) // TODO, only show install to play modal for server project types that have .mrpack for content
+const projectV3 = shallowRef(null)
 
 const instanceFilters = computed(() => {
 	if (!instance.value) {
@@ -256,8 +256,14 @@ const [allLoaders, allGameVersions] = await Promise.all([
 	get_game_versions().catch(handleError).then(ref),
 ])
 
+async function handleClickPlay() {
+	if (!isServerProject.value) return
+	await playServerProject(data.value.id).catch(handleError)
+}
+
 async function fetchProjectData() {
 	const project = await get_project(route.params.id, 'must_revalidate').catch(handleError)
+	projectV3.value = await get_project_v3(route.params.id, 'must_revalidate').catch(handleError)
 
 	if (!project) {
 		handleError('Error loading project')
@@ -285,12 +291,8 @@ async function fetchProjectData() {
 			installedVersion.value = installedFile.metadata.version_id
 		}
 	}
-	isServerProject.value = Object.keys(project).includes('minecraft_server')
-	// todo, remove on release
-	if (themeStore.featureFlags.server_project_qa) {
-		isServerProject.value = true
-	}
 
+	isServerProject.value = projectV3.value?.minecraft_server !== undefined
 	breadcrumbs.setName('Project', data.value.title)
 }
 
diff --git a/apps/app-frontend/src/store/install.js b/apps/app-frontend/src/store/install.js
index 8861bc4be7..bcf6fba0e6 100644
--- a/apps/app-frontend/src/store/install.js
+++ b/apps/app-frontend/src/store/install.js
@@ -2,22 +2,26 @@ import dayjs from 'dayjs'
 import { defineStore } from 'pinia'
 
 import { trackEvent } from '@/helpers/analytics.js'
-import { get_project, get_version_many } from '@/helpers/cache.js'
+import { get_project, get_project_v3, get_version_many } from '@/helpers/cache.js'
 import { create_profile_and_install as packInstall } from '@/helpers/pack.js'
 import {
 	add_project_from_version,
 	check_installed,
+	create,
 	get,
 	get_projects,
 	list,
 	remove_project,
 } from '@/helpers/profile.js'
+import { start_join_server } from '@/helpers/worlds.ts'
 
 export const useInstall = defineStore('installStore', {
 	state: () => ({
 		installConfirmModal: null,
 		modInstallModal: null,
 		incompatibilityWarningModal: null,
+		installToPlayModal: null,
+		updateToPlayModal: null,
 	}),
 	actions: {
 		setInstallConfirmModal(ref) {
@@ -38,6 +42,18 @@ export const useInstall = defineStore('installStore', {
 		showModInstallModal(project, versions, onInstall) {
 			this.modInstallModal.show(project, versions, onInstall)
 		},
+		setInstallToPlayModal(ref) {
+			this.installToPlayModal = ref
+		},
+		showInstallToPlayModal(project, onInstallComplete) {
+			this.installToPlayModal.show(project, onInstallComplete)
+		},
+		setUpdateToPlayModal(ref) {
+			this.updateToPlayModal = ref
+		},
+		showUpdateToPlayModal(instance, activeVersionId, onUpdateComplete) {
+			this.updateToPlayModal.show(instance, activeVersionId, onUpdateComplete)
+		},
 	},
 })
 
@@ -88,8 +104,9 @@ export const install = async (
 	createInstanceCallback = () => {},
 ) => {
 	const project = await get_project(projectId, 'must_revalidate')
+	const projectV3 = await get_project_v3(projectId, 'must_revalidate')
 
-	if (project.project_type === 'modpack') {
+	if (project.project_type === 'modpack' || projectV3?.minecraft_server !== undefined) {
 		const version = versionId ?? project.versions[project.versions.length - 1]
 		const packs = await list()
 
@@ -220,3 +237,69 @@ export const installVersionDependencies = async (profile, version) => {
 		}
 	}
 }
+
+export const playServerProject = async (projectId) => {
+	const installStore = useInstall()
+
+	const project = await get_project(projectId, 'must_revalidate')
+	const projectV3 = await get_project_v3(projectId, 'must_revalidate')
+	console.log(projectV3)
+	// Determine server address from v3 data
+	const java = projectV3?.minecraft_java_server
+	const serverAddress = java
+		? java.port !== 25565
+			? `${java.address}:${java.port}`
+			: java.address
+		: null
+
+	// Determine the active/target version from v3 data
+	const activeVersion = projectV3?.minecraft_server?.active_version ?? null
+
+	// Check if there's an installed instance for this project
+	const packs = await list()
+	const installedPack = packs.find((pack) => pack.linked_data?.project_id === project.id)
+
+	if (installedPack) {
+		// Instance exists -- check if it needs updating
+		const needsUpdate = activeVersion && installedPack.linked_data?.version_id !== activeVersion
+
+		if (needsUpdate) {
+			installStore.showUpdateToPlayModal(installedPack, activeVersion, async () => {
+				if (serverAddress) {
+					await start_join_server(installedPack.path, serverAddress)
+				}
+			})
+		} else {
+			// Up to date -- launch directly into server
+			if (serverAddress) {
+				await start_join_server(installedPack.path, serverAddress)
+			}
+		}
+	} else if (activeVersion) {
+		// Has modpack content but not installed -- show install modal
+		installStore.showInstallToPlayModal(project, async () => {
+			// After install completes, find the newly installed instance and launch
+			const updatedPacks = await list()
+			const newPack = updatedPacks.find((pack) => pack.linked_data?.project_id === project.id)
+			if (newPack && serverAddress) {
+				await start_join_server(newPack.path, serverAddress)
+			}
+		})
+	} else {
+		// Vanilla server -- create instance automatically and launch
+		const gameVersion = '1.21.1' // projectV3.minecraft_server.recommended_game_version
+		if (gameVersion) {
+			const profilePath = await create(
+				project.title,
+				gameVersion,
+				'vanilla',
+				null,
+				project.icon_url,
+			)
+			// TODO, don't show launch game/install complete action buttons since it launches into it right away
+			if (profilePath && serverAddress) {
+				await start_join_server(profilePath, serverAddress)
+			}
+		}
+	}
+}

From 0c4bd5b09bc7e6e00a993b3ef53e8366ab797bce Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 11 Feb 2026 22:08:41 -0700
Subject: [PATCH 125/178] fix click to play flow for vanilla servers

---
 apps/app-frontend/src/App.vue                 |  1 +
 .../src/components/ui/RunningAppBar.vue       | 38 -----------------
 apps/app-frontend/src/helpers/profile.js      |  3 +-
 apps/app-frontend/src/store/install.js        | 41 ++++++++++++++++++-
 4 files changed, 42 insertions(+), 41 deletions(-)

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 45db75eddd..b6e108ca50 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -482,6 +482,7 @@ onMounted(() => {
 	install.setModInstallModal(modInstallModal)
 	install.setInstallToPlayModal(installToPlayModal)
 	install.setUpdateToPlayModal(updateToPlayModal)
+	install.setPopupNotificationManager(popupNotificationManager)
 })
 
 const accounts = ref(null)
diff --git a/apps/app-frontend/src/components/ui/RunningAppBar.vue b/apps/app-frontend/src/components/ui/RunningAppBar.vue
index a1d150d587..d95f1fb298 100644
--- a/apps/app-frontend/src/components/ui/RunningAppBar.vue
+++ b/apps/app-frontend/src/components/ui/RunningAppBar.vue
@@ -109,7 +109,6 @@ import {
 	ButtonStyled,
 	Card,
 	injectNotificationManager,
-	injectPopupNotificationManager,
 } from '@modrinth/ui'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
@@ -120,10 +119,8 @@ import { loading_listener, process_listener } from '@/helpers/events'
 import { get_all as getRunningProcesses, kill as killProcess } from '@/helpers/process'
 import { get_many } from '@/helpers/profile.js'
 import { progress_bars_list } from '@/helpers/state.js'
-import { start_join_server } from '@/helpers/worlds'
 
 const { handleError } = injectNotificationManager()
-const popupNotificationManager = injectPopupNotificationManager()
 
 const router = useRouter()
 const card = ref(null)
@@ -184,7 +181,6 @@ const goToTerminal = (path) => {
 }
 
 const currentLoadingBars = ref([])
-const notifiedBarIds = new Set()
 
 const refreshInfo = async () => {
 	const previousBars = [...currentLoadingBars.value]
@@ -214,40 +210,6 @@ const refreshInfo = async () => {
 		return 0
 	})
 
-	for (const oldBar of previousBars) {
-		const stillExists = currentLoadingBars.value.some(
-			(b) => b.loading_bar_uuid === oldBar.loading_bar_uuid,
-		)
-		if (!stillExists && oldBar.title && !notifiedBarIds.has(oldBar.loading_bar_uuid)) {
-			notifiedBarIds.add(oldBar.loading_bar_uuid) // hacky fix to prevent duplicate notifications
-			const profilePath = oldBar.bar_type?.profile_path
-			popupNotificationManager.addPopupNotification({
-				title: 'Install complete',
-				text: `${oldBar.title} is installed and ready to play.`,
-				type: 'success',
-				buttons: profilePath
-					? [
-							{
-								label: 'Launch game',
-								action: () => {
-									const serverAddress = '' // TODO: pass project's minecraft_server.address
-									start_join_server(profilePath, serverAddress).catch(handleError)
-								},
-								color: 'brand',
-							},
-							{
-								label: 'Instance',
-								action: () => {
-									router.push(`/instance/${encodeURIComponent(profilePath)}`)
-								},
-							},
-						]
-					: [],
-				autoCloseMs: null,
-			})
-		}
-	}
-
 	if (currentLoadingBars.value.length === 0) {
 		showCard.value = false
 	} else if (previousBars.length < currentLoadingBars.value.length) {
diff --git a/apps/app-frontend/src/helpers/profile.js b/apps/app-frontend/src/helpers/profile.js
index 774cc39fb7..53cd888b07 100644
--- a/apps/app-frontend/src/helpers/profile.js
+++ b/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, icon, skipInstall) {
+export async function create(name, gameVersion, modloader, loaderVersion, icon, skipInstall, linkedData) {
 	//Trim string name to avoid "Unable to find directory"
 	name = name.trim()
 	return await invoke('plugin:profile-create|profile_create', {
@@ -28,6 +28,7 @@ export async function create(name, gameVersion, modloader, loaderVersion, icon,
 		loaderVersion,
 		icon,
 		skipInstall,
+		linkedData,
 	})
 }
 
diff --git a/apps/app-frontend/src/store/install.js b/apps/app-frontend/src/store/install.js
index bcf6fba0e6..62b2268218 100644
--- a/apps/app-frontend/src/store/install.js
+++ b/apps/app-frontend/src/store/install.js
@@ -14,6 +14,7 @@ import {
 	remove_project,
 } from '@/helpers/profile.js'
 import { start_join_server } from '@/helpers/worlds.ts'
+import router from '@/routes.js'
 
 export const useInstall = defineStore('installStore', {
 	state: () => ({
@@ -22,6 +23,7 @@ export const useInstall = defineStore('installStore', {
 		incompatibilityWarningModal: null,
 		installToPlayModal: null,
 		updateToPlayModal: null,
+		popupNotificationManager: null,
 	}),
 	actions: {
 		setInstallConfirmModal(ref) {
@@ -54,6 +56,9 @@ export const useInstall = defineStore('installStore', {
 		showUpdateToPlayModal(instance, activeVersionId, onUpdateComplete) {
 			this.updateToPlayModal.show(instance, activeVersionId, onUpdateComplete)
 		},
+		setPopupNotificationManager(manager) {
+			this.popupNotificationManager = manager
+		},
 	},
 })
 
@@ -281,8 +286,34 @@ export const playServerProject = async (projectId) => {
 			// After install completes, find the newly installed instance and launch
 			const updatedPacks = await list()
 			const newPack = updatedPacks.find((pack) => pack.linked_data?.project_id === project.id)
-			if (newPack && serverAddress) {
-				await start_join_server(newPack.path, serverAddress)
+			if (newPack) {
+				installStore.popupNotificationManager?.addPopupNotification({
+					title: 'Install complete',
+					text: `${project.title} is installed and ready to play.`,
+					type: 'success',
+					buttons: [
+						...(serverAddress
+							? [
+									{
+										label: 'Launch game',
+										action: () => {
+											start_join_server(newPack.path, serverAddress)
+										},
+										color: 'brand',
+									},
+								]
+							: []),
+						{
+							label: 'Instance',
+							action: () => {
+								router.push(
+									`/instance/${encodeURIComponent(newPack.path)}`,
+								)
+							},
+						},
+					],
+					autoCloseMs: null,
+				})
 			}
 		})
 	} else {
@@ -295,6 +326,12 @@ export const playServerProject = async (projectId) => {
 				'vanilla',
 				null,
 				project.icon_url,
+				false,
+				{
+					project_id: project.id,
+					version_id: '',
+					locked: false,
+				},
 			)
 			// TODO, don't show launch game/install complete action buttons since it launches into it right away
 			if (profilePath && serverAddress) {

From 67f9decfe15f93a96aa279f46c64cd7e8d92205e Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 12 Feb 2026 20:00:04 -0700
Subject: [PATCH 126/178] fix linked data not passed into profile create

---
 apps/app-frontend/src/store/install.js | 7 ++-----
 apps/app/src/api/profile_create.rs     | 3 ++-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/app-frontend/src/store/install.js b/apps/app-frontend/src/store/install.js
index 62b2268218..737dd3f319 100644
--- a/apps/app-frontend/src/store/install.js
+++ b/apps/app-frontend/src/store/install.js
@@ -306,9 +306,7 @@ export const playServerProject = async (projectId) => {
 						{
 							label: 'Instance',
 							action: () => {
-								router.push(
-									`/instance/${encodeURIComponent(newPack.path)}`,
-								)
+								router.push(`/instance/${encodeURIComponent(newPack.path)}`)
 							},
 						},
 					],
@@ -330,10 +328,9 @@ export const playServerProject = async (projectId) => {
 				{
 					project_id: project.id,
 					version_id: '',
-					locked: false,
+					locked: true,
 				},
 			)
-			// TODO, don't show launch game/install complete action buttons since it launches into it right away
 			if (profilePath && serverAddress) {
 				await start_join_server(profilePath, serverAddress)
 			}
diff --git a/apps/app/src/api/profile_create.rs b/apps/app/src/api/profile_create.rs
index 5cd849aba4..a3006adc6d 100644
--- a/apps/app/src/api/profile_create.rs
+++ b/apps/app/src/api/profile_create.rs
@@ -20,6 +20,7 @@ pub async fn profile_create(
     loader_version: Option<String>, // the modloader version to use, set to "latest", "stable", or the ID of your chosen loader
     icon: Option<String>,           // the icon for the profile
     skip_install: Option<bool>,
+    linked_data: Option<LinkedData>,
 ) -> Result<String> {
     let res = profile::create::profile_create(
         name,
@@ -27,7 +28,7 @@ pub async fn profile_create(
         modloader,
         loader_version,
         icon,
-        None,
+        linked_data,
         skip_install,
     )
     .await?;

From 4d9c53dfe01f863d5bed249d6ebb669c7409ee66 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 09:52:38 -0700
Subject: [PATCH 127/178] fix error when loading in app

---
 apps/app-frontend/src/App.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index b6e108ca50..8acdc32340 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -67,10 +67,10 @@ import IncompatibilityWarningModal from '@/components/ui/install_flow/Incompatib
 import InstallConfirmModal from '@/components/ui/install_flow/InstallConfirmModal.vue'
 import ModInstallModal from '@/components/ui/install_flow/ModInstallModal.vue'
 import InstanceCreationModal from '@/components/ui/InstanceCreationModal.vue'
-import InstallToPlayModal from '@/components/ui/modal/InstallToPlayModal.vue'
-import UpdateToPlayModal from '@/components/ui/modal/UpdateToPlayModal.vue'
 import AppSettingsModal from '@/components/ui/modal/AppSettingsModal.vue'
 import AuthGrantFlowWaitModal from '@/components/ui/modal/AuthGrantFlowWaitModal.vue'
+import InstallToPlayModal from '@/components/ui/modal/InstallToPlayModal.vue'
+import UpdateToPlayModal from '@/components/ui/modal/UpdateToPlayModal.vue'
 import NavButton from '@/components/ui/NavButton.vue'
 import PromotionWrapper from '@/components/ui/PromotionWrapper.vue'
 import QuickInstanceSwitcher from '@/components/ui/QuickInstanceSwitcher.vue'
@@ -1001,13 +1001,25 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 				]"
 				placement="right-end"
 			>
-				<Avatar :src="credentials.user.avatar_url" alt="" size="32px" circle />
+				<Avatar
+					v-if="credentials.user?.avatar_url"
+					:src="credentials.user.avatar_url"
+					alt=""
+					size="32px"
+					circle
+				/>
 				<template #view-profile>
 					<UserIcon />
 					<span class="inline-flex items-center gap-1">
 						Signed in as
 						<span class="inline-flex items-center gap-1 text-contrast font-semibold">
-							<Avatar :src="credentials.user.avatar_url" alt="" size="20px" circle />
+							<Avatar
+								v-if="credentials.user?.avatar_url"
+								:src="credentials.user.avatar_url"
+								alt=""
+								size="20px"
+								circle
+							/>
 							{{ credentials.user.username }}
 						</span>
 					</span>

From 0b4fcb4e9286a5ccea1855cd49b70fb60bc5cd2f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 09:55:39 -0700
Subject: [PATCH 128/178] fix more cannot get property of... due to
 null/undefined  errors

---
 .../app-frontend/src/components/ui/QuickInstanceSwitcher.vue | 5 ++++-
 apps/app-frontend/src/pages/library/Custom.vue               | 2 +-
 apps/app-frontend/src/pages/library/Downloaded.vue           | 2 +-
 apps/app-frontend/src/pages/library/Index.vue                | 2 +-
 apps/app-frontend/src/pages/library/Overview.vue             | 2 +-
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue b/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
index 7186203c12..442f424ec4 100644
--- a/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
+++ b/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
@@ -69,7 +69,10 @@ 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-divider"></div>
+	<div
+		v-if="instances && recentInstances.length > 0"
+		class="h-px w-6 mx-auto my-2 bg-divider"
+	></div>
 </template>
 
 <style scoped lang="scss"></style>
diff --git a/apps/app-frontend/src/pages/library/Custom.vue b/apps/app-frontend/src/pages/library/Custom.vue
index 41a204e242..809ecb9572 100644
--- a/apps/app-frontend/src/pages/library/Custom.vue
+++ b/apps/app-frontend/src/pages/library/Custom.vue
@@ -10,7 +10,7 @@ defineProps({
 </script>
 <template>
 	<GridDisplay
-		v-if="instances.length > 0"
+		v-if="instances && instances.length > 0"
 		label="Instances"
 		:instances="instances.filter((i) => !i.linked_data)"
 	/>
diff --git a/apps/app-frontend/src/pages/library/Downloaded.vue b/apps/app-frontend/src/pages/library/Downloaded.vue
index d41c7e6115..569e916cf2 100644
--- a/apps/app-frontend/src/pages/library/Downloaded.vue
+++ b/apps/app-frontend/src/pages/library/Downloaded.vue
@@ -10,7 +10,7 @@ defineProps({
 </script>
 <template>
 	<GridDisplay
-		v-if="instances.length > 0"
+		v-if="instances && instances.length > 0"
 		label="Instances"
 		:instances="instances.filter((i) => i.linked_data)"
 	/>
diff --git a/apps/app-frontend/src/pages/library/Index.vue b/apps/app-frontend/src/pages/library/Index.vue
index 93d039fae9..695eb8371e 100644
--- a/apps/app-frontend/src/pages/library/Index.vue
+++ b/apps/app-frontend/src/pages/library/Index.vue
@@ -47,7 +47,7 @@ onUnmounted(() => {
 				{ label: 'Saved', href: `/library/saved`, shown: false },
 			]"
 		/>
-		<template v-if="instances.length > 0">
+		<template v-if="instances && instances.length > 0">
 			<RouterView :instances="instances" />
 		</template>
 		<div v-else class="no-instance">
diff --git a/apps/app-frontend/src/pages/library/Overview.vue b/apps/app-frontend/src/pages/library/Overview.vue
index 2f1539769e..46bd813a52 100644
--- a/apps/app-frontend/src/pages/library/Overview.vue
+++ b/apps/app-frontend/src/pages/library/Overview.vue
@@ -9,5 +9,5 @@ defineProps({
 })
 </script>
 <template>
-	<GridDisplay v-if="instances.length > 0" label="Instances" :instances="instances" />
+	<GridDisplay v-if="instances && instances.length > 0" label="Instances" :instances="instances" />
 </template>

From b20465d077cae1d7b5ffba09d620aa546372a0c1 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 10:38:33 -0700
Subject: [PATCH 129/178] refactor: instances/index to use typescript

---
 .../app-frontend/src/pages/instance/Index.vue | 133 ++++++++++--------
 1 file changed, 74 insertions(+), 59 deletions(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index 577111c290..23465c3741 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -1,19 +1,23 @@
 <template>
-	<div>
-		<div
-			class="p-6 pr-2 pb-4"
-			@contextmenu.prevent.stop="(event) => handleRightClick(event, instance.path)"
-		>
+	<div v-if="instance">
+		<div class="p-6 pr-2 pb-4" @contextmenu.prevent.stop="(event) => handleRightClick(event)">
 			<ExportModal ref="exportModal" :instance="instance" />
 			<InstanceSettingsModal ref="settingsModal" :instance="instance" :offline="offline" />
 			<UpdateToPlayModal ref="updateToPlayModal" :instance="instance" />
 			<ContentPageHeader>
 				<template #icon>
-					<Avatar :src="icon" :alt="instance.name" size="64px" :tint-by="instance.path" />
+					<Avatar
+						v-if="icon"
+						:src="icon"
+						:alt="instance.name"
+						size="64px"
+						:tint-by="instance.path"
+					/>
 				</template>
 				<template #title>
 					{{ instance.name }}
 					<TagItem
+						v-if="isServerInstance"
 						v-tooltip="'This instance is managed by a server project.'"
 						class="border !border-solid border-blue bg-highlight-blue !font-medium"
 						style="--_color: var(--color-blue)"
@@ -59,12 +63,12 @@
 							<div class="flex gap-1.5 items-center font-medium">
 								Linked to
 								<Avatar
-									:src="project.icon_url"
-									:alt="project.title"
+									:src="projectV3.icon_url"
+									:alt="projectV3.name"
 									:tint-by="instance.path"
 									size="24px"
 								/>
-								{{ project.title }}
+								{{ projectV3.name }}
 							</div>
 						</template>
 					</div>
@@ -116,7 +120,7 @@
 							<button disabled>Loading...</button>
 						</ButtonStyled>
 						<ButtonStyled size="large" circular>
-							<button v-tooltip="'Instance settings'" @click="settingsModal.show()">
+							<button v-tooltip="'Instance settings'" @click="settingsModal?.show()">
 								<SettingsIcon />
 							</button>
 						</ButtonStyled>
@@ -125,11 +129,13 @@
 								:options="[
 									{
 										id: 'open-folder',
-										action: () => showProfileInFolder(instance.path),
+										action: () => {
+											if (instance) showProfileInFolder(instance.path)
+										},
 									},
 									{
 										id: 'export-mrpack',
-										action: () => $refs.exportModal.show(),
+										action: () => exportModal?.show(),
 									},
 								]"
 							>
@@ -196,7 +202,7 @@
 		</ContextMenu>
 	</div>
 </template>
-<script setup>
+<script setup lang="ts">
 import {
 	CheckCircleIcon,
 	ClipboardCopyIcon,
@@ -246,16 +252,15 @@ import { get_project_v3, get_version_many } from '@/helpers/cache.js'
 import { process_listener, profile_listener } from '@/helpers/events'
 import { get_by_profile_path } from '@/helpers/process'
 import { finish_install, get, get_full_path, kill, run } from '@/helpers/profile'
+import type { GameInstance } from '@/helpers/types'
 import { showProfileInFolder } from '@/helpers/utils.js'
 import { handleSevereError } from '@/store/error.js'
 import { useBreadcrumbs, useLoading } from '@/store/state'
-import { useTheming } from '@/store/theme'
 
 dayjs.extend(duration)
 dayjs.extend(relativeTime)
 
 const { handleError } = injectNotificationManager()
-const themeStore = useTheming()
 const route = useRoute()
 
 const router = useRouter()
@@ -269,23 +274,25 @@ window.addEventListener('online', () => {
 	offline.value = false
 })
 
-const instance = ref()
-const modrinthVersions = ref([])
+const instance = ref<GameInstance>()
+const modrinthVersions = ref<any[]>([])
 const playing = ref(false)
 const loading = ref(false)
-const updateToPlayModal = ref() // TODO: show this modal when an update is available when click play button
+const exportModal = ref<InstanceType<typeof ExportModal>>()
+const updateToPlayModal = ref<InstanceType<typeof UpdateToPlayModal>>()
 
 const isServerInstance = ref(false)
-const projectV3 = ref()
+const projectV3 = ref<any>()
+const selected = ref<unknown[]>([])
 
 const pingMs = ref(42) // todo: query actual server ping
 const serverPlayersOnline = ref(0)
 const serverMaxPlayers = ref(0)
 
 async function fetchInstance() {
-	instance.value = await get(route.params.id).catch(handleError)
+	instance.value = await get(route.params.id as string).catch(handleError)
 
-	if (!offline.value && instance.value.linked_data && instance.value.linked_data.project_id) {
+	if (!offline.value && instance.value?.linked_data && instance.value.linked_data.project_id) {
 		try {
 			projectV3.value = await get_project_v3(
 				instance.value.linked_data.project_id,
@@ -295,13 +302,13 @@ async function fetchInstance() {
 			if (projectV3.value && projectV3.value.versions) {
 				const versions = await get_version_many(projectV3.value.versions, 'must_revalidate')
 				modrinthVersions.value = versions.sort(
-					(a, b) => dayjs(b.date_published) - dayjs(a.date_published),
+					(a: any, b: any) => dayjs(b.date_published).valueOf() - dayjs(a.date_published).valueOf(),
 				)
 				if (projectV3.value?.minecraft_server !== undefined) {
 					isServerInstance.value = true
 				}
 			}
-		} catch (error) {
+		} catch (error: any) {
 			handleError(error)
 		}
 	}
@@ -310,9 +317,9 @@ async function fetchInstance() {
 }
 
 async function updatePlayState() {
-	const runningProcesses = await get_by_profile_path(route.params.id).catch(handleError)
+	const runningProcesses = await get_by_profile_path(route.params.id as string).catch(handleError)
 
-	playing.value = runningProcesses.length > 0
+	playing.value = Array.isArray(runningProcesses) && runningProcesses.length > 0
 }
 
 await fetchInstance()
@@ -325,7 +332,7 @@ watch(
 	},
 )
 
-const basePath = computed(() => `/instance/${encodeURIComponent(route.params.id)}`)
+const basePath = computed(() => `/instance/${encodeURIComponent(route.params.id as string)}`)
 
 const tabs = computed(() => [
 	{
@@ -342,34 +349,37 @@ const tabs = computed(() => [
 	},
 ])
 
-breadcrumbs.setName(
-	'Instance',
-	instance.value.name.length > 40
-		? instance.value.name.substring(0, 40) + '...'
-		: instance.value.name,
-)
-
-breadcrumbs.setContext({
-	name: instance.value.name,
-	link: route.path,
-	query: route.query,
-})
+if (instance.value) {
+	breadcrumbs.setName(
+		'Instance',
+		instance.value.name.length > 40
+			? instance.value.name.substring(0, 40) + '...'
+			: instance.value.name,
+	)
+	breadcrumbs.setContext({
+		name: instance.value.name,
+		link: route.path,
+		query: route.query,
+	})
+}
 
 const loadingBar = useLoading()
 
-const options = ref(null)
+const options = ref<InstanceType<typeof ContextMenu> | null>(null)
 
-const startInstance = async (context) => {
-	if (updateToPlayModal.value?.showIfUpdateAvailable()) {
+const startInstance = async (context: string) => {
+	if (!instance.value) return
+	if (updateToPlayModal.value?.hasUpdate) {
+		updateToPlayModal.value.show(instance.value)
 		return
 	}
 
 	loading.value = true
 	try {
-		await run(route.params.id)
+		await run(route.params.id as string)
 		playing.value = true
 	} catch (err) {
-		handleSevereError(err, { profilePath: route.params.id })
+		handleSevereError(err, { profilePath: route.params.id as string })
 	}
 	loading.value = false
 
@@ -380,10 +390,11 @@ const startInstance = async (context) => {
 	})
 }
 
-const stopInstance = async (context) => {
+const stopInstance = async (context: string) => {
 	playing.value = false
-	await kill(route.params.id).catch(handleError)
+	await kill(route.params.id as string).catch(handleError)
 
+	if (!instance.value) return
 	trackEvent('InstanceStop', {
 		loader: instance.value.loader,
 		game_version: instance.value.game_version,
@@ -395,7 +406,7 @@ const repairInstance = async () => {
 	await finish_install(instance.value).catch(handleError)
 }
 
-const handleRightClick = (event) => {
+const handleRightClick = (event: MouseEvent) => {
 	const baseOptions = [
 		{ name: 'add_content' },
 		{ type: 'divider' },
@@ -404,7 +415,7 @@ const handleRightClick = (event) => {
 		{ name: 'copy_path' },
 	]
 
-	options.value.showMenu(
+	options.value?.showMenu(
 		event,
 		instance.value,
 		playing.value
@@ -425,7 +436,7 @@ const handleRightClick = (event) => {
 	)
 }
 
-const handleOptionsClick = async (args) => {
+const handleOptionsClick = async (args: { option: string; item: unknown }) => {
 	switch (args.option) {
 		case 'play':
 			await startInstance('InstancePageContextMenu')
@@ -435,27 +446,29 @@ const handleOptionsClick = async (args) => {
 			break
 		case 'add_content':
 			await router.push({
-				path: `/browse/${instance.value.loader === 'vanilla' ? 'datapack' : 'mod'}`,
+				path: `/browse/${instance.value?.loader === 'vanilla' ? 'datapack' : 'mod'}`,
 				query: { i: route.params.id },
 			})
 			break
 		case 'edit':
 			await router.push({
-				path: `/instance/${encodeURIComponent(route.params.id)}/options`,
+				path: `/instance/${encodeURIComponent(route.params.id as string)}/options`,
 			})
 			break
 		case 'open_folder':
-			await showProfileInFolder(instance.value.path)
+			if (instance.value) await showProfileInFolder(instance.value.path)
 			break
 		case 'copy_path': {
-			const fullPath = await get_full_path(instance.value.path)
-			await navigator.clipboard.writeText(fullPath)
+			if (instance.value) {
+				const fullPath = await get_full_path(instance.value?.path)
+				await navigator.clipboard.writeText(fullPath)
+			}
 			break
 		}
 	}
 }
 
-const unlistenProfiles = await profile_listener(async (event) => {
+const unlistenProfiles = await profile_listener(async (event: any) => {
 	if (event.profile_path_id === route.params.id) {
 		if (event.event === 'removed') {
 			await router.push({
@@ -463,24 +476,26 @@ const unlistenProfiles = await profile_listener(async (event) => {
 			})
 			return
 		}
-		instance.value = await get(route.params.id).catch(handleError)
+		instance.value = await get(route.params.id as string).catch(handleError)
 	}
 })
 
-const unlistenProcesses = await process_listener((e) => {
+const unlistenProcesses = await process_listener((e: any) => {
 	if (e.event === 'finished' && e.profile_path_id === route.params.id) {
 		playing.value = false
 	}
 })
 
 const icon = computed(() =>
-	instance.value.icon_path ? convertFileSrc(instance.value.icon_path) : null,
+	instance.value?.icon_path ? convertFileSrc(instance.value.icon_path) : null,
 )
 
-const settingsModal = ref()
+const settingsModal = ref<InstanceType<typeof InstanceSettingsModal>>()
 
 const timePlayed = computed(() => {
-	return instance.value.recent_time_played + instance.value.submitted_time_played
+	return instance.value
+		? instance.value.recent_time_played + instance.value.submitted_time_played
+		: 0
 })
 
 const timePlayedHumanized = computed(() => {

From 559275bfadef23ad0d4a4dc497d1759ee827544f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 10:52:20 -0700
Subject: [PATCH 130/178] small style fixes

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue   | 7 +------
 .../src/pages/organization/[id]/settings/index.vue       | 9 +--------
 2 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 78e4d9738f..3999c45866 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -59,7 +59,7 @@
 						multiline
 						:maxlength="256"
 						:disabled="!hasPermission"
-						wrapper-class="summary-input"
+						resize="vertical"
 					/>
 					<div v-if="summaryWarning" class="my-2 flex items-center gap-1.5 text-orange">
 						<TriangleAlertIcon class="my-auto" />
@@ -913,11 +913,6 @@ svg {
 	}
 }
 
-.summary-input {
-	min-height: 8rem;
-	max-width: 24rem;
-}
-
 .button-group {
 	justify-content: flex-start;
 }
diff --git a/apps/frontend/src/pages/organization/[id]/settings/index.vue b/apps/frontend/src/pages/organization/[id]/settings/index.vue
index a4099860f1..340dc4162a 100644
--- a/apps/frontend/src/pages/organization/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/organization/[id]/settings/index.vue
@@ -218,7 +218,7 @@ const onDeleteOrganization = useClientTry(async () => {
 				multiline
 				:maxlength="256"
 				:disabled="!hasPermission"
-				wrapper-class="summary-input"
+				resize="vertical"
 			/>
 		</div>
 		<div class="universal-card">
@@ -245,10 +245,3 @@ const onDeleteOrganization = useClientTry(async () => {
 		/>
 	</div>
 </template>
-
-<style scoped lang="scss">
-.summary-input {
-	min-height: 8rem;
-	max-width: 24rem;
-}
-</style>

From cce25833fff6d266b0a2056c51ffb9afa0d1e62e Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 15:14:52 -0700
Subject: [PATCH 131/178] implement setting recommended and supported versions

---
 .../src/pages/[type]/[id]/settings/index.vue  | 46 ++++++++++++++-----
 .../api-client/src/modules/labrinth/types.ts  | 25 +++++++---
 2 files changed, 53 insertions(+), 18 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 3999c45866..b4a934c49a 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -263,7 +263,7 @@
 							>
 								<Combobox
 									id="server-version"
-									v-model="requiredGameVersion"
+									v-model="recommendedGameVersion"
 									:options="
 										gameVersions
 											.filter((v) => v.version_type === 'release')
@@ -493,13 +493,8 @@ const javaPort = ref(25565)
 const bedrockAddress = ref('')
 const bedrockPort = ref(19132)
 const supportedGameVersions = ref([])
-const requiredGameVersion = ref('')
-
-// if it has a version/active version, then it will be using mrpack. to get mrpack metadata, need to
-const usingMrpack = ref(
-	false,
-	// projectV3.value.minecraft_server?.linked_modpack === true
-)
+const recommendedGameVersion = ref('')
+const usingMrpack = ref(false)
 const country = ref('')
 
 watch(
@@ -510,8 +505,14 @@ watch(
 		javaPort.value = v3.minecraft_java_server?.port ?? 25565
 		bedrockAddress.value = v3.minecraft_bedrock_server?.address ?? ''
 		bedrockPort.value = v3.minecraft_bedrock_server?.port ?? 19132
-		supportedGameVersions.value = v3.minecraft_server?.supported_game_versions ?? []
-		requiredGameVersion.value = v3.minecraft_server?.required_game_versions?.[0] ?? '1.21.1'
+		const javaContent = v3.minecraft_java_server?.content
+		if (javaContent && 'supported_game_versions' in javaContent) {
+			supportedGameVersions.value = javaContent.supported_game_versions ?? []
+			recommendedGameVersion.value = javaContent.recommended_game_version ?? ''
+		} else {
+			supportedGameVersions.value = []
+			recommendedGameVersion.value = ''
+		}
 		country.value = v3.minecraft_server?.country ?? ''
 	},
 	{ immediate: true },
@@ -695,13 +696,34 @@ const patchData = computed(() => {
 
 	if (isServerProject.value) {
 		const origJava = projectV3.value?.minecraft_java_server
-		if (
+		const origContent = origJava?.content
+		const origSupported =
+			origContent && 'supported_game_versions' in origContent
+				? origContent.supported_game_versions
+				: []
+		const origRecommended =
+			origContent && 'recommended_game_version' in origContent
+				? origContent.recommended_game_version
+				: ''
+
+		const addressChanged =
 			(javaAddress.value && javaAddress.value !== origJava?.address) ||
 			javaPort.value !== (origJava?.port ?? 25565)
-		) {
+		const contentChanged =
+			JSON.stringify(supportedGameVersions.value) !== JSON.stringify(origSupported) ||
+			recommendedGameVersion.value !== (origRecommended ?? '')
+
+		if (addressChanged || contentChanged) {
 			data.minecraft_java_server = {
 				address: javaAddress.value.trim(),
 				port: javaPort.value,
+				content: {
+					kind: 'vanilla',
+					supported_game_versions: supportedGameVersions.value,
+					...(recommendedGameVersion.value
+						? { recommended_game_version: recommendedGameVersion.value }
+						: {}),
+				},
 			}
 		}
 
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 03d21eb6d9..5852349f7b 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -381,19 +381,32 @@ export namespace Labrinth {
 			}
 
 			export interface MinecraftServer {
-				max_players: number
-				country: string
+				// num players
+				// latency tbd
+				max_players?: number
+				country?: string
 				active_version?: string
 			}
 
+			interface ModpackContent {
+				kind: 'modpack'
+				version_id: string
+			}
+			interface VanillaContent {
+				kind: 'vanilla'
+				supported_game_versions: string[]
+				recommended_game_version?: string
+			}
+
 			export interface MinecraftJavaServer {
-				address: string
-				port: number
+				address?: string
+				port?: number
+				content: ModpackContent | VanillaContent
 			}
 
 			export interface MinecraftBedrockServer {
-				address: string
-				port: number
+				address?: string
+				port?: number
 			}
 
 			export interface CreateServerProjectRequest {

From a763f6d83a14be60b193a47782ab0c3a224e53b3 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 15:36:49 -0700
Subject: [PATCH 132/178] refactor: make the patch data more readiable

---
 .../src/pages/[type]/[id]/settings/index.vue  | 136 +++++++++++-------
 1 file changed, 82 insertions(+), 54 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index b4a934c49a..bfdd4d0ab1 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -668,7 +668,76 @@ const visibilityOptions = computed(() =>
 	}),
 )
 
-const patchData = computed(() => {
+const javaServerPatchData = computed(() => {
+	if (!isServerProject.value) return {}
+
+	const origJava = projectV3.value?.minecraft_java_server
+	const origContent = origJava?.content
+	const origSupported =
+		origContent && 'supported_game_versions' in origContent
+			? origContent.supported_game_versions
+			: []
+	const origRecommended =
+		origContent && 'recommended_game_version' in origContent
+			? origContent.recommended_game_version
+			: ''
+
+	const addressChanged =
+		(javaAddress.value && javaAddress.value !== origJava?.address) ||
+		javaPort.value !== (origJava?.port ?? 25565)
+	const contentChanged =
+		JSON.stringify(supportedGameVersions.value) !== JSON.stringify(origSupported) ||
+		recommendedGameVersion.value !== (origRecommended ?? '')
+
+	if (addressChanged || contentChanged) {
+		return {
+			address: javaAddress.value.trim(),
+			port: javaPort.value,
+			content: {
+				kind: 'vanilla',
+				supported_game_versions: supportedGameVersions.value,
+				...(recommendedGameVersion.value
+					? { recommended_game_version: recommendedGameVersion.value }
+					: {}),
+			},
+		}
+	}
+
+	return {}
+})
+
+const bedrockServerPatchData = computed(() => {
+	if (!isServerProject.value) return {}
+
+	const origBedrock = projectV3.value?.minecraft_bedrock_server
+	if (
+		(bedrockAddress.value && bedrockAddress.value !== origBedrock?.address) ||
+		bedrockPort.value !== (origBedrock?.port ?? 19132)
+	) {
+		return {
+			address: bedrockAddress.value.trim(),
+			port: bedrockPort.value,
+		}
+	}
+
+	return {}
+})
+
+const serverPatchData = computed(() => {
+	if (!isServerProject.value) return {}
+
+	const origServer = projectV3.value?.minecraft_server
+	if (country.value && country.value !== origServer?.country) {
+		return {
+			...origServer,
+			country: country.value,
+		}
+	}
+
+	return {}
+})
+
+const basePatchData = computed(() => {
 	const data = {}
 
 	if (name.value !== project.value.title) {
@@ -694,65 +763,24 @@ const patchData = computed(() => {
 		data.requested_status = visibility.value
 	}
 
-	if (isServerProject.value) {
-		const origJava = projectV3.value?.minecraft_java_server
-		const origContent = origJava?.content
-		const origSupported =
-			origContent && 'supported_game_versions' in origContent
-				? origContent.supported_game_versions
-				: []
-		const origRecommended =
-			origContent && 'recommended_game_version' in origContent
-				? origContent.recommended_game_version
-				: ''
-
-		const addressChanged =
-			(javaAddress.value && javaAddress.value !== origJava?.address) ||
-			javaPort.value !== (origJava?.port ?? 25565)
-		const contentChanged =
-			JSON.stringify(supportedGameVersions.value) !== JSON.stringify(origSupported) ||
-			recommendedGameVersion.value !== (origRecommended ?? '')
-
-		if (addressChanged || contentChanged) {
-			data.minecraft_java_server = {
-				address: javaAddress.value.trim(),
-				port: javaPort.value,
-				content: {
-					kind: 'vanilla',
-					supported_game_versions: supportedGameVersions.value,
-					...(recommendedGameVersion.value
-						? { recommended_game_version: recommendedGameVersion.value }
-						: {}),
-				},
-			}
-		}
-
-		const origBedrock = projectV3.value?.minecraft_bedrock_server
-		if (
-			(bedrockAddress.value && bedrockAddress.value !== origBedrock?.address) ||
-			bedrockPort.value !== (origBedrock?.port ?? 19132)
-		) {
-			data.minecraft_bedrock_server = {
-				address: bedrockAddress.value.trim(),
-				port: bedrockPort.value,
-			}
-		}
+	return data
+})
 
-		const origServer = projectV3.value?.minecraft_server
-		if (country.value && country.value !== origServer?.country) {
-			data.minecraft_server = {
-				...origServer,
-				country: country.value,
-			}
-		}
+const patchData = computed(() => {
+	return {
+		...basePatchData.value,
+		minecraft_server: serverPatchData.value,
+		minecraft_java_server: javaServerPatchData.value,
+		minecraft_bedrock_server: bedrockServerPatchData.value,
 	}
-
-	return data
 })
 
 const hasChanges = computed(() => {
 	return (
-		Object.keys(patchData.value).length > 0 ||
+		Object.keys(basePatchData.value).length > 0 ||
+		Object.keys(serverPatchData.value).length > 0 ||
+		Object.keys(javaServerPatchData.value).length > 0 ||
+		Object.keys(bedrockServerPatchData.value).length > 0 ||
 		deletedIcon.value ||
 		icon.value ||
 		deletedBanner.value ||

From fbdcd275206c5dcc2d9d745a7f3c3f3b91a84945 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 16 Feb 2026 12:55:46 -0700
Subject: [PATCH 133/178] pnpm i

---
 pnpm-lock.yaml | 291 +++++++++++++++++++++++++++++--------------------
 1 file changed, 174 insertions(+), 117 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f2e6879195..05d424b047 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -149,7 +149,7 @@ importers:
     devDependencies:
       '@eslint/compat':
         specifier: ^1.1.1
-        version: 1.4.1(eslint@9.39.2(jiti@2.6.1))
+        version: 1.4.1(eslint@9.39.2(jiti@1.21.7))
       '@formatjs/cli':
         specifier: ^6.2.12
         version: 6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))
@@ -158,22 +158,22 @@ importers:
         version: link:../../packages/tooling-config
       '@nuxt/eslint-config':
         specifier: ^0.5.6
-        version: 0.5.7(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        version: 0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@taijased/vue-render-tracker':
         specifier: ^1.0.7
         version: 1.0.7(vue@3.5.27(typescript@5.9.3))
       '@vitejs/plugin-vue':
         specifier: ^6.0.3
-        version: 6.0.3(vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))
+        version: 6.0.4(vite@6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
       autoprefixer:
         specifier: ^10.4.19
         version: 10.4.24(postcss@8.5.6)
       eslint:
         specifier: ^9.9.1
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.2(jiti@1.21.7)
       eslint-plugin-turbo:
         specifier: ^2.5.4
-        version: 2.7.2(eslint@9.39.2(jiti@2.6.1))(turbo@2.7.2)
+        version: 2.8.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.8.2)
       postcss:
         specifier: ^8.4.39
         version: 8.5.6
@@ -191,7 +191,7 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^6.0.0
-        version: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
+        version: 6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
       vue-component-type-helpers:
         specifier: ^3.1.8
         version: 3.2.4
@@ -700,10 +700,10 @@ importers:
         version: 10.2.4(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
       '@storybook/builder-vite':
         specifier: ^10.1.10
-        version: 10.1.11(esbuild@0.27.3)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
+        version: 10.2.4(esbuild@0.27.3)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))
       '@storybook/vue3-vite':
         specifier: ^10.1.10
-        version: 10.1.11(esbuild@0.27.3)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))
+        version: 10.2.4(esbuild@0.27.3)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))
       '@stripe/stripe-js':
         specifier: ^7.3.1
         version: 7.9.0
@@ -715,7 +715,7 @@ importers:
         version: 5.2.4(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))
       eslint-plugin-storybook:
         specifier: ^10.1.10
-        version: 10.1.11(eslint@9.39.2(jiti@1.21.7))(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@5.9.3)
+        version: 10.2.4(eslint@9.39.2(jiti@2.6.1))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
       storybook:
         specifier: ^10.1.10
         version: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -742,7 +742,7 @@ importers:
         version: 3.2.4
       vue-router:
         specifier: ^4.6.0
-        version: 4.6.4(vue@3.5.26(typescript@5.9.3))
+        version: 4.6.4(vue@3.5.27(typescript@5.9.3))
       wrangler:
         specifier: ^4.65.0
         version: 4.65.0
@@ -1019,12 +1019,8 @@ packages:
     resolution: {integrity: sha512-SIOD2DxrRRwQ+jgzlXCqoEFiKOFqaPjhnNTGKXSRLvp1HiOvapLaFG2kEr9dYQTYe8rKrd9uvDUzmAITeNyaHQ==}
     engines: {node: '>=18.0.0'}
 
-  '@cloudflare/kv-asset-handler@0.4.2':
-    resolution: {integrity: sha512-SIOD2DxrRRwQ+jgzlXCqoEFiKOFqaPjhnNTGKXSRLvp1HiOvapLaFG2kEr9dYQTYe8rKrd9uvDUzmAITeNyaHQ==}
-    engines: {node: '>=18.0.0'}
-
-  '@cloudflare/unenv-preset@2.12.1':
-    resolution: {integrity: sha512-tP/Wi+40aBJovonSNJSsS7aFJY0xjuckKplmzDs2Xat06BJ68B6iG7YDUWXJL8gNn0gqW7YC5WhlYhO3QbugQA==}
+  '@cloudflare/unenv-preset@2.12.0':
+    resolution: {integrity: sha512-NK4vN+2Z/GbfGS4BamtbbVk1rcu5RmqaYGiyHJQrA09AoxdZPHDF3W/EhgI0YSK8p3vRo/VNCtbSJFPON7FWMQ==}
     peerDependencies:
       unenv: 2.0.0-rc.24
       workerd: ^1.20260115.0
@@ -1032,8 +1028,8 @@ packages:
       workerd:
         optional: true
 
-  '@cloudflare/unenv-preset@2.8.0':
-    resolution: {integrity: sha512-oIAu6EdQ4zJuPwwKr9odIEqd8AV96z1aqi3RBEA4iKaJ+Vd3fvuI6m5EDC7/QCv+oaPIhy1SkYBYxmD09N+oZg==}
+  '@cloudflare/unenv-preset@2.12.1':
+    resolution: {integrity: sha512-tP/Wi+40aBJovonSNJSsS7aFJY0xjuckKplmzDs2Xat06BJ68B6iG7YDUWXJL8gNn0gqW7YC5WhlYhO3QbugQA==}
     peerDependencies:
       unenv: 2.0.0-rc.24
       workerd: ^1.20260115.0
@@ -1053,8 +1049,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@cloudflare/workerd-darwin-arm64@1.20260107.1':
-    resolution: {integrity: sha512-aAYwU7zXW+UZFh/a4vHP5cs1ulTOcDRLzwU9547yKad06RlZ6ioRm7ovjdYvdqdmbI8mPd99v4LN9gMmecazQw==}
+  '@cloudflare/workerd-darwin-arm64@1.20260131.0':
+    resolution: {integrity: sha512-M84mXR8WEMEBuX4/dL2IQ4wHV/ALwYjx9if5ePZR8rdbD7if/fkEEoMBq0bGS/1gMLRqqCZLstabxHV+g92NNg==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [darwin]
@@ -1065,8 +1061,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@cloudflare/workerd-linux-64@1.20260107.1':
-    resolution: {integrity: sha512-Wh7xWtFOkk6WY3CXe3lSqZ1anMkFcwy+qOGIjtmvQ/3nCOaG34vKNwPIE9iwryPupqkSuDmEqkosI1UUnSTh1A==}
+  '@cloudflare/workerd-linux-64@1.20260131.0':
+    resolution: {integrity: sha512-SWzr48bCL9y5wjkj23tXS6t/6us99EAH9T5TAscMV0hfJFZQt97RY/gaHKyRRjFv6jfJZvk7d4g+OmGeYBnwcg==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [linux]
@@ -1077,8 +1073,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@cloudflare/workerd-linux-arm64@1.20260107.1':
-    resolution: {integrity: sha512-NI0/5rdssdZZKYHxNG4umTmMzODByq86vSCEk8u4HQbGhRCQo7rV1eXn84ntSBdyWBzWdYGISCbeZMsgfIjSTg==}
+  '@cloudflare/workerd-linux-arm64@1.20260131.0':
+    resolution: {integrity: sha512-mL0kLPGIBJRPeHS3+erJ2t5dJT3ODhsKvR9aA4BcsY7M30/QhlgJIF6wsgwNisTJ23q8PbobZNHBUKIe8l/E9A==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
@@ -1089,8 +1085,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@cloudflare/workerd-windows-64@1.20260107.1':
-    resolution: {integrity: sha512-gmBMqs606Gd/IhBEBPSL/hJAqy2L8IyPUjKtoqd/Ccy7GQxbSc0rYlRkxbQ9YzmqnuhrTVYvXuLscyWrpmAJkw==}
+  '@cloudflare/workerd-windows-64@1.20260131.0':
+    resolution: {integrity: sha512-hoQqTFBpP1zntP2OQSpt5dEWbd9vSBliK+G7LmDXjKitPkmkRFo2PB4P9aBRE1edPAIO/fpdoJv928k2HaAn4A==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [win32]
@@ -7126,8 +7122,8 @@ packages:
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  minimatch@10.1.1:
-    resolution: {integrity: sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==}
+  minimatch@10.1.2:
+    resolution: {integrity: sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==}
     engines: {node: 20 || >=22}
 
   minimatch@3.1.2:
@@ -8903,10 +8899,6 @@ packages:
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
-  undici@7.14.0:
-    resolution: {integrity: sha512-Vqs8HTzjpQXZeXdpsfChQTlafcMQaaIwnGwLam1wudSSjlJeQ3bw1j+TLPePgrCnCpUXx7Ba5Pdpf5OBih62NQ==}
-    engines: {node: '>=20.18.1'}
-
   undici@7.18.2:
     resolution: {integrity: sha512-y+8YjDFzWdQlSE9N5nzKMT3g4a5UBX1HKowfdXh0uvAnTaqqwqB92Jt4UXBAeKekDs5IaDKyJFR4X1gYVCgXcw==}
     engines: {node: '>=20.18.1'}
@@ -9584,12 +9576,12 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  wrangler@4.58.0:
-    resolution: {integrity: sha512-Jm6EYtlt8iUcznOCPSMYC54DYkwrMNESzbH0Vh3GFHv/7XVw5gBC13YJAB+nWMRGJ+6B2dMzy/NVQS4ONL51Pw==}
+  wrangler@4.62.0:
+    resolution: {integrity: sha512-DogP9jifqw85g33BqwF6m21YBW5J7+Ep9IJLgr6oqHU0RkA79JMN5baeWXdmnIWZl+VZh6bmtNtR+5/Djd32tg==}
     engines: {node: '>=20.0.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20260107.1
+      '@cloudflare/workers-types': ^4.20260131.0
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
@@ -10106,19 +10098,17 @@ snapshots:
 
   '@cloudflare/kv-asset-handler@0.4.2': {}
 
-  '@cloudflare/kv-asset-handler@0.4.2': {}
-
-  '@cloudflare/unenv-preset@2.12.1(unenv@2.0.0-rc.24)(workerd@1.20260212.0)':
+  '@cloudflare/unenv-preset@2.12.0(unenv@2.0.0-rc.24)(workerd@1.20260131.0)':
     dependencies:
       unenv: 2.0.0-rc.24
     optionalDependencies:
-      workerd: 1.20260212.0
+      workerd: 1.20260131.0
 
-  '@cloudflare/unenv-preset@2.8.0(unenv@2.0.0-rc.24)(workerd@1.20260107.1)':
+  '@cloudflare/unenv-preset@2.12.1(unenv@2.0.0-rc.24)(workerd@1.20260212.0)':
     dependencies:
       unenv: 2.0.0-rc.24
     optionalDependencies:
-      workerd: 1.20260131.0
+      workerd: 1.20260212.0
 
   '@cloudflare/workerd-darwin-64@1.20260131.0':
     optional: true
@@ -10126,25 +10116,25 @@ snapshots:
   '@cloudflare/workerd-darwin-64@1.20260212.0':
     optional: true
 
-  '@cloudflare/workerd-darwin-arm64@1.20260107.1':
+  '@cloudflare/workerd-darwin-arm64@1.20260131.0':
     optional: true
 
   '@cloudflare/workerd-darwin-arm64@1.20260212.0':
     optional: true
 
-  '@cloudflare/workerd-linux-64@1.20260107.1':
+  '@cloudflare/workerd-linux-64@1.20260131.0':
     optional: true
 
   '@cloudflare/workerd-linux-64@1.20260212.0':
     optional: true
 
-  '@cloudflare/workerd-linux-arm64@1.20260107.1':
+  '@cloudflare/workerd-linux-arm64@1.20260131.0':
     optional: true
 
   '@cloudflare/workerd-linux-arm64@1.20260212.0':
     optional: true
 
-  '@cloudflare/workerd-windows-64@1.20260107.1':
+  '@cloudflare/workerd-windows-64@1.20260131.0':
     optional: true
 
   '@cloudflare/workerd-windows-64@1.20260212.0':
@@ -10688,11 +10678,11 @@ snapshots:
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint/compat@1.4.1(eslint@9.39.2(jiti@2.6.1))':
+  '@eslint/compat@1.4.1(eslint@9.39.2(jiti@1.21.7))':
     dependencies:
       '@eslint/core': 0.17.0
     optionalDependencies:
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
 
   '@eslint/config-array@0.21.1':
     dependencies:
@@ -11313,36 +11303,36 @@ snapshots:
       - utf-8-validate
       - vue
 
-  '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint/js': 9.39.2
-      '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/eslint-plugin': 8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
-      eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@2.6.1))
+      '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@1.21.7))
       eslint-flat-config-utils: 0.4.0
-      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-vue: 9.33.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-vue: 9.33.0(eslint@9.39.2(jiti@1.21.7))
       globals: 15.15.0
       local-pkg: 0.5.1
       pathe: 1.1.2
-      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@2.6.1))
+      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@1.21.7))
     transitivePeerDependencies:
       - '@typescript-eslint/utils'
       - eslint-import-resolver-node
       - supports-color
       - typescript
 
-  '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.51.0
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -12713,11 +12703,10 @@ snapshots:
       storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ts-dedent: 2.2.0
 
-  '@storybook/builder-vite@10.1.11(esbuild@0.27.3)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
+  '@storybook/builder-vite@10.2.4(esbuild@0.27.3)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.1.11(esbuild@0.27.3)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      '@vitest/mocker': 3.2.4(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@storybook/csf-plugin': 10.2.4(esbuild@0.27.3)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ts-dedent: 2.2.0
       vite: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
     transitivePeerDependencies:
@@ -12725,14 +12714,14 @@ snapshots:
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.1.11(esbuild@0.27.3)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))':
+  '@storybook/csf-plugin@10.2.4(esbuild@0.27.3)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))':
     dependencies:
       storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.27.3
-      rollup: 4.54.0
-      vite: 5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)
+      rollup: 4.57.1
+      vite: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
 
   '@storybook/global@5.0.0': {}
 
@@ -12741,10 +12730,10 @@ snapshots:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
-  '@storybook/vue3-vite@10.1.11(esbuild@0.27.3)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3))':
+  '@storybook/vue3-vite@10.2.4(esbuild@0.27.3)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@storybook/builder-vite': 10.1.11(esbuild@0.27.3)(rollup@4.54.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@5.4.21(@types/node@20.19.27)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1))
-      '@storybook/vue3': 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vue@3.5.26(typescript@5.9.3))
+      '@storybook/builder-vite': 10.2.4(esbuild@0.27.3)(rollup@4.57.1)(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0))
+      '@storybook/vue3': 10.2.4(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.27(typescript@5.9.3))
       magic-string: 0.30.21
       storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       typescript: 5.9.3
@@ -12767,6 +12756,18 @@ snapshots:
 
   '@stripe/stripe-js@7.9.0': {}
 
+  '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      estraverse: 5.3.0
+      picomatch: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
@@ -12778,6 +12779,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    optional: true
 
   '@svgdotjs/svg.draggable.js@3.0.6(@svgdotjs/svg.js@3.2.5)':
     dependencies:
@@ -13171,7 +13173,23 @@ snapshots:
     dependencies:
       '@types/node': 20.19.31
 
-  '@typescript-eslint/eslint-plugin@8.51.0(@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/type-utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
+      eslint: 9.39.2(jiti@1.21.7)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
       '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
@@ -13187,7 +13205,19 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.54.0
       '@typescript-eslint/types': 8.54.0
@@ -13217,7 +13247,19 @@ snapshots:
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/types': 8.54.0
       '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
@@ -13381,11 +13423,11 @@ snapshots:
       vite: 5.4.21(@types/node@20.19.31)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)
       vue: 3.5.27(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@6.0.3(vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2))(vue@3.5.26(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.4(vite@6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
-      '@rolldown/pluginutils': 1.0.0-beta.53
-      vite: 6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2)
-      vue: 3.5.26(typescript@5.9.3)
+      '@rolldown/pluginutils': 1.0.0-rc.2
+      vite: 6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vue: 3.5.27(typescript@5.9.3)
 
   '@vitejs/plugin-vue@6.0.4(vite@7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
@@ -14910,10 +14952,10 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-flat-gitignore@0.3.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-config-flat-gitignore@0.3.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@2.6.1))
-      eslint: 9.39.2(jiti@2.6.1)
+      '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
       find-up-simple: 1.0.1
 
   eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)):
@@ -14931,12 +14973,12 @@ snapshots:
     optionalDependencies:
       unrs-resolver: 1.11.1
 
-  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@typescript-eslint/types': 8.54.0
       comment-parser: 1.4.5
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
       is-glob: 4.0.3
       minimatch: 10.1.2
@@ -14944,18 +14986,18 @@ snapshots:
       stable-hash-x: 0.2.0
       unrs-resolver: 1.11.1
     optionalDependencies:
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-jsdoc@50.8.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-jsdoc@50.8.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@es-joy/jsdoccomment': 0.50.2
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
       debug: 4.4.3
       escape-string-regexp: 4.0.0
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       espree: 10.4.0
       esquery: 1.7.0
       parse-imports-exports: 0.2.4
@@ -14973,12 +15015,12 @@ snapshots:
     optionalDependencies:
       eslint-config-prettier: 10.1.8(eslint@9.39.2(jiti@2.6.1))
 
-  eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
       '@eslint-community/regexpp': 4.12.2
-      comment-parser: 1.4.1
-      eslint: 9.39.2(jiti@2.6.1)
+      comment-parser: 1.4.5
+      eslint: 9.39.2(jiti@1.21.7)
       jsdoc-type-pratt-parser: 4.8.0
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
@@ -14988,29 +15030,29 @@ snapshots:
     dependencies:
       eslint: 9.39.2(jiti@2.6.1)
 
-  eslint-plugin-storybook@10.1.11(eslint@9.39.2(jiti@1.21.7))(storybook@10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@5.9.3):
+  eslint-plugin-storybook@10.2.4(eslint@9.39.2(jiti@2.6.1))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/utils': 8.51.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@1.21.7)
-      storybook: 10.1.11(@testing-library/dom@10.4.1)(prettier@3.7.4)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-turbo@2.7.2(eslint@9.39.2(jiti@2.6.1))(turbo@2.7.2):
+  eslint-plugin-turbo@2.8.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.8.2):
     dependencies:
       dotenv: 16.0.3
-      eslint: 9.39.2(jiti@2.6.1)
-      turbo: 2.7.2
+      eslint: 9.39.2(jiti@1.21.7)
+      turbo: 2.8.2
 
-  eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      ci-info: 4.3.1
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+      ci-info: 4.4.0
       clean-regexp: 1.0.0
-      core-js-compat: 3.47.0
-      eslint: 9.39.2(jiti@2.6.1)
+      core-js-compat: 3.48.0
+      eslint: 9.39.2(jiti@1.21.7)
       esquery: 1.7.0
       globals: 15.15.0
       indent-string: 4.0.0
@@ -15037,16 +15079,16 @@ snapshots:
       '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
 
-  eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      eslint: 9.39.2(jiti@2.6.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.1.2
       semver: 7.7.3
-      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@2.6.1))
+      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@1.21.7))
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -16808,7 +16850,7 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  minimatch@10.1.1:
+  minimatch@10.1.2:
     dependencies:
       '@isaacs/brace-expansion': 5.0.1
 
@@ -18970,8 +19012,6 @@ snapshots:
 
   undici-types@6.21.0: {}
 
-  undici@7.14.0: {}
-
   undici@7.18.2: {}
 
   unenv@2.0.0-rc.24:
@@ -19306,7 +19346,24 @@ snapshots:
       sass: 1.97.3
       terser: 5.46.0
 
-  vite@6.4.1(@types/node@20.19.27)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(yaml@2.8.2):
+  vite@6.4.1(@types/node@20.19.31)(jiti@1.21.7)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
+    dependencies:
+      esbuild: 0.25.12
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.57.1
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 20.19.31
+      fsevents: 2.3.3
+      jiti: 1.21.7
+      lightningcss: 1.30.2
+      sass: 1.97.3
+      terser: 5.46.0
+      yaml: 2.8.2
+
+  vite@6.4.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
     dependencies:
       esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.3)
@@ -19498,10 +19555,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-eslint-parser@9.4.3(eslint@9.39.2(jiti@2.6.1)):
+  vue-eslint-parser@9.4.3(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
@@ -19647,7 +19704,7 @@ snapshots:
       '@cloudflare/workerd-linux-arm64': 1.20260212.0
       '@cloudflare/workerd-windows-64': 1.20260212.0
 
-  wrangler@4.58.0:
+  wrangler@4.62.0:
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.2
       '@cloudflare/unenv-preset': 2.12.0(unenv@2.0.0-rc.24)(workerd@1.20260131.0)
@@ -19656,7 +19713,7 @@ snapshots:
       miniflare: 4.20260131.0
       path-to-regexp: 6.3.0
       unenv: 2.0.0-rc.24
-      workerd: 1.20260107.1
+      workerd: 1.20260131.0
     optionalDependencies:
       fsevents: 2.3.3
     transitivePeerDependencies:

From c626da819f4b63d2cc3b01d43b608c96337bd8dd Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 16 Feb 2026 18:19:09 -0700
Subject: [PATCH 134/178] start server compatibility modal and card

---
 .../ChangeCompatibilityModal.vue              |   0
 .../ui/project-settings/CompatibilityCard.vue |  33 +++++
 .../ServerCompatibilityModal.vue              |  44 ++++++
 .../server-compatibility-modal.ts             | 134 ++++++++++++++++++
 .../stages/SelectPublishedModpack.vue         |  12 ++
 .../stages/SelectVanillaVersions.vue          |  12 ++
 .../stages/UploadCustomModpack.vue            |  12 ++
 7 files changed, 247 insertions(+)
 create mode 100644 apps/frontend/src/components/ui/project-settings/ChangeCompatibilityModal.vue
 create mode 100644 apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
 create mode 100644 apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
 create mode 100644 apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
 create mode 100644 apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
 create mode 100644 apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
 create mode 100644 apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue

diff --git a/apps/frontend/src/components/ui/project-settings/ChangeCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ChangeCompatibilityModal.vue
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
new file mode 100644
index 0000000000..f64b608004
--- /dev/null
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -0,0 +1,33 @@
+<template>
+	<ServerCompatibilityModal ref="serverCompatibilityModal" />
+	<div class="flex items-center justify-between gap-4 rounded-2xl bg-bg-raised p-6">
+		<div class="flex flex-col gap-1">
+			<h3 class="text-lg font-bold text-contrast">Server compatibility</h3>
+			<p class="text-sm text-secondary">
+				Select whether your server is vanilla or modded and which versions it supports. The Modrinth
+				App uses this when a player joins.
+			</p>
+		</div>
+		<ButtonStyled>
+			<button @click="handleSetCompatibility">
+				<PlayIcon />
+				Set compatibility
+			</button>
+		</ButtonStyled>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { PlayIcon } from '@modrinth/assets'
+import { ButtonStyled } from '@modrinth/ui'
+
+import ServerCompatibilityModal from './ServerCompatibilityModal/ServerCompatibilityModal.vue'
+
+const serverCompatibilityModal = useTemplateRef<InstanceType<typeof ServerCompatibilityModal>>(
+	'serverCompatibilityModal',
+)
+
+function handleSetCompatibility() {
+	serverCompatibilityModal.value?.show()
+}
+</script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
new file mode 100644
index 0000000000..0589fa6b0b
--- /dev/null
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -0,0 +1,44 @@
+<template>
+	<MultiStageModal
+		ref="modal"
+		:stages="ctx.stageConfigs"
+		:context="ctx"
+		:breadcrumbs="true"
+		@hide="() => (modalOpen = false)"
+	/>
+</template>
+
+<script setup lang="ts">
+import { MultiStageModal } from '@modrinth/ui'
+import type { ComponentExposed } from 'vue-component-type-helpers'
+
+import {
+	createServerCompatibilityContext,
+	provideServerCompatibilityContext,
+} from './server-compatibility-modal'
+
+const emit = defineEmits<{
+	(e: 'save'): void
+}>()
+
+const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
+const modalOpen = ref(false)
+
+const ctx = createServerCompatibilityContext(modal, () => emit('save'))
+provideServerCompatibilityContext(ctx)
+
+function show(stageId?: string | null) {
+	modal.value?.setStage(stageId ?? 0)
+	modal.value?.show()
+	modalOpen.value = true
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+defineExpose({
+	show,
+	hide,
+})
+</script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
new file mode 100644
index 0000000000..43811c48ee
--- /dev/null
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
@@ -0,0 +1,134 @@
+import { LeftArrowIcon, RightArrowIcon, SaveIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
+import { createContext, type MultiStageModal, type StageConfigInput } from '@modrinth/ui'
+import type { Ref, ShallowRef } from 'vue'
+import { markRaw } from 'vue'
+import type { ComponentExposed } from 'vue-component-type-helpers'
+
+import SelectPublishedModpack from './stages/SelectPublishedModpack.vue'
+import SelectVanillaVersions from './stages/SelectVanillaVersions.vue'
+import UploadCustomModpack from './stages/UploadCustomModpack.vue'
+
+// ──────────────────────────────────────────────
+// Context value
+// ──────────────────────────────────────────────
+
+export interface ServerCompatibilityContextValue {
+	// Stage management
+	stageConfigs: StageConfigInput<ServerCompatibilityContextValue>[]
+	modal: ShallowRef<ComponentExposed<typeof MultiStageModal> | null>
+	isSubmitting: Ref<boolean>
+
+	// State – extend as needed
+	selectedModpackId: Ref<string | null>
+	selectedVanillaVersions: Ref<string[]>
+	customModpackFile: Ref<File | null>
+
+	// Actions
+	handleSave: () => Promise<void>
+}
+
+// ──────────────────────────────────────────────
+// Stage configs
+// ──────────────────────────────────────────────
+
+const selectPublishedModpackStage: StageConfigInput<ServerCompatibilityContextValue> = {
+	id: 'select-published-modpack',
+	stageContent: markRaw(SelectPublishedModpack),
+	title: 'Select modpack',
+	leftButtonConfig: (ctx) => ({
+		label: 'Cancel',
+		icon: XIcon,
+		onClick: () => ctx.modal.value?.hide(),
+	}),
+	rightButtonConfig: (ctx) => ({
+		label: 'Next',
+		icon: RightArrowIcon,
+		iconPosition: 'after',
+		onClick: () => ctx.modal.value?.nextStage(),
+	}),
+}
+
+const selectVanillaVersionsStage: StageConfigInput<ServerCompatibilityContextValue> = {
+	id: 'select-vanilla-versions',
+	stageContent: markRaw(SelectVanillaVersions),
+	title: 'Vanilla versions',
+	leftButtonConfig: (ctx) => ({
+		label: 'Back',
+		icon: LeftArrowIcon,
+		onClick: () => ctx.modal.value?.prevStage(),
+	}),
+	rightButtonConfig: (ctx) => ({
+		label: 'Next',
+		icon: RightArrowIcon,
+		iconPosition: 'after',
+		onClick: () => ctx.modal.value?.nextStage(),
+	}),
+}
+
+const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue> = {
+	id: 'upload-custom-modpack',
+	stageContent: markRaw(UploadCustomModpack),
+	title: 'Custom modpack',
+	leftButtonConfig: (ctx) => ({
+		label: 'Back',
+		icon: LeftArrowIcon,
+		onClick: () => ctx.modal.value?.prevStage(),
+	}),
+	rightButtonConfig: (ctx) => ({
+		label: ctx.isSubmitting.value ? 'Saving…' : 'Save',
+		icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
+		iconPosition: 'before',
+		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
+		color: 'green',
+		disabled: ctx.isSubmitting.value,
+		onClick: () => ctx.handleSave(),
+	}),
+}
+
+const stageConfigs: StageConfigInput<ServerCompatibilityContextValue>[] = [
+	selectPublishedModpackStage,
+	selectVanillaVersionsStage,
+	uploadCustomModpackStage,
+]
+
+// ──────────────────────────────────────────────
+// Provide / inject
+// ──────────────────────────────────────────────
+
+export const [injectServerCompatibilityContext, provideServerCompatibilityContext] =
+	createContext<ServerCompatibilityContextValue>('ServerCompatibilityModal')
+
+// ──────────────────────────────────────────────
+// Factory
+// ──────────────────────────────────────────────
+
+export function createServerCompatibilityContext(
+	modal: ShallowRef<ComponentExposed<typeof MultiStageModal> | null>,
+	onSave?: () => void,
+): ServerCompatibilityContextValue {
+	const isSubmitting = ref(false)
+	const selectedModpackId = ref<string | null>(null)
+	const selectedVanillaVersions = ref<string[]>([])
+	const customModpackFile = ref<File | null>(null)
+
+	async function handleSave() {
+		isSubmitting.value = true
+		try {
+			// TODO: implement save logic
+			onSave?.()
+			modal.value?.hide()
+		} finally {
+			isSubmitting.value = false
+		}
+	}
+
+	return {
+		stageConfigs,
+		modal,
+		isSubmitting,
+		selectedModpackId,
+		selectedVanillaVersions,
+		customModpackFile,
+		handleSave,
+	}
+}
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
new file mode 100644
index 0000000000..8a0f72f9b9
--- /dev/null
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -0,0 +1,12 @@
+<template>
+	<div class="flex w-full flex-col gap-4">
+		<!-- TODO: implement published modpack selection UI -->
+		<p class="text-secondary">Select a published modpack for server compatibility.</p>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { injectServerCompatibilityContext } from '../server-compatibility-modal'
+
+const ctx = injectServerCompatibilityContext()
+</script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
new file mode 100644
index 0000000000..ce57906106
--- /dev/null
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
@@ -0,0 +1,12 @@
+<template>
+	<div class="flex w-full flex-col gap-4">
+		<!-- TODO: implement vanilla version selection UI -->
+		<p class="text-secondary">Select compatible vanilla Minecraft versions.</p>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { injectServerCompatibilityContext } from '../server-compatibility-modal'
+
+const ctx = injectServerCompatibilityContext()
+</script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
new file mode 100644
index 0000000000..3ed8666b0f
--- /dev/null
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
@@ -0,0 +1,12 @@
+<template>
+	<div class="flex w-full flex-col gap-4">
+		<!-- TODO: implement custom modpack upload UI -->
+		<p class="text-secondary">Upload a custom modpack file for server compatibility.</p>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { injectServerCompatibilityContext } from '../server-compatibility-modal'
+
+const ctx = injectServerCompatibilityContext()
+</script>

From e1971365e69f43300fd72616951483625aa6228b Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 16 Feb 2026 18:33:04 -0700
Subject: [PATCH 135/178] fix compatibility card styles

---
 .../ui/project-settings/CompatibilityCard.vue | 10 ++---
 .../src/pages/[type]/[id]/settings/index.vue  | 44 ++-----------------
 2 files changed, 8 insertions(+), 46 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index f64b608004..2b1f80abd8 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -1,12 +1,11 @@
 <template>
-	<ServerCompatibilityModal ref="serverCompatibilityModal" />
-	<div class="flex items-center justify-between gap-4 rounded-2xl bg-bg-raised p-6">
+	<div class="flex items-start justify-between gap-4">
 		<div class="flex flex-col gap-1">
-			<h3 class="text-lg font-bold text-contrast">Server compatibility</h3>
-			<p class="text-sm text-secondary">
+			<div class="text-xl font-semibold text-contrast">Server compatibility</div>
+			<div class="text-sm text-secondary">
 				Select whether your server is vanilla or modded and which versions it supports. The Modrinth
 				App uses this when a player joins.
-			</p>
+			</div>
 		</div>
 		<ButtonStyled>
 			<button @click="handleSetCompatibility">
@@ -14,6 +13,7 @@
 				Set compatibility
 			</button>
 		</ButtonStyled>
+		<ServerCompatibilityModal ref="serverCompatibilityModal" />
 	</div>
 </template>
 
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index bfdd4d0ab1..6dbf32e369 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -10,7 +10,7 @@
 			@proceed="deleteProject"
 		/>
 		<section class="universal-card">
-			<div class="flex max-w-[580px] flex-col gap-6">
+			<div class="flex max-w-[600px] flex-col gap-6">
 				<div class="label">
 					<h3>
 						<span class="label__title size-card-header">Project information</span>
@@ -242,45 +242,7 @@
 						</div>
 					</div>
 
-					<div v-if="!usingMrpack">
-						<label for="server-version">
-							<span class="label__title">Supported MC versions</span>
-							<McVersionPicker
-								v-model="supportedGameVersions"
-								no-header
-								:game-versions="gameVersions"
-								:disabled="!hasPermission"
-							/>
-						</label>
-					</div>
-					<div>
-						<label for="server-version">
-							<span class="label__title"> Recommended MC version </span>
-							<div
-								v-tooltip="
-									usingMrpack ? 'The game version is defined by the .mrpack metadata' : null
-								"
-							>
-								<Combobox
-									id="server-version"
-									v-model="recommendedGameVersion"
-									:options="
-										gameVersions
-											.filter((v) => v.version_type === 'release')
-											.filter((v) => supportedGameVersions.includes(v.version))
-											.map((v) => ({ label: v.version, value: v.version }))
-									"
-									searchable
-									:display-name="(val) => val"
-									placeholder="Select version"
-									:disabled="!hasPermission || usingMrpack"
-								/>
-							</div>
-							<div class="mt-2 text-secondary">
-								Players joining the server from the Modrinth App will connect using this version.
-							</div>
-						</label>
-					</div>
+					<CompatibilityCard />
 				</template>
 
 				<template
@@ -447,8 +409,8 @@ import {
 } from '@modrinth/ui'
 import { fileIsValid, formatProjectStatus, formatProjectType } from '@modrinth/utils'
 
-import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 import FileInput from '~/components/ui/FileInput.vue'
+import CompatibilityCard from '~/components/ui/project-settings/CompatibilityCard.vue'
 import { useFeatureFlags } from '~/composables/featureFlags.ts'
 
 const { addNotification } = injectNotificationManager()

From 9ffcbd9b5b6f820f3306b116fdf7c4a7bcdfe331 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 16 Feb 2026 20:04:16 -0700
Subject: [PATCH 136/178] implement select compatibility type stage

---
 .../ChangeCompatibilityModal.vue              |   0
 .../ui/project-settings/CompatibilityCard.vue |  26 ++--
 .../ServerCompatibilityModal.vue              |   1 -
 .../server-compatibility-modal.ts             | 127 ++++++++++--------
 .../stages/SelectCompatibilityType.vue        |  66 +++++++++
 .../stages/SelectVanillaVersions.vue          |  48 ++++++-
 .../src/pages/[type]/[id]/settings/index.vue  |   2 -
 7 files changed, 193 insertions(+), 77 deletions(-)
 delete mode 100644 apps/frontend/src/components/ui/project-settings/ChangeCompatibilityModal.vue
 create mode 100644 apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue

diff --git a/apps/frontend/src/components/ui/project-settings/ChangeCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ChangeCompatibilityModal.vue
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 2b1f80abd8..a615388f98 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -1,18 +1,20 @@
 <template>
-	<div class="flex items-start justify-between gap-4">
-		<div class="flex flex-col gap-1">
-			<div class="text-xl font-semibold text-contrast">Server compatibility</div>
-			<div class="text-sm text-secondary">
-				Select whether your server is vanilla or modded and which versions it supports. The Modrinth
-				App uses this when a player joins.
+	<div>
+		<div class="flex items-start justify-between gap-4">
+			<div class="flex flex-col gap-1">
+				<div class="text-xl font-semibold text-contrast">Server compatibility</div>
+				<div class="text-sm text-secondary">
+					Select whether your server is vanilla or modded and which versions it supports. The
+					Modrinth App uses this when a player joins.
+				</div>
 			</div>
+			<ButtonStyled>
+				<button @click="handleSetCompatibility">
+					<PlayIcon />
+					Set compatibility
+				</button>
+			</ButtonStyled>
 		</div>
-		<ButtonStyled>
-			<button @click="handleSetCompatibility">
-				<PlayIcon />
-				Set compatibility
-			</button>
-		</ButtonStyled>
 		<ServerCompatibilityModal ref="serverCompatibilityModal" />
 	</div>
 </template>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 0589fa6b0b..397e118346 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -3,7 +3,6 @@
 		ref="modal"
 		:stages="ctx.stageConfigs"
 		:context="ctx"
-		:breadcrumbs="true"
 		@hide="() => (modalOpen = false)"
 	/>
 </template>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
index 43811c48ee..ce636d7697 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
@@ -1,16 +1,15 @@
-import { LeftArrowIcon, RightArrowIcon, SaveIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
+import { LeftArrowIcon, RightArrowIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
 import { createContext, type MultiStageModal, type StageConfigInput } from '@modrinth/ui'
 import type { Ref, ShallowRef } from 'vue'
 import { markRaw } from 'vue'
 import type { ComponentExposed } from 'vue-component-type-helpers'
 
+import SelectCompatibilityType from './stages/SelectCompatibilityType.vue'
 import SelectPublishedModpack from './stages/SelectPublishedModpack.vue'
 import SelectVanillaVersions from './stages/SelectVanillaVersions.vue'
 import UploadCustomModpack from './stages/UploadCustomModpack.vue'
 
-// ──────────────────────────────────────────────
-// Context value
-// ──────────────────────────────────────────────
+export type CompatibilityType = 'vanilla' | 'published-modpack' | 'custom-modpack'
 
 export interface ServerCompatibilityContextValue {
 	// Stage management
@@ -18,27 +17,73 @@ export interface ServerCompatibilityContextValue {
 	modal: ShallowRef<ComponentExposed<typeof MultiStageModal> | null>
 	isSubmitting: Ref<boolean>
 
-	// State – extend as needed
+	// State
+	compatibilityType: Ref<CompatibilityType | null>
 	selectedModpackId: Ref<string | null>
-	selectedVanillaVersions: Ref<string[]>
+	supportedGameVersions: Ref<string[]>
+	recommendedGameVersion: Ref<string | null>
 	customModpackFile: Ref<File | null>
 
 	// Actions
 	handleSave: () => Promise<void>
 }
 
-// ──────────────────────────────────────────────
-// Stage configs
-// ──────────────────────────────────────────────
+export const [injectServerCompatibilityContext, provideServerCompatibilityContext] =
+	createContext<ServerCompatibilityContextValue>('ServerCompatibilityModal')
+
+export function createServerCompatibilityContext(
+	modal: ShallowRef<ComponentExposed<typeof MultiStageModal> | null>,
+	onSave?: () => void,
+): ServerCompatibilityContextValue {
+	const isSubmitting = ref(false)
+	const compatibilityType = ref<CompatibilityType | null>(null)
+	const selectedModpackId = ref<string | null>(null)
+	const supportedGameVersions = ref<string[]>([])
+	const recommendedGameVersion = ref<string | null>(null)
+	const customModpackFile = ref<File | null>(null)
+
+	async function handleSave() {
+		isSubmitting.value = true
+		try {
+			// TODO: implement save logic
+			onSave?.()
+			modal.value?.hide()
+		} finally {
+			isSubmitting.value = false
+		}
+	}
+
+	return {
+		stageConfigs,
+		modal,
+		isSubmitting,
+		compatibilityType,
+		selectedModpackId,
+		supportedGameVersions,
+		recommendedGameVersion,
+		customModpackFile,
+		handleSave,
+	}
+}
+
+const selectCompatibilityTypeStage: StageConfigInput<ServerCompatibilityContextValue> = {
+	id: 'select-compatibility-type',
+	stageContent: markRaw(SelectCompatibilityType),
+	title: 'Compatibility type',
+	cannotNavigateForward: (ctx) => !ctx.compatibilityType.value,
+	leftButtonConfig: null,
+	rightButtonConfig: null,
+}
 
 const selectPublishedModpackStage: StageConfigInput<ServerCompatibilityContextValue> = {
 	id: 'select-published-modpack',
 	stageContent: markRaw(SelectPublishedModpack),
 	title: 'Select modpack',
+	skip: (ctx) => ctx.compatibilityType.value !== 'published-modpack',
 	leftButtonConfig: (ctx) => ({
-		label: 'Cancel',
-		icon: XIcon,
-		onClick: () => ctx.modal.value?.hide(),
+		label: 'Back',
+		icon: LeftArrowIcon,
+		onClick: () => ctx.modal.value?.prevStage(),
 	}),
 	rightButtonConfig: (ctx) => ({
 		label: 'Next',
@@ -52,16 +97,20 @@ const selectVanillaVersionsStage: StageConfigInput<ServerCompatibilityContextVal
 	id: 'select-vanilla-versions',
 	stageContent: markRaw(SelectVanillaVersions),
 	title: 'Vanilla versions',
+	skip: (ctx) => ctx.compatibilityType.value !== 'vanilla' && !!ctx.compatibilityType.value,
 	leftButtonConfig: (ctx) => ({
 		label: 'Back',
 		icon: LeftArrowIcon,
 		onClick: () => ctx.modal.value?.prevStage(),
 	}),
 	rightButtonConfig: (ctx) => ({
-		label: 'Next',
-		icon: RightArrowIcon,
-		iconPosition: 'after',
-		onClick: () => ctx.modal.value?.nextStage(),
+		label: ctx.isSubmitting.value ? 'Saving…' : 'Save',
+		icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
+		iconPosition: 'before',
+		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
+		color: 'green',
+		disabled: ctx.isSubmitting.value,
+		onClick: () => ctx.handleSave(),
 	}),
 }
 
@@ -69,6 +118,7 @@ const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue
 	id: 'upload-custom-modpack',
 	stageContent: markRaw(UploadCustomModpack),
 	title: 'Custom modpack',
+	skip: (ctx) => ctx.compatibilityType.value !== 'custom-modpack',
 	leftButtonConfig: (ctx) => ({
 		label: 'Back',
 		icon: LeftArrowIcon,
@@ -86,49 +136,8 @@ const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue
 }
 
 const stageConfigs: StageConfigInput<ServerCompatibilityContextValue>[] = [
-	selectPublishedModpackStage,
+	selectCompatibilityTypeStage,
 	selectVanillaVersionsStage,
+	selectPublishedModpackStage,
 	uploadCustomModpackStage,
 ]
-
-// ──────────────────────────────────────────────
-// Provide / inject
-// ──────────────────────────────────────────────
-
-export const [injectServerCompatibilityContext, provideServerCompatibilityContext] =
-	createContext<ServerCompatibilityContextValue>('ServerCompatibilityModal')
-
-// ──────────────────────────────────────────────
-// Factory
-// ──────────────────────────────────────────────
-
-export function createServerCompatibilityContext(
-	modal: ShallowRef<ComponentExposed<typeof MultiStageModal> | null>,
-	onSave?: () => void,
-): ServerCompatibilityContextValue {
-	const isSubmitting = ref(false)
-	const selectedModpackId = ref<string | null>(null)
-	const selectedVanillaVersions = ref<string[]>([])
-	const customModpackFile = ref<File | null>(null)
-
-	async function handleSave() {
-		isSubmitting.value = true
-		try {
-			// TODO: implement save logic
-			onSave?.()
-			modal.value?.hide()
-		} finally {
-			isSubmitting.value = false
-		}
-	}
-
-	return {
-		stageConfigs,
-		modal,
-		isSubmitting,
-		selectedModpackId,
-		selectedVanillaVersions,
-		customModpackFile,
-		handleSave,
-	}
-}
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
new file mode 100644
index 0000000000..b6c0da0feb
--- /dev/null
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
@@ -0,0 +1,66 @@
+<template>
+	<div class="flex flex-col gap-4">
+		<div class="font-semibold text-contrast">Select compatibility type</div>
+		<div class="flex w-full flex-col gap-2">
+			<button
+				v-for="option in options"
+				:key="option.value"
+				class="flex !w-full items-center gap-4 rounded-3xl bg-surface-4 p-3 text-left transition-all hover:brightness-125"
+				:class="{
+					'ring-2 ring-brand': ctx.compatibilityType.value === option.value,
+				}"
+				@click="selectType(option.value)"
+			>
+				<div
+					class="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl border border-solid border-surface-5"
+				>
+					<component :is="option.icon" class="h-9 w-9 text-secondary" />
+				</div>
+				<div class="flex flex-col gap-0.5">
+					<span class="font-bold text-contrast">{{ option.label }}</span>
+					<span class="text-sm text-secondary">{{ option.description }}</span>
+				</div>
+			</button>
+		</div>
+		<div class="text-sm text-secondary">
+			Servers with custom modpacks should not be uploaded as separate modpack projects.
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { BoxIcon, PackageIcon, PackageOpenIcon } from '@modrinth/assets'
+
+import {
+	injectServerCompatibilityContext,
+	type CompatibilityType,
+} from '../server-compatibility-modal'
+
+const ctx = injectServerCompatibilityContext()
+
+const options = [
+	{
+		value: 'vanilla' as CompatibilityType,
+		label: 'Vanilla server',
+		description: 'A vanilla server with no mods.',
+		icon: BoxIcon,
+	},
+	{
+		value: 'published-modpack' as CompatibilityType,
+		label: 'Published modpack',
+		description: 'A modded server using a published modpack.',
+		icon: PackageIcon,
+	},
+	{
+		value: 'custom-modpack' as CompatibilityType,
+		label: 'Custom modpack',
+		description: 'A modded server using a custom modpack.',
+		icon: PackageOpenIcon,
+	},
+]
+
+function selectType(type: CompatibilityType) {
+	ctx.compatibilityType.value = type
+	ctx.modal.value?.nextStage()
+}
+</script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
index ce57906106..8b5367d6a1 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
@@ -1,12 +1,54 @@
 <template>
 	<div class="flex w-full flex-col gap-4">
-		<!-- TODO: implement vanilla version selection UI -->
-		<p class="text-secondary">Select compatible vanilla Minecraft versions.</p>
+		<label>
+			<span class="label__title">Supported MC versions</span>
+			<McVersionPicker v-model="supportedGameVersions" no-header :game-versions="gameVersions" />
+		</label>
+		<div>
+			<label>
+				<span class="label__title">Recommended MC version</span>
+				<Combobox
+					v-model="recommendedGameVersion"
+					:options="recommendedOptions"
+					searchable
+					:display-name="(val: string) => val"
+					placeholder="Select version"
+				/>
+				<div class="mt-2 text-secondary">
+					Players joining the server from the Modrinth App will connect using this version.
+				</div>
+			</label>
+		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
+import { Combobox } from '@modrinth/ui'
+import { computed, watch } from 'vue'
+
+import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
+import { useGeneratedState } from '~/composables/generated'
+
 import { injectServerCompatibilityContext } from '../server-compatibility-modal'
 
-const ctx = injectServerCompatibilityContext()
+const { supportedGameVersions, recommendedGameVersion } = injectServerCompatibilityContext()
+
+const generatedState = useGeneratedState()
+const gameVersions = generatedState.value.gameVersions
+
+const recommendedOptions = computed(() =>
+	gameVersions
+		.filter((v) => v.version_type === 'release')
+		.filter((v) => supportedGameVersions.value.includes(v.version))
+		.map((v) => ({ label: v.version, value: v.version })),
+)
+
+watch(
+	() => supportedGameVersions.value,
+	(supported) => {
+		if (recommendedGameVersion.value && !supported.includes(recommendedGameVersion.value)) {
+			recommendedGameVersion.value = null
+		}
+	},
+)
 </script>
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 6dbf32e369..0d48411164 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -576,8 +576,6 @@ const countryOptions = [
 	{ value: 'BD', label: 'Bangladesh' },
 ]
 
-const generatedState = useGeneratedState()
-const gameVersions = generatedState.value.gameVersions
 
 const hasPermission = computed(() => {
 	const EDIT_DETAILS = 1 << 2

From c41ba8c3c9e27838320fc3395d387cce65b20620 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 16 Feb 2026 21:11:32 -0700
Subject: [PATCH 137/178] implement select published modpack

---
 .../server-compatibility-modal.ts             | 59 +++++++------
 .../stages/SelectCompatibilityType.vue        |  3 -
 .../stages/SelectPublishedModpack.vue         | 82 ++++++++++++++++++-
 .../project/CreateServerVersionModal.vue      |  1 +
 4 files changed, 116 insertions(+), 29 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
index ce636d7697..01830a642c 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
@@ -1,4 +1,4 @@
-import { LeftArrowIcon, RightArrowIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
+import { LeftArrowIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
 import { createContext, type MultiStageModal, type StageConfigInput } from '@modrinth/ui'
 import type { Ref, ShallowRef } from 'vue'
 import { markRaw } from 'vue'
@@ -19,7 +19,8 @@ export interface ServerCompatibilityContextValue {
 
 	// State
 	compatibilityType: Ref<CompatibilityType | null>
-	selectedModpackId: Ref<string | null>
+	selectedProjectId: Ref<string>
+	selectedVersionId: Ref<string>
 	supportedGameVersions: Ref<string[]>
 	recommendedGameVersion: Ref<string | null>
 	customModpackFile: Ref<File | null>
@@ -37,7 +38,8 @@ export function createServerCompatibilityContext(
 ): ServerCompatibilityContextValue {
 	const isSubmitting = ref(false)
 	const compatibilityType = ref<CompatibilityType | null>(null)
-	const selectedModpackId = ref<string | null>(null)
+	const selectedProjectId = ref('')
+	const selectedVersionId = ref('')
 	const supportedGameVersions = ref<string[]>([])
 	const recommendedGameVersion = ref<string | null>(null)
 	const customModpackFile = ref<File | null>(null)
@@ -58,7 +60,8 @@ export function createServerCompatibilityContext(
 		modal,
 		isSubmitting,
 		compatibilityType,
-		selectedModpackId,
+		selectedProjectId,
+		selectedVersionId,
 		supportedGameVersions,
 		recommendedGameVersion,
 		customModpackFile,
@@ -75,24 +78,6 @@ const selectCompatibilityTypeStage: StageConfigInput<ServerCompatibilityContextV
 	rightButtonConfig: null,
 }
 
-const selectPublishedModpackStage: StageConfigInput<ServerCompatibilityContextValue> = {
-	id: 'select-published-modpack',
-	stageContent: markRaw(SelectPublishedModpack),
-	title: 'Select modpack',
-	skip: (ctx) => ctx.compatibilityType.value !== 'published-modpack',
-	leftButtonConfig: (ctx) => ({
-		label: 'Back',
-		icon: LeftArrowIcon,
-		onClick: () => ctx.modal.value?.prevStage(),
-	}),
-	rightButtonConfig: (ctx) => ({
-		label: 'Next',
-		icon: RightArrowIcon,
-		iconPosition: 'after',
-		onClick: () => ctx.modal.value?.nextStage(),
-	}),
-}
-
 const selectVanillaVersionsStage: StageConfigInput<ServerCompatibilityContextValue> = {
 	id: 'select-vanilla-versions',
 	stageContent: markRaw(SelectVanillaVersions),
@@ -109,11 +94,39 @@ const selectVanillaVersionsStage: StageConfigInput<ServerCompatibilityContextVal
 		iconPosition: 'before',
 		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
 		color: 'green',
-		disabled: ctx.isSubmitting.value,
+		disabled:
+			ctx.isSubmitting.value ||
+			ctx.supportedGameVersions.value.length === 0 ||
+			!ctx.recommendedGameVersion.value,
 		onClick: () => ctx.handleSave(),
 	}),
 }
 
+const selectPublishedModpackStage: StageConfigInput<ServerCompatibilityContextValue> = {
+	id: 'select-published-modpack',
+	stageContent: markRaw(SelectPublishedModpack),
+	title: 'Select modpack',
+	skip: (ctx) => ctx.compatibilityType.value !== 'published-modpack',
+	cannotNavigateForward: (ctx) => !ctx.selectedProjectId.value || !ctx.selectedVersionId.value,
+	leftButtonConfig: (ctx) => ({
+		label: 'Back',
+		icon: LeftArrowIcon,
+		onClick: () => ctx.modal.value?.prevStage(),
+	}),
+	rightButtonConfig: (ctx) => {
+		return {
+			label: ctx.isSubmitting.value ? 'Saving…' : 'Save',
+			icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
+			iconPosition: 'before' as const,
+			iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
+			color: 'green' as const,
+			disabled:
+				ctx.isSubmitting.value || !ctx.selectedProjectId.value || !ctx.selectedVersionId.value,
+			onClick: () => ctx.handleSave(),
+		}
+	},
+}
+
 const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue> = {
 	id: 'upload-custom-modpack',
 	stageContent: markRaw(UploadCustomModpack),
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
index b6c0da0feb..c046b7041e 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
@@ -6,9 +6,6 @@
 				v-for="option in options"
 				:key="option.value"
 				class="flex !w-full items-center gap-4 rounded-3xl bg-surface-4 p-3 text-left transition-all hover:brightness-125"
-				:class="{
-					'ring-2 ring-brand': ctx.compatibilityType.value === option.value,
-				}"
 				@click="selectType(option.value)"
 			>
 				<div
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index 8a0f72f9b9..b166dae5e9 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -1,12 +1,88 @@
 <template>
-	<div class="flex w-full flex-col gap-4">
-		<!-- TODO: implement published modpack selection UI -->
-		<p class="text-secondary">Select a published modpack for server compatibility.</p>
+	<div class="flex flex-col gap-6 rounded-2xl border border-solid border-surface-5 p-4">
+		<div class="flex flex-col gap-2">
+			<label class="font-semibold text-contrast">Project</label>
+			<ProjectCombobox
+				v-model="ctx.selectedProjectId.value"
+				:project-types="['modpack']"
+				placeholder="Select modpack"
+				search-placeholder="Search by name or paste ID..."
+				loading-message="Loading..."
+				no-results-message="No results found"
+			/>
+		</div>
+
+		<div v-if="ctx.selectedProjectId.value" class="flex flex-col gap-2">
+			<label class="font-semibold text-contrast">Version</label>
+			<Combobox
+				v-model="ctx.selectedVersionId.value"
+				placeholder="Select version"
+				:options="versionOptions"
+				:searchable="true"
+				search-placeholder="Search versions..."
+				:no-options-message="versionsLoading ? 'Loading...' : 'No results found'"
+			/>
+		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
+import {
+	Combobox,
+	injectModrinthClient,
+	injectNotificationManager,
+	ProjectCombobox,
+} from '@modrinth/ui'
+import { computed, ref, watch } from 'vue'
+
 import { injectServerCompatibilityContext } from '../server-compatibility-modal'
 
 const ctx = injectServerCompatibilityContext()
+const { labrinth } = injectModrinthClient()
+const { addNotification } = injectNotificationManager()
+
+interface VersionInfo {
+	id: string
+	version_number: string
+	name: string
+}
+
+const versionsLoading = ref(false)
+const projectVersions = ref<VersionInfo[]>([])
+
+const versionOptions = computed(() =>
+	projectVersions.value.map((v) => ({
+		label: v.version_number,
+		value: v.id,
+	})),
+)
+
+watch(
+	() => ctx.selectedProjectId.value,
+	async (newProjectId) => {
+		ctx.selectedVersionId.value = ''
+		projectVersions.value = []
+
+		if (!newProjectId) return
+
+		versionsLoading.value = true
+		try {
+			const versions = await labrinth.versions_v3.getProjectVersions(newProjectId)
+			projectVersions.value = versions.map((v) => ({
+				id: v.id,
+				version_number: v.version_number,
+				name: v.name,
+			}))
+		} catch (error: unknown) {
+			const err = error as { data?: { description?: string } }
+			addNotification({
+				title: 'Failed to load versions',
+				text: err.data?.description || String(error),
+				type: 'error',
+			})
+		} finally {
+			versionsLoading.value = false
+		}
+	},
+)
 </script>
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
index dfd8161d38..051cd12251 100644
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ b/packages/ui/src/components/project/CreateServerVersionModal.vue
@@ -1,3 +1,4 @@
+<!-- TODO: to be deleted -->
 <template>
 	<NewModal
 		ref="modal"

From de3ec34aef1f03443e645d1a195783380b6e74e1 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 16 Feb 2026 21:13:57 -0700
Subject: [PATCH 138/178] add tooltip

---
 .../stages/SelectVanillaVersions.vue                        | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
index 8b5367d6a1..608f6989e7 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
@@ -13,6 +13,12 @@
 					searchable
 					:display-name="(val: string) => val"
 					placeholder="Select version"
+					:disabled="!recommendedOptions.length"
+					v-tooltip="
+						!recommendedOptions.length
+							? 'Set supported versions before selecting the recommended version'
+							: undefined
+					"
 				/>
 				<div class="mt-2 text-secondary">
 					Players joining the server from the Modrinth App will connect using this version.

From d4eb66ee6c72ab0dfc1aa0e0fc0b89f2c928c540 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 16 Feb 2026 21:36:33 -0700
Subject: [PATCH 139/178] implement reset modal on hide

---
 .../ServerCompatibilityModal.vue              | 14 ++-
 .../server-compatibility-modal.ts             | 11 +++
 .../stages/SelectPublishedModpack.vue         | 86 +++++++++++++------
 3 files changed, 79 insertions(+), 32 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 397e118346..00a325f89a 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -1,10 +1,5 @@
 <template>
-	<MultiStageModal
-		ref="modal"
-		:stages="ctx.stageConfigs"
-		:context="ctx"
-		@hide="() => (modalOpen = false)"
-	/>
+	<MultiStageModal ref="modal" :stages="ctx.stageConfigs" :context="ctx" @hide="handleHide" />
 </template>
 
 <script setup lang="ts">
@@ -21,7 +16,6 @@ const emit = defineEmits<{
 }>()
 
 const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
-const modalOpen = ref(false)
 
 const ctx = createServerCompatibilityContext(modal, () => emit('save'))
 provideServerCompatibilityContext(ctx)
@@ -29,10 +23,14 @@ provideServerCompatibilityContext(ctx)
 function show(stageId?: string | null) {
 	modal.value?.setStage(stageId ?? 0)
 	modal.value?.show()
-	modalOpen.value = true
+}
+
+function handleHide() {
+	ctx.resetContext()
 }
 
 function hide() {
+	handleHide()
 	modal.value?.hide()
 }
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
index 01830a642c..9e4e475b37 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
@@ -26,6 +26,7 @@ export interface ServerCompatibilityContextValue {
 	customModpackFile: Ref<File | null>
 
 	// Actions
+	resetContext: () => void
 	handleSave: () => Promise<void>
 }
 
@@ -55,6 +56,15 @@ export function createServerCompatibilityContext(
 		}
 	}
 
+	function resetContext() {
+		compatibilityType.value = null
+		selectedProjectId.value = ''
+		selectedVersionId.value = ''
+		supportedGameVersions.value = []
+		recommendedGameVersion.value = null
+		customModpackFile.value = null
+	}
+
 	return {
 		stageConfigs,
 		modal,
@@ -65,6 +75,7 @@ export function createServerCompatibilityContext(
 		supportedGameVersions,
 		recommendedGameVersion,
 		customModpackFile,
+		resetContext,
 		handleSave,
 	}
 }
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index b166dae5e9..5061864913 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -1,43 +1,75 @@
 <template>
-	<div class="flex flex-col gap-6 rounded-2xl border border-solid border-surface-5 p-4">
-		<div class="flex flex-col gap-2">
-			<label class="font-semibold text-contrast">Project</label>
-			<ProjectCombobox
-				v-model="ctx.selectedProjectId.value"
-				:project-types="['modpack']"
-				placeholder="Select modpack"
-				search-placeholder="Search by name or paste ID..."
-				loading-message="Loading..."
-				no-results-message="No results found"
-			/>
+	<div class="5 flex flex-col gap-2">
+		<div class="font-semibold text-contrast">Select modpack</div>
+
+		<div class="flex flex-col gap-6 rounded-2xl border border-solid border-surface-5 p-4">
+			<div class="flex flex-col gap-2">
+				<label class="font-semibold text-contrast">Project</label>
+				<ProjectCombobox
+					v-model="selectedProjectId"
+					:project-types="['modpack']"
+					placeholder="Select modpack"
+					search-placeholder="Search by name or paste ID..."
+					loading-message="Loading..."
+					no-results-message="No results found"
+				/>
+			</div>
+
+			<div v-if="selectedProjectId" class="flex flex-col gap-2">
+				<label class="font-semibold text-contrast">Version</label>
+				<Combobox
+					v-model="selectedVersionId"
+					placeholder="Select version"
+					:options="versionOptions"
+					:searchable="true"
+					search-placeholder="Search versions..."
+					:no-options-message="versionsLoading ? 'Loading...' : 'No results found'"
+				/>
+			</div>
 		</div>
+		<div v-if="selectedVersion" class="flex flex-col gap-4 rounded-2xl bg-surface-2 p-4">
+			<div class="flex items-center justify-between">
+				<div class="text-secondary">Game version</div>
+				<div class="flex flex-wrap gap-1">
+					<TagItem v-for="gv in selectedVersion.game_versions" :key="gv">
+						{{ gv }}
+					</TagItem>
+				</div>
+			</div>
 
-		<div v-if="ctx.selectedProjectId.value" class="flex flex-col gap-2">
-			<label class="font-semibold text-contrast">Version</label>
-			<Combobox
-				v-model="ctx.selectedVersionId.value"
-				placeholder="Select version"
-				:options="versionOptions"
-				:searchable="true"
-				search-placeholder="Search versions..."
-				:no-options-message="versionsLoading ? 'Loading...' : 'No results found'"
-			/>
+			<div class="flex items-center justify-between">
+				<div class="text-secondary">Platform</div>
+				<div class="flex flex-wrap gap-1">
+					<TagItem
+						v-for="loader in selectedVersion.loaders"
+						:key="loader"
+						:style="`--_color: var(--color-platform-${loader})`"
+					>
+						<component :is="getLoaderIcon(loader)" v-if="getLoaderIcon(loader)" class="h-4 w-4" />
+						<FormattedTag :tag="loader" enforce-type="loader" />
+					</TagItem>
+				</div>
+			</div>
 		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
+import { getLoaderIcon } from '@modrinth/assets'
 import {
 	Combobox,
+	FormattedTag,
 	injectModrinthClient,
 	injectNotificationManager,
 	ProjectCombobox,
+	TagItem,
 } from '@modrinth/ui'
+import { useQuery } from '@tanstack/vue-query'
 import { computed, ref, watch } from 'vue'
 
 import { injectServerCompatibilityContext } from '../server-compatibility-modal'
 
-const ctx = injectServerCompatibilityContext()
+const { selectedProjectId, selectedVersionId } = injectServerCompatibilityContext()
 const { labrinth } = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
 
@@ -57,10 +89,16 @@ const versionOptions = computed(() =>
 	})),
 )
 
+const { data: selectedVersion } = useQuery({
+	queryKey: computed(() => ['versions', 'detail', selectedVersionId.value]),
+	queryFn: () => labrinth.versions_v3.getVersion(selectedVersionId.value),
+	enabled: computed(() => !!selectedVersionId.value),
+})
+
 watch(
-	() => ctx.selectedProjectId.value,
+	() => selectedProjectId.value,
 	async (newProjectId) => {
-		ctx.selectedVersionId.value = ''
+		selectedVersionId.value = ''
 		projectVersions.value = []
 
 		if (!newProjectId) return

From 7f7d30e65f64d0d7137e842e24480e50e01c9858 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 16 Feb 2026 22:28:27 -0700
Subject: [PATCH 140/178] implement save server compatibility

---
 .../ServerCompatibilityModal.vue              |  6 +--
 .../server-compatibility-modal.ts             | 49 +++++++++++++++++--
 .../stages/SelectPublishedModpack.vue         |  4 +-
 .../api-client/src/modules/labrinth/types.ts  |  2 +-
 packages/ui/src/providers/project-page.ts     |  1 +
 5 files changed, 50 insertions(+), 12 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 00a325f89a..6fbe350e4c 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -11,13 +11,9 @@ import {
 	provideServerCompatibilityContext,
 } from './server-compatibility-modal'
 
-const emit = defineEmits<{
-	(e: 'save'): void
-}>()
-
 const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
 
-const ctx = createServerCompatibilityContext(modal, () => emit('save'))
+const ctx = createServerCompatibilityContext(modal)
 provideServerCompatibilityContext(ctx)
 
 function show(stageId?: string | null) {
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
index 9e4e475b37..000221c238 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
@@ -1,5 +1,10 @@
 import { LeftArrowIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
-import { createContext, type MultiStageModal, type StageConfigInput } from '@modrinth/ui'
+import {
+	createContext,
+	injectProjectPageContext,
+	type MultiStageModal,
+	type StageConfigInput,
+} from '@modrinth/ui'
 import type { Ref, ShallowRef } from 'vue'
 import { markRaw } from 'vue'
 import type { ComponentExposed } from 'vue-component-type-helpers'
@@ -35,8 +40,9 @@ export const [injectServerCompatibilityContext, provideServerCompatibilityContex
 
 export function createServerCompatibilityContext(
 	modal: ShallowRef<ComponentExposed<typeof MultiStageModal> | null>,
-	onSave?: () => void,
 ): ServerCompatibilityContextValue {
+	const { patchProjectV3 } = injectProjectPageContext()
+
 	const isSubmitting = ref(false)
 	const compatibilityType = ref<CompatibilityType | null>(null)
 	const selectedProjectId = ref('')
@@ -48,8 +54,43 @@ export function createServerCompatibilityContext(
 	async function handleSave() {
 		isSubmitting.value = true
 		try {
-			// TODO: implement save logic
-			onSave?.()
+			let patchSuccess
+			switch (compatibilityType.value) {
+				case 'vanilla':
+					patchSuccess = await patchProjectV3({
+						minecraft_java_server: {
+							content: {
+								kind: 'vanilla',
+								supported_game_versions: supportedGameVersions.value,
+								recommended_game_version: recommendedGameVersion.value,
+							},
+						},
+					})
+
+					break
+				case 'published-modpack':
+					patchSuccess = await patchProjectV3({
+						minecraft_java_server: {
+							content: {
+								kind: 'modpack',
+								version_id: selectedVersionId.value,
+							},
+						},
+					})
+
+					break
+				case 'custom-modpack':
+					// TODO: implement custom modpack save
+					// upload modpack file
+					// if modpack upload fails, show error and don't patch project
+					// otherwise, patch project to still be kind: "modpack"
+					// and have version_id point to the newly uploaded modpack version
+					// if patch project fails, show error, delete the uploaded modpack version
+					break
+			}
+			if (!patchSuccess) {
+				throw new Error('Failed to patch project with new server compatibility settings')
+			}
 			modal.value?.hide()
 		} finally {
 			isSubmitting.value = false
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index 5061864913..528da09dc9 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -37,11 +37,11 @@
 				</div>
 			</div>
 
-			<div class="flex items-center justify-between">
+			<div class="flex items-center justify-between" v-if="selectedVersion.mrpack_loaders?.length">
 				<div class="text-secondary">Platform</div>
 				<div class="flex flex-wrap gap-1">
 					<TagItem
-						v-for="loader in selectedVersion.loaders"
+						v-for="loader in selectedVersion.mrpack_loaders"
 						:key="loader"
 						:style="`--_color: var(--color-platform-${loader})`"
 					>
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 5852349f7b..962f0000af 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -401,7 +401,7 @@ export namespace Labrinth {
 			export interface MinecraftJavaServer {
 				address?: string
 				port?: number
-				content: ModpackContent | VanillaContent
+				content?: ModpackContent | VanillaContent
 			}
 
 			export interface MinecraftBedrockServer {
diff --git a/packages/ui/src/providers/project-page.ts b/packages/ui/src/providers/project-page.ts
index 20adeb523b..a7695a5576 100644
--- a/packages/ui/src/providers/project-page.ts
+++ b/packages/ui/src/providers/project-page.ts
@@ -26,6 +26,7 @@ export interface ProjectPageContext {
 
 	// Mutation functions
 	patchProject: (data: Record<string, unknown>, quiet?: boolean) => Promise<boolean>
+	patchProjectV3: (data: Record<string, unknown>, quiet?: boolean) => Promise<boolean>
 	patchIcon: (icon: File) => Promise<boolean>
 	setProcessing: () => Promise<void>
 	createGalleryItem: (

From 90323da310d18e4f24f681a08ea3047ee595420c Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 09:54:46 -0700
Subject: [PATCH 141/178] rename to manage server compatibility modal

---
 .../ServerCompatibilityModal/ServerCompatibilityModal.vue       | 2 +-
 ...patibility-modal.ts => manage-server-compatibility-modal.ts} | 0
 .../ServerCompatibilityModal/stages/SelectCompatibilityType.vue | 2 +-
 .../ServerCompatibilityModal/stages/SelectPublishedModpack.vue  | 2 +-
 .../ServerCompatibilityModal/stages/SelectVanillaVersions.vue   | 2 +-
 .../ServerCompatibilityModal/stages/UploadCustomModpack.vue     | 2 +-
 6 files changed, 5 insertions(+), 5 deletions(-)
 rename apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/{server-compatibility-modal.ts => manage-server-compatibility-modal.ts} (100%)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 6fbe350e4c..bef44b980a 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -9,7 +9,7 @@ import type { ComponentExposed } from 'vue-component-type-helpers'
 import {
 	createServerCompatibilityContext,
 	provideServerCompatibilityContext,
-} from './server-compatibility-modal'
+} from './manage-server-compatibility-modal'
 
 const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
similarity index 100%
rename from apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/server-compatibility-modal.ts
rename to apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
index c046b7041e..0a49d710a6 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
@@ -31,7 +31,7 @@ import { BoxIcon, PackageIcon, PackageOpenIcon } from '@modrinth/assets'
 import {
 	injectServerCompatibilityContext,
 	type CompatibilityType,
-} from '../server-compatibility-modal'
+} from '../manage-server-compatibility-modal'
 
 const ctx = injectServerCompatibilityContext()
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index 528da09dc9..7f66b6479c 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -67,7 +67,7 @@ import {
 import { useQuery } from '@tanstack/vue-query'
 import { computed, ref, watch } from 'vue'
 
-import { injectServerCompatibilityContext } from '../server-compatibility-modal'
+import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const { selectedProjectId, selectedVersionId } = injectServerCompatibilityContext()
 const { labrinth } = injectModrinthClient()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
index 608f6989e7..7f1377c467 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
@@ -35,7 +35,7 @@ import { computed, watch } from 'vue'
 import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 import { useGeneratedState } from '~/composables/generated'
 
-import { injectServerCompatibilityContext } from '../server-compatibility-modal'
+import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const { supportedGameVersions, recommendedGameVersion } = injectServerCompatibilityContext()
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
index 3ed8666b0f..f2d13a1538 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script setup lang="ts">
-import { injectServerCompatibilityContext } from '../server-compatibility-modal'
+import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const ctx = injectServerCompatibilityContext()
 </script>

From fdefb66af0e13de139c01ecaadb83955914a491f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 11:03:33 -0700
Subject: [PATCH 142/178] add compatibility card selected content and move it
 into its own card in settings

---
 .../ui/project-settings/CompatibilityCard.vue | 160 ++++++++++++++++--
 .../src/pages/[type]/[id]/settings/index.vue  | 137 +++++++--------
 2 files changed, 217 insertions(+), 80 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index a615388f98..7d2f23b7a0 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -1,27 +1,122 @@
 <template>
 	<div>
-		<div class="flex items-start justify-between gap-4">
-			<div class="flex flex-col gap-1">
-				<div class="text-xl font-semibold text-contrast">Server compatibility</div>
-				<div class="text-sm text-secondary">
-					Select whether your server is vanilla or modded and which versions it supports. The
-					Modrinth App uses this when a player joins.
+		<div class="flex flex-col gap-4">
+			<div class="flex items-start justify-between gap-4">
+				<div class="flex flex-col gap-1">
+					<div class="text-xl font-semibold text-contrast">Server compatibility</div>
+					<div v-if="!content" class="text-sm text-secondary">
+						Select whether your server is vanilla or modded and which versions it supports. The
+						Modrinth App uses this when a player joins.
+					</div>
+					<div v-else>
+						<div v-if="content.kind === 'vanilla'" class="flex items-center gap-1.5">
+							<div
+								class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-solid border-surface-5"
+							>
+								<BoxIcon class="h-4 w-4 shrink-0 text-secondary" />
+							</div>
+
+							Vanilla
+						</div>
+						<div v-if="content.kind === 'modpack'" class="flex items-center gap-1.5">
+							<div
+								class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-solid border-surface-5"
+							>
+								<PackageIcon class="h-4 w-4 shrink-0 text-secondary" />
+							</div>
+							Published modpack
+						</div>
+					</div>
+				</div>
+				<ButtonStyled v-if="content">
+					<button @click="handleSwitchCompatibility">
+						<ArrowLeftRightIcon />
+						Switch type
+					</button>
+				</ButtonStyled>
+				<ButtonStyled v-else>
+					<button @click="handleSetCompatibility">
+						<PlayIcon />
+						Set compatibility
+					</button>
+				</ButtonStyled>
+			</div>
+
+			<div class="h-[1px] w-full bg-surface-5"></div>
+
+			<!-- kind = vanilla -->
+			<div v-if="content?.kind === 'vanilla'" class="flex items-start justify-between gap-4">
+				<div class="flex flex-col gap-2">
+					<div class="font-medium text-secondary">Recommended version</div>
+					<div class="text-2xl font-semibold text-contrast">
+						{{ content.recommended_game_version ?? '—' }}
+					</div>
+				</div>
+				<div class="flex flex-col gap-2">
+					<div class="font-medium text-secondary">Supported versions</div>
+					<div class="flex flex-wrap gap-1.5">
+						<TagItem v-for="v in content.supported_game_versions" :key="v">
+							{{ v }}
+						</TagItem>
+					</div>
+				</div>
+			</div>
+
+			<!-- kind = modpack -->
+			<div
+				v-if="content?.kind === 'modpack' && modpackProject"
+				class="flex flex-col items-start justify-between gap-4"
+			>
+				<div class="flex w-full flex-col gap-2">
+					<div class="font-medium text-secondary">Required modpack</div>
+					<NuxtLink
+						:to="`/project/${modpackProject.slug ?? modpackProject.id}`"
+						class="flex w-full max-w-[500px] items-center gap-3 rounded-2xl bg-surface-1 p-3"
+					>
+						<Avatar :src="modpackProject.icon_url" size="2.5rem" :tint-by="modpackProject.name" />
+						<div class="flex flex-col">
+							<div class="font-semibold text-contrast">{{ modpackProject.name }}</div>
+							<div class="flex items-center gap-1.5 text-xs text-secondary">
+								<Avatar v-if="modpackOrg?.icon_url" :src="modpackOrg.icon_url" size="1rem" circle />
+								<span>{{ modpackOrg?.name ?? 'Unknown' }}</span>
+								<span v-if="modpackVersion">&middot; v{{ modpackVersion.version_number }}</span>
+							</div>
+						</div>
+					</NuxtLink>
+				</div>
+				<div v-if="modpackVersion" class="flex flex-col gap-2">
+					<div class="font-medium text-secondary">Required version</div>
+					<div class="flex flex-wrap gap-1.5">
+						<TagItem v-for="gv in modpackVersion.game_versions" :key="gv">
+							{{ gv }}
+						</TagItem>
+						<TagItem
+							v-for="loader in modpackVersion.mrpack_loaders"
+							:key="loader"
+							:style="`--_color: var(--color-platform-${loader})`"
+						>
+							<component :is="getLoaderIcon(loader)" v-if="getLoaderIcon(loader)" class="h-4 w-4" />
+							<FormattedTag :tag="loader" enforce-type="loader" />
+						</TagItem>
+					</div>
 				</div>
 			</div>
-			<ButtonStyled>
-				<button @click="handleSetCompatibility">
-					<PlayIcon />
-					Set compatibility
-				</button>
-			</ButtonStyled>
 		</div>
 		<ServerCompatibilityModal ref="serverCompatibilityModal" />
 	</div>
 </template>
 
 <script setup lang="ts">
-import { PlayIcon } from '@modrinth/assets'
-import { ButtonStyled } from '@modrinth/ui'
+import { ArrowLeftRightIcon, BoxIcon, getLoaderIcon, PackageIcon, PlayIcon } from '@modrinth/assets'
+import {
+	Avatar,
+	ButtonStyled,
+	FormattedTag,
+	injectModrinthClient,
+	injectProjectPageContext,
+	TagItem,
+} from '@modrinth/ui'
+import { useQuery } from '@tanstack/vue-query'
 
 import ServerCompatibilityModal from './ServerCompatibilityModal/ServerCompatibilityModal.vue'
 
@@ -29,7 +124,44 @@ const serverCompatibilityModal = useTemplateRef<InstanceType<typeof ServerCompat
 	'serverCompatibilityModal',
 )
 
+const { projectV3 } = injectProjectPageContext()
+const { labrinth } = injectModrinthClient()
+
+const content = computed(() => {
+	if (!projectV3.value) return null
+	return projectV3.value.minecraft_java_server?.content ?? null
+})
+
+const modpackVersionId = computed(() => {
+	if (content.value?.kind === 'modpack') return content.value.version_id
+	return null
+})
+
+const { data: modpackVersion } = useQuery({
+	queryKey: computed(() => ['versions', 'detail', modpackVersionId.value]),
+	queryFn: () => labrinth.versions_v3.getVersion(modpackVersionId.value!),
+	enabled: computed(() => !!modpackVersionId.value),
+})
+
+const modpackProjectId = computed(() => modpackVersion.value?.project_id ?? null)
+
+const { data: modpackProject } = useQuery({
+	queryKey: computed(() => ['project', 'v3', modpackProjectId.value]),
+	queryFn: () => labrinth.projects_v3.get(modpackProjectId.value!),
+	enabled: computed(() => !!modpackProjectId.value),
+})
+
+const { data: modpackOrg } = useQuery({
+	queryKey: computed(() => ['project', 'org', modpackProjectId.value]),
+	queryFn: () => labrinth.projects_v3.getOrganization(modpackProjectId.value!),
+	enabled: computed(() => !!modpackProjectId.value && !!modpackProject.value?.organization),
+})
+
 function handleSetCompatibility() {
 	serverCompatibilityModal.value?.show()
 }
+
+function handleSwitchCompatibility() {
+	serverCompatibilityModal.value?.show()
+}
 </script>
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 0d48411164..8463d68de2 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -178,71 +178,6 @@
 						</div>
 						<div class="mt-2 text-secondary">Gif, 468×60px recommended.</div>
 					</div>
-
-					<!-- Java Address -->
-					<div>
-						<label for="java-address">
-							<span class="label__title">Java address</span>
-						</label>
-						<div class="mt-2 flex items-center gap-2" @focusout="pingJavaServer">
-							<StyledInput
-								id="java-address"
-								v-model="javaAddress"
-								placeholder="Enter address"
-								:disabled="!hasPermission"
-								wrapper-class="flex-grow"
-							/>
-							<StyledInput
-								v-model="javaPort"
-								type="number"
-								:min="1"
-								:max="65535"
-								:disabled="!hasPermission"
-								wrapper-class="w-24"
-								input-class="text-center"
-							/>
-						</div>
-						<div
-							v-if="javaPingResult !== null"
-							class="mt-2 flex items-center gap-1.5"
-							:class="javaPingResult.online ? 'text-green' : 'text-orange'"
-						>
-							<CheckIcon v-if="javaPingResult.online" class="h-4 w-4" />
-							<TriangleAlertIcon v-else class="h-4 w-4" />
-							{{
-								javaPingResult.online
-									? `Server is online! ${javaPingResult.latency ? `Latency: ${javaPingResult.latency}ms` : ``}`
-									: 'Cannot ping server'
-							}}
-						</div>
-					</div>
-
-					<!-- Bedrock Address -->
-					<div>
-						<label for="bedrock-address">
-							<span class="label__title">Bedrock/PE address</span>
-						</label>
-						<div class="mt-2 flex items-center gap-2">
-							<StyledInput
-								id="bedrock-address"
-								v-model="bedrockAddress"
-								placeholder="Enter address"
-								:disabled="!hasPermission"
-								wrapper-class="flex-grow"
-							/>
-							<StyledInput
-								v-model="bedrockPort"
-								type="number"
-								:min="1"
-								:max="65535"
-								:disabled="!hasPermission"
-								wrapper-class="w-24"
-								input-class="text-center"
-							/>
-						</div>
-					</div>
-
-					<CompatibilityCard />
 				</template>
 
 				<template
@@ -363,6 +298,77 @@
 			</div>
 		</section>
 
+		<section class="universal-card" v-if="isServerProject">
+			<div class="flex flex-col gap-6">
+				<div class="text-2xl font-semibold text-contrast">Server settings</div>
+
+				<!-- Java Address -->
+				<div class="max-w-[600px]">
+					<label for="java-address">
+						<span class="label__title !text-contrast">Java address</span>
+					</label>
+					<div class="mt-2 flex items-center gap-2" @focusout="pingJavaServer">
+						<StyledInput
+							id="java-address"
+							v-model="javaAddress"
+							placeholder="Enter address"
+							:disabled="!hasPermission"
+							wrapper-class="flex-grow"
+						/>
+						<StyledInput
+							v-model="javaPort"
+							type="number"
+							:min="1"
+							:max="65535"
+							:disabled="!hasPermission"
+							wrapper-class="w-24"
+							input-class="text-center"
+						/>
+					</div>
+					<div
+						v-if="javaPingResult !== null"
+						class="mt-2 flex items-center gap-1.5"
+						:class="javaPingResult.online ? 'text-green' : 'text-orange'"
+					>
+						<CheckIcon v-if="javaPingResult.online" class="h-4 w-4" />
+						<TriangleAlertIcon v-else class="h-4 w-4" />
+						{{
+							javaPingResult.online
+								? `Server is online! ${javaPingResult.latency ? `Latency: ${javaPingResult.latency}ms` : ``}`
+								: 'Cannot ping server'
+						}}
+					</div>
+				</div>
+
+				<!-- Bedrock Address -->
+				<div class="max-w-[600px]">
+					<label for="bedrock-address">
+						<span class="label__title !text-contrast">Bedrock/PE address</span>
+					</label>
+					<div class="mt-2 flex items-center gap-2">
+						<StyledInput
+							id="bedrock-address"
+							v-model="bedrockAddress"
+							placeholder="Enter address"
+							:disabled="!hasPermission"
+							wrapper-class="flex-grow"
+						/>
+						<StyledInput
+							v-model="bedrockPort"
+							type="number"
+							:min="1"
+							:max="65535"
+							:disabled="!hasPermission"
+							wrapper-class="w-24"
+							input-class="text-center"
+						/>
+					</div>
+				</div>
+
+				<CompatibilityCard />
+			</div>
+		</section>
+
 		<section class="universal-card">
 			<div class="label">
 				<h3>
@@ -576,7 +582,6 @@ const countryOptions = [
 	{ value: 'BD', label: 'Bangladesh' },
 ]
 
-
 const hasPermission = computed(() => {
 	const EDIT_DETAILS = 1 << 2
 	return ((currentMember.value?.permissions ?? 0) & EDIT_DETAILS) === EDIT_DETAILS

From 406aa672d8c8ffd3157ad6871c02ab16f3bf42b7 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 11:08:14 -0700
Subject: [PATCH 143/178] fix usage of --color-text-dark to use
 --color-text-primary

---
 apps/frontend/src/assets/styles/components.scss | 6 +++---
 apps/frontend/src/assets/styles/global.scss     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/src/assets/styles/components.scss b/apps/frontend/src/assets/styles/components.scss
index cbe6227bb0..a9debd1747 100644
--- a/apps/frontend/src/assets/styles/components.scss
+++ b/apps/frontend/src/assets/styles/components.scss
@@ -34,7 +34,7 @@
 		}
 
 		.value {
-			color: var(--color-text-dark);
+			color: var(--color-text-primary);
 			font-weight: bold;
 			font-size: 2rem;
 		}
@@ -99,7 +99,7 @@
 			margin-block: var(--spacing-card-md) var(--spacing-card-sm);
 
 			// Same styling as h3
-			color: var(--color-text-dark);
+			color: var(--color-text-primary);
 			font-size: 1.17rem;
 			font-weight: bold;
 
@@ -381,7 +381,7 @@
 	}
 
 	&:active {
-		color: var(--color-text-dark);
+		color: var(--color-text-primary);
 	}
 }
 
diff --git a/apps/frontend/src/assets/styles/global.scss b/apps/frontend/src/assets/styles/global.scss
index daa0523dd5..b003bb72a9 100644
--- a/apps/frontend/src/assets/styles/global.scss
+++ b/apps/frontend/src/assets/styles/global.scss
@@ -380,18 +380,18 @@ a {
 }
 
 h1 {
-	color: var(--color-text-dark);
+	color: var(--color-text-primary);
 }
 
 h2 {
 	margin-top: 0;
 	margin-bottom: 1rem;
-	color: var(--color-text-dark);
+	color: var(--color-text-primary);
 }
 
 h3 {
 	margin-block: var(--spacing-card-md) var(--spacing-card-sm);
-	color: var(--color-text-dark);
+	color: var(--color-text-primary);
 }
 
 input {

From 3f0f60fbeae129c6b6dd72bcf13be431090172cb Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 11:25:36 -0700
Subject: [PATCH 144/178] implement upload custom .mrpack

---
 .../manage-server-compatibility-modal.ts      | 121 ++++++++++++++++--
 .../stages/UploadCustomModpack.vue            |  79 +++++++++++-
 2 files changed, 188 insertions(+), 12 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
index 000221c238..7d47a473df 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
@@ -1,12 +1,16 @@
+import type { Labrinth } from '@modrinth/api-client'
 import { LeftArrowIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
 import {
 	createContext,
+	injectModrinthClient,
+	injectNotificationManager,
 	injectProjectPageContext,
 	type MultiStageModal,
 	type StageConfigInput,
 } from '@modrinth/ui'
+import JSZip from 'jszip'
 import type { Ref, ShallowRef } from 'vue'
-import { markRaw } from 'vue'
+import { markRaw, toRaw } from 'vue'
 import type { ComponentExposed } from 'vue-component-type-helpers'
 
 import SelectCompatibilityType from './stages/SelectCompatibilityType.vue'
@@ -29,6 +33,7 @@ export interface ServerCompatibilityContextValue {
 	supportedGameVersions: Ref<string[]>
 	recommendedGameVersion: Ref<string | null>
 	customModpackFile: Ref<File | null>
+	hasLicensePermission: Ref<boolean>
 
 	// Actions
 	resetContext: () => void
@@ -41,7 +46,9 @@ export const [injectServerCompatibilityContext, provideServerCompatibilityContex
 export function createServerCompatibilityContext(
 	modal: ShallowRef<ComponentExposed<typeof MultiStageModal> | null>,
 ): ServerCompatibilityContextValue {
-	const { patchProjectV3 } = injectProjectPageContext()
+	const { projectV3, patchProjectV3 } = injectProjectPageContext()
+	const { labrinth } = injectModrinthClient()
+	const { addNotification } = injectNotificationManager()
 
 	const isSubmitting = ref(false)
 	const compatibilityType = ref<CompatibilityType | null>(null)
@@ -50,6 +57,67 @@ export function createServerCompatibilityContext(
 	const supportedGameVersions = ref<string[]>([])
 	const recommendedGameVersion = ref<string | null>(null)
 	const customModpackFile = ref<File | null>(null)
+	const hasLicensePermission = ref(false)
+
+	async function uploadCustomModpackFile(file: File): Promise<Labrinth.Versions.v3.Version> {
+		const rawFile = toRaw(file)
+
+		// Default to filename if we can't parse the mrpack
+		let versionName = rawFile.name.replace(/\.(zip|mrpack)$/i, '')
+		let versionNumber = versionName
+		const loaders: string[] = []
+		let gameVersions: string[] = []
+
+		try {
+			const zip = await JSZip.loadAsync(rawFile)
+			const indexFile = zip.file('modrinth.index.json')
+
+			if (indexFile) {
+				const indexContent = await indexFile.async('text')
+				const metadata = JSON.parse(indexContent) as {
+					name?: string
+					versionId?: string
+					dependencies?: Record<string, string>
+				}
+				if (metadata.name) {
+					versionName = metadata.name
+				}
+				if (metadata.versionId) {
+					versionNumber = metadata.versionId
+				}
+				if (metadata.dependencies) {
+					if ('forge' in metadata.dependencies) loaders.push('forge')
+					if ('neoforge' in metadata.dependencies) loaders.push('neoforge')
+					if ('fabric-loader' in metadata.dependencies) loaders.push('fabric')
+					if ('quilt-loader' in metadata.dependencies) loaders.push('quilt')
+					if (metadata.dependencies.minecraft) {
+						gameVersions = [metadata.dependencies.minecraft]
+					}
+				}
+			}
+		} catch {
+			console.warn('Could not parse modrinth.index.json from mrpack')
+		}
+
+		const draftVersion: Labrinth.Versions.v3.DraftVersion = {
+			project_id: projectV3.value.id,
+			name: versionName,
+			version_number: versionNumber,
+			version_type: 'release',
+			loaders,
+			game_versions: gameVersions,
+			featured: false,
+			status: 'listed',
+			changelog: '',
+			dependencies: [],
+			environment: 'client_and_server',
+		}
+
+		const files: Labrinth.Versions.v3.DraftVersionFile[] = [{ file: rawFile, fileType: undefined }]
+
+		const uploadHandle = labrinth.versions_v3.createVersion(draftVersion, files, 'modpack')
+		return await uploadHandle.promise
+	}
 
 	async function handleSave() {
 		isSubmitting.value = true
@@ -79,14 +147,44 @@ export function createServerCompatibilityContext(
 					})
 
 					break
-				case 'custom-modpack':
-					// TODO: implement custom modpack save
-					// upload modpack file
-					// if modpack upload fails, show error and don't patch project
-					// otherwise, patch project to still be kind: "modpack"
-					// and have version_id point to the newly uploaded modpack version
-					// if patch project fails, show error, delete the uploaded modpack version
+				case 'custom-modpack': {
+					if (!customModpackFile.value) break
+
+					// Upload the modpack file as a new version
+					let uploadedVersion: Labrinth.Versions.v3.Version
+					try {
+						uploadedVersion = await uploadCustomModpackFile(customModpackFile.value)
+					} catch (err: unknown) {
+						const error = err as { data?: { description?: string } }
+						addNotification({
+							title: 'Failed to upload modpack',
+							text: error.data?.description || String(err),
+							type: 'error',
+						})
+						return
+					}
+
+					// Patch the project to point to the newly uploaded version
+					patchSuccess = await patchProjectV3({
+						minecraft_java_server: {
+							content: {
+								kind: 'modpack',
+								version_id: uploadedVersion.id,
+							},
+						},
+					})
+
+					// If patch fails, clean up the uploaded version
+					if (!patchSuccess) {
+						try {
+							await labrinth.versions_v3.deleteVersion(uploadedVersion.id)
+						} catch {
+							console.error('Failed to clean up uploaded version after patch failure')
+						}
+					}
+
 					break
+				}
 			}
 			if (!patchSuccess) {
 				throw new Error('Failed to patch project with new server compatibility settings')
@@ -104,6 +202,7 @@ export function createServerCompatibilityContext(
 		supportedGameVersions.value = []
 		recommendedGameVersion.value = null
 		customModpackFile.value = null
+		hasLicensePermission.value = false
 	}
 
 	return {
@@ -116,6 +215,7 @@ export function createServerCompatibilityContext(
 		supportedGameVersions,
 		recommendedGameVersion,
 		customModpackFile,
+		hasLicensePermission,
 		resetContext,
 		handleSave,
 	}
@@ -195,7 +295,8 @@ const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue
 		iconPosition: 'before',
 		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
 		color: 'green',
-		disabled: ctx.isSubmitting.value,
+		disabled:
+			ctx.isSubmitting.value || !ctx.customModpackFile.value || !ctx.hasLicensePermission.value,
 		onClick: () => ctx.handleSave(),
 	}),
 }
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
index f2d13a1538..b38dce5ad7 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
@@ -1,12 +1,87 @@
 <template>
 	<div class="flex w-full flex-col gap-4">
-		<!-- TODO: implement custom modpack upload UI -->
-		<p class="text-secondary">Upload a custom modpack file for server compatibility.</p>
+		<div class="font-semibold text-contrast">Upload custom modpack</div>
+
+		<DropzoneFileInput
+			v-if="!ctx.customModpackFile.value"
+			primary-prompt="Drag and drop your .mrpack or .zip file"
+			secondary-prompt="Or click to browse"
+			accept=".zip,.mrpack"
+			size="medium"
+			@change="handleFileUpload"
+		/>
+
+		<div
+			v-if="ctx.customModpackFile.value"
+			class="flex items-center justify-between gap-2 rounded-xl bg-button-bg px-4 py-2 text-button-text"
+		>
+			<div class="flex items-center gap-2 overflow-hidden">
+				<FileIcon />
+				<span
+					v-tooltip="ctx.customModpackFile.value.name"
+					class="overflow-hidden text-ellipsis whitespace-nowrap font-medium"
+				>
+					{{ ctx.customModpackFile.value.name }}
+				</span>
+			</div>
+
+			<ButtonStyled size="standard" :circular="true">
+				<button
+					v-tooltip="'Replace file'"
+					aria-label="Replace file"
+					class="!shadow-none"
+					@click="fileInput?.click()"
+				>
+					<ArrowLeftRightIcon aria-hidden="true" />
+					<input
+						ref="fileInput"
+						class="hidden"
+						type="file"
+						accept=".zip,.mrpack"
+						@change="handleFileInputChange"
+					/>
+				</button>
+			</ButtonStyled>
+		</div>
+
+		<Checkbox v-model="ctx.hasLicensePermission.value">
+			<span class="max-w-[90%] text-left text-primary">
+				Do you have the appropriate licenses to redistribute all content in this Modpack?
+				<NuxtLink
+					to="https://support.modrinth.com/en/articles/8797527-obtaining-modpack-permissions"
+					external
+					target="_blank"
+					class="font-medium text-blue underline"
+				>
+					Learn more
+				</NuxtLink>
+			</span>
+		</Checkbox>
 	</div>
 </template>
 
 <script setup lang="ts">
+import { ArrowLeftRightIcon, FileIcon } from '@modrinth/assets'
+import { ButtonStyled, Checkbox, DropzoneFileInput } from '@modrinth/ui'
+
 import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const ctx = injectServerCompatibilityContext()
+
+const fileInput = useTemplateRef<HTMLInputElement>('fileInput')
+
+function handleFileUpload(files: File[]) {
+	if (files.length > 0) {
+		ctx.customModpackFile.value = files[0]
+	}
+}
+
+function handleFileInputChange(e: Event) {
+	const target = e.target as HTMLInputElement
+	const file = target.files?.[0]
+	if (file) {
+		ctx.customModpackFile.value = file
+	}
+	target.value = ''
+}
 </script>

From f664c170f8747dca0cadc945f50093d9b417da5d Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 11:25:57 -0700
Subject: [PATCH 145/178] delete content tab and create server version modal

---
 .../ui/project-settings/CompatibilityCard.vue |   9 +-
 .../src/pages/[type]/[id]/settings.vue        |   6 -
 .../pages/[type]/[id]/settings/content.vue    | 295 ---------
 .../project/CreateServerVersionModal.vue      | 558 ------------------
 packages/ui/src/components/project/index.ts   |   1 -
 5 files changed, 3 insertions(+), 866 deletions(-)
 delete mode 100644 apps/frontend/src/pages/[type]/[id]/settings/content.vue
 delete mode 100644 packages/ui/src/components/project/CreateServerVersionModal.vue

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 7d2f23b7a0..8a2ec7d972 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -69,20 +69,17 @@
 			>
 				<div class="flex w-full flex-col gap-2">
 					<div class="font-medium text-secondary">Required modpack</div>
-					<NuxtLink
-						:to="`/project/${modpackProject.slug ?? modpackProject.id}`"
-						class="flex w-full max-w-[500px] items-center gap-3 rounded-2xl bg-surface-1 p-3"
-					>
+					<div class="flex w-full max-w-[500px] items-center gap-3 rounded-2xl bg-surface-1 p-3">
 						<Avatar :src="modpackProject.icon_url" size="2.5rem" :tint-by="modpackProject.name" />
 						<div class="flex flex-col">
 							<div class="font-semibold text-contrast">{{ modpackProject.name }}</div>
 							<div class="flex items-center gap-1.5 text-xs text-secondary">
 								<Avatar v-if="modpackOrg?.icon_url" :src="modpackOrg.icon_url" size="1rem" circle />
-								<span>{{ modpackOrg?.name ?? 'Unknown' }}</span>
+								<span v-if="modpackOrg?.name">{{ modpackOrg.name }}</span>
 								<span v-if="modpackVersion">&middot; v{{ modpackVersion.version_number }}</span>
 							</div>
 						</div>
-					</NuxtLink>
+					</div>
 				</div>
 				<div v-if="modpackVersion" class="flex flex-col gap-2">
 					<div class="font-medium text-secondary">Required version</div>
diff --git a/apps/frontend/src/pages/[type]/[id]/settings.vue b/apps/frontend/src/pages/[type]/[id]/settings.vue
index b8f8d9cd21..0495665a2e 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings.vue
@@ -7,7 +7,6 @@ import {
 	ImageIcon,
 	InfoIcon,
 	LinkIcon,
-	PlayIcon,
 	TagsIcon,
 	UsersIcon,
 	VersionIcon,
@@ -75,11 +74,6 @@ const navItems = computed(() => {
 			label: formatMessage(commonProjectSettingsMessages.versions),
 			icon: VersionIcon,
 		},
-		isServerProject.value && {
-			link: `/${base}/settings/content`,
-			label: formatMessage(commonProjectSettingsMessages.content),
-			icon: PlayIcon,
-		},
 		!isServerProject.value && {
 			link: `/${base}/settings/license`,
 			label: formatMessage(commonProjectSettingsMessages.license),
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/content.vue b/apps/frontend/src/pages/[type]/[id]/settings/content.vue
deleted file mode 100644
index 0f2a1a7977..0000000000
--- a/apps/frontend/src/pages/[type]/[id]/settings/content.vue
+++ /dev/null
@@ -1,295 +0,0 @@
-<template>
-	<div>
-		<CreateServerVersionModal
-			v-if="currentMember && project"
-			ref="create-server-version-modal"
-			:project-id="project.id"
-			:on-save="invalidate"
-			:is-first-version="serverProjectVersions.length === 0"
-		/>
-
-		<ConfirmModal
-			v-if="currentMember"
-			ref="deleteVersionModal"
-			title="Are you sure you want to delete this version?"
-			description="This will remove this version forever (like really forever)."
-			:has-to-type="false"
-			proceed-label="Delete"
-			@proceed="deleteVersion()"
-		/>
-
-		<div v-if="serverProjectVersions.length > 0" class="flex flex-col gap-4">
-			<div class="flex items-end justify-between gap-4">
-				<div class="iconified-input">
-					<SearchIcon />
-					<input
-						v-model="search"
-						type="text"
-						:placeholder="`Search ${serverProjectVersions.length} versions...`"
-					/>
-				</div>
-				<ButtonStyled color="green">
-					<button @click="handleOpenCreateVersionModal"><PlusIcon /> Create version</button>
-				</ButtonStyled>
-			</div>
-
-			<Table
-				v-model:sort-column="sortColumn"
-				v-model:sort-direction="sortDirection"
-				:columns="columns"
-				:data="serverProjectVersions"
-			>
-				<template #cell-name="{ value }">
-					<span class="font-semibold text-contrast">{{ value }}</span>
-				</template>
-				<template #cell-version="{ value }">
-					<span>{{ value }}</span>
-				</template>
-				<template #cell-date="{ row }">
-					<div
-						v-tooltip="
-							formatMessage(commonMessages.dateAtTimeTooltip, {
-								date: new Date(row.name),
-								time: new Date(row.name),
-							})
-						"
-						class="z-[1] flex cursor-help items-center gap-1 text-nowrap font-medium xl:self-center"
-					>
-						<CalendarIcon class="xl:hidden" />
-						{{ formatRelativeTime(new Date(row.name)) }}
-					</div>
-				</template>
-				<template #cell-actions="{ row }">
-					<div class="flex justify-end">
-						<ButtonStyled circular type="transparent">
-							<OverflowMenu
-								v-tooltip="'More options'"
-								class="hover:!bg-button-bg"
-								:dropdown-id="`${baseDropdownId}-${row.id}`"
-								:options="[
-									{
-										id: 'edit',
-										action: () => handleOpenEditVersionModal(row.id),
-									},
-									{
-										id: 'copy-id',
-										action: () => copyToClipboard(row.id),
-									},
-									{ divider: true },
-									{
-										id: 'delete',
-										color: 'red' as const,
-										hoverFilled: true,
-										action: () => handleDeleteVersion(row.id),
-									},
-								]"
-								aria-label="More options"
-							>
-								<MoreVerticalIcon aria-hidden="true" />
-								<template #edit>
-									<EditIcon aria-hidden="true" />
-									Edit
-								</template>
-								<template #copy-id>
-									<ClipboardCopyIcon aria-hidden="true" />
-									Copy ID
-								</template>
-								<template #delete>
-									<TrashIcon aria-hidden="true" />
-									Delete
-								</template>
-							</OverflowMenu>
-						</ButtonStyled>
-					</div>
-				</template>
-			</Table>
-		</div>
-
-		<template v-if="!serverProjectVersions.length">
-			<div class="grid place-items-center py-10">
-				<svg
-					width="250"
-					height="200"
-					viewBox="0 0 250 200"
-					fill="none"
-					xmlns="http://www.w3.org/2000/svg"
-					class="h-[200px] w-[250px]"
-				>
-					<path
-						d="M136 64C139.866 64 143 67.134 143 71C143 74.866 139.866 78 136 78H200C203.866 78 207 81.134 207 85C207 88.866 203.866 92 200 92H222C225.866 92 229 95.134 229 99C229 102.866 225.866 106 222 106H203C199.134 106 196 109.134 196 113C196 116.866 199.134 120 203 120H209C212.866 120 216 123.134 216 127C216 130.866 212.866 134 209 134H157C156.485 134 155.983 133.944 155.5 133.839C155.017 133.944 154.515 134 154 134H63C59.134 134 56 130.866 56 127C56 123.134 59.134 120 63 120H24C20.134 120 17 116.866 17 113C17 109.134 20.134 106 24 106H64C67.866 106 71 102.866 71 99C71 95.134 67.866 92 64 92H39C35.134 92 32 88.866 32 85C32 81.134 35.134 78 39 78H79C75.134 78 72 74.866 72 71C72 67.134 75.134 64 79 64H136ZM226 120C229.866 120 233 123.134 233 127C233 130.866 229.866 134 226 134C222.134 134 219 130.866 219 127C219 123.134 222.134 120 226 120Z"
-						class="fill-surface-2"
-					/>
-					<path
-						fill-rule="evenodd"
-						clip-rule="evenodd"
-						d="M113.119 112.307C113.04 112.86 113 113.425 113 114C113 120.627 118.373 126 125 126C131.627 126 137 120.627 137 114C137 113.425 136.96 112.86 136.881 112.307H166V139C166 140.657 164.657 142 163 142H87C85.3431 142 84 140.657 84 139V112.307H113.119Z"
-						class="fill-surface-1"
-					/>
-					<path
-						fill-rule="evenodd"
-						clip-rule="evenodd"
-						d="M138 112C138 119.18 132.18 125 125 125C117.82 125 112 119.18 112 112C112 111.767 112.006 111.536 112.018 111.307H84L93.5604 83.0389C93.9726 81.8202 95.1159 81 96.4023 81H153.598C154.884 81 156.027 81.8202 156.44 83.0389L166 111.307H137.982C137.994 111.536 138 111.767 138 112Z"
-						class="fill-surface-1"
-					/>
-					<path
-						fill-rule="evenodd"
-						clip-rule="evenodd"
-						d="M136.098 112.955C136.098 118.502 131.129 124 125 124C118.871 124 113.902 118.502 113.902 112.955C113.902 112.775 113.908 111.596 113.918 111.419H93L101.161 91.5755C101.513 90.6338 102.489 90 103.587 90H146.413C147.511 90 148.487 90.6338 148.839 91.5755L157 111.419H136.082C136.092 111.596 136.098 112.775 136.098 112.955Z"
-						fill="#27292E"
-						class="fill-surface-3"
-					/>
-					<path
-						fill-rule="evenodd"
-						clip-rule="evenodd"
-						d="M85.25 111.512V138C85.25 138.966 86.0335 139.75 87 139.75H163C163.966 139.75 164.75 138.966 164.75 138V111.512L155.255 83.4393C155.015 82.7285 154.348 82.25 153.598 82.25H96.4023C95.6519 82.25 94.985 82.7285 94.7446 83.4393L85.25 111.512Z"
-						stroke-width="2.5"
-						class="stroke-surface-4"
-					/>
-					<path
-						d="M98 111C101.937 111 106.185 111 110.745 111C112.621 111 112.621 112.319 112.621 113C112.621 119.627 118.117 125 124.897 125C131.677 125 137.173 119.627 137.173 113C137.173 112.319 137.173 111 139.05 111H164M90.5737 111H93H90.5737Z"
-						stroke-width="2.5"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="stroke-surface-4"
-					/>
-					<path
-						d="M150.1 58.3027L139 70.7559M124.1 54V70.7559V54ZM98 58.3027L109.1 70.7559L98 58.3027Z"
-						stroke-width="2.5"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="stroke-surface-4"
-					/>
-				</svg>
-
-				<div class="flex max-w-[320px] flex-col items-center gap-2 text-center">
-					<div class="text-pretty text-2xl font-semibold text-contrast">
-						Does your server require a modpack?
-					</div>
-					<div class="text-balance">
-						Add the modpack and Modrinth installs it for players when they join.
-					</div>
-					<br />
-					<ButtonStyled color="green">
-						<button @click="handleOpenCreateVersionModal"><PlusIcon /> Add modpack</button>
-					</ButtonStyled>
-				</div>
-			</div>
-		</template>
-	</div>
-</template>
-
-<script lang="ts" setup>
-import {
-	CalendarIcon,
-	ClipboardCopyIcon,
-	EditIcon,
-	MoreVerticalIcon,
-	PlusIcon,
-	SearchIcon,
-	TrashIcon,
-} from '@modrinth/assets'
-import {
-	ButtonStyled,
-	commonMessages,
-	ConfirmModal,
-	CreateServerVersionModal,
-	injectModrinthClient,
-	injectNotificationManager,
-	injectProjectPageContext,
-	OverflowMenu,
-	Table,
-	type TableColumn,
-	useRelativeTime,
-	useVIntl,
-} from '@modrinth/ui'
-import { ref, useTemplateRef } from 'vue'
-
-const { projectV2: project, versions, currentMember } = injectProjectPageContext()
-
-const client = injectModrinthClient()
-const { addNotification } = injectNotificationManager()
-const { invalidate } = injectProjectPageContext()
-const { formatMessage } = useVIntl()
-const formatRelativeTime = useRelativeTime()
-
-const createServerVersionModal = useTemplateRef('create-server-version-modal')
-const deleteVersionModal = ref<InstanceType<typeof ConfirmModal>>()
-const selectedVersion = ref<string | null>(null)
-const search = ref('')
-
-interface ServerVersion {
-	id: string
-	name: string
-	version: string
-	date: string
-}
-
-const serverProjectVersions = computed(
-	() =>
-		versions.value?.map((v) => ({
-			id: v.id,
-			name: v.name,
-			version: v.version_number,
-			date: v.date_published,
-		})) || [],
-)
-
-const columns: TableColumn<keyof ServerVersion | 'actions'>[] = [
-	{ key: 'name', label: 'Name' },
-	{ key: 'version', label: 'Version' },
-	{ key: 'date', label: 'Date' },
-	{ key: 'actions', label: 'Actions', align: 'right', width: '60px' },
-]
-
-const sortColumn = ref<string | undefined>('name')
-const sortDirection = ref<'asc' | 'desc'>('asc')
-
-const baseDropdownId = useId()
-
-const handleDeleteVersion = (versionId: string) => {
-	selectedVersion.value = versionId
-	deleteVersionModal.value?.show()
-}
-
-const handleOpenCreateVersionModal = () => {
-	if (!currentMember) return
-	createServerVersionModal.value?.show()
-}
-
-const handleOpenEditVersionModal = (versionId: string) => {
-	if (!currentMember) return
-	console.log('Edit version:', versionId)
-}
-
-async function copyToClipboard(text: string) {
-	await navigator.clipboard.writeText(text)
-}
-
-async function deleteVersion() {
-	const id = selectedVersion.value
-	if (!id) return
-
-	startLoading()
-
-	try {
-		await client.labrinth.versions_v3.deleteVersion(id)
-
-		addNotification({
-			title: 'Version deleted',
-			text: 'The version has been successfully deleted.',
-			type: 'success',
-		})
-	} catch (err: any) {
-		addNotification({
-			title: 'An error occurred',
-			text: err.data ? err.data.description : err,
-			type: 'error',
-		})
-	}
-
-	invalidate()
-	selectedVersion.value = null
-
-	stopLoading()
-}
-</script>
diff --git a/packages/ui/src/components/project/CreateServerVersionModal.vue b/packages/ui/src/components/project/CreateServerVersionModal.vue
deleted file mode 100644
index 051cd12251..0000000000
--- a/packages/ui/src/components/project/CreateServerVersionModal.vue
+++ /dev/null
@@ -1,558 +0,0 @@
-<!-- TODO: to be deleted -->
-<template>
-	<NewModal
-		ref="modal"
-		:header="formatMessage(messages.title)"
-		:disable-close="isSubmitting"
-		@hide="resetState"
-	>
-		<div class="flex flex-col gap-6 sm:w-[500px] max-w-[500px]">
-			<!-- Modded Content -->
-			<div class="flex flex-col gap-2.5">
-				<div class="flex flex-col gap-2">
-					<label class="font-semibold text-contrast">
-						{{ formatMessage(messages.moddedContentLabel) }}
-					</label>
-					<Chips
-						v-model="contentType"
-						:items="contentTypeOptions"
-						:format-label="formatContentType"
-					/>
-				</div>
-
-				<!-- Published Modpack Selection -->
-				<div
-					v-if="contentType === 'published'"
-					class="flex flex-col gap-6 p-4 border border-surface-5 border-solid rounded-2xl"
-				>
-					<div class="flex flex-col gap-2">
-						<label class="font-semibold text-contrast">
-							{{ formatMessage(messages.projectLabel) }}
-						</label>
-						<ProjectCombobox
-							ref="projectCombobox"
-							v-model="internalProjectId"
-							:project-types="['modpack']"
-							:placeholder="formatMessage(messages.projectPlaceholder)"
-							:search-placeholder="formatMessage(messages.projectSearchPlaceholder)"
-							:loading-message="formatMessage(messages.loading)"
-							:no-results-message="formatMessage(messages.noResults)"
-						/>
-					</div>
-
-					<div v-if="internalProjectId" class="flex flex-col gap-2">
-						<label class="font-semibold text-contrast">
-							{{ formatMessage(messages.versionLabel) }}
-						</label>
-						<Combobox
-							v-model="internalVersionId"
-							:placeholder="formatMessage(messages.versionPlaceholder)"
-							:options="versionOptions"
-							:searchable="true"
-							:search-placeholder="formatMessage(messages.versionSearchPlaceholder)"
-							:no-options-message="
-								versionsLoading
-									? formatMessage(messages.loading)
-									: formatMessage(messages.noResults)
-							"
-						/>
-					</div>
-				</div>
-
-				<!-- Custom Modpack Upload -->
-				<div v-else class="flex flex-col gap-4">
-					<DropzoneFileInput
-						v-if="!uploadedFile"
-						:primary-prompt="formatMessage(messages.dropzonePrimary)"
-						:secondary-prompt="formatMessage(messages.dropzoneSecondary)"
-						accept=".zip,.mrpack"
-						size="medium"
-						@change="handleFileUpload"
-					/>
-
-					<div
-						v-if="uploadedFile"
-						class="flex items-center justify-between gap-2 rounded-xl bg-button-bg px-4 py-2 text-button-text"
-					>
-						<div class="flex items-center gap-2 overflow-hidden">
-							<FileIcon />
-							<span
-								v-tooltip="uploadedFile.name"
-								class="overflow-hidden text-ellipsis whitespace-nowrap font-medium"
-							>
-								{{ uploadedFile.name }}
-							</span>
-						</div>
-
-						<ButtonStyled size="standard" :circular="true">
-							<button
-								v-tooltip="formatMessage(messages.replaceFile)"
-								aria-label="Replace file"
-								class="!shadow-none"
-								@click="fileInput?.click()"
-							>
-								<ArrowLeftRightIcon aria-hidden="true" />
-								<input
-									ref="fileInput"
-									class="hidden"
-									type="file"
-									accept=".zip,.mrpack"
-									@change="handleFileInputChange"
-								/>
-							</button>
-						</ButtonStyled>
-					</div>
-
-					<Checkbox v-model="hasLicensePermission">
-						<span class="text-left text-primary max-w-[90%]">
-							{{ formatMessage(messages.licenseCheckbox) }}
-							<NuxtLink
-								to="https://support.modrinth.com/en/articles/8797527-obtaining-modpack-permissions"
-								external
-								target="_blank"
-								class="text-blue underline font-medium"
-							>
-								{{ formatMessage(messages.learnMore) }}
-							</NuxtLink>
-						</span>
-					</Checkbox>
-				</div>
-			</div>
-
-			<!-- Set as active/primary version -->
-			<div v-if="!isFirstVersion" class="flex items-center gap-3">
-				<Toggle id="set-active-version" v-model="setAsActiveVersion" />
-				<label for="set-active-version" class="text-contrast cursor-pointer">
-					{{
-						contentType === 'published'
-							? formatMessage(messages.setActiveVersion)
-							: formatMessage(messages.setPrimaryVersion)
-					}}
-				</label>
-				<span
-					v-tooltip="formatMessage(messages.activeVersionTooltip)"
-					class="text-secondary cursor-help"
-				>
-					<InfoIcon class="h-4 w-4" />
-				</span>
-			</div>
-		</div>
-
-		<template #actions>
-			<div class="flex items-center justify-end gap-3">
-				<ButtonStyled>
-					<button :disabled="isSubmitting" @click="hide">
-						<XIcon />
-						{{ formatMessage(messages.cancel) }}
-					</button>
-				</ButtonStyled>
-				<ButtonStyled color="brand" :disabled="!canSubmit || isSubmitting">
-					<button :disabled="!canSubmit || isSubmitting" class="w-[180px]" @click="handleSubmit">
-						<SpinnerIcon v-if="isSubmitting" class="animate-spin" />
-						<PlusIcon v-else />
-						{{ submitButtonLabel }}
-					</button>
-				</ButtonStyled>
-			</div>
-		</template>
-	</NewModal>
-</template>
-
-<script setup lang="ts">
-import type { Labrinth } from '@modrinth/api-client'
-import {
-	ArrowLeftRightIcon,
-	FileIcon,
-	InfoIcon,
-	PlusIcon,
-	SpinnerIcon,
-	XIcon,
-} from '@modrinth/assets'
-import JSZip from 'jszip'
-import { computed, nextTick, ref, toRaw, watch } from 'vue'
-
-import { defineMessages, useVIntl } from '../../composables/i18n'
-import { injectModrinthClient, injectNotificationManager } from '../../providers'
-import ButtonStyled from '../base/ButtonStyled.vue'
-import Checkbox from '../base/Checkbox.vue'
-import Chips from '../base/Chips.vue'
-import type { ComboboxOption } from '../base/Combobox.vue'
-import Combobox from '../base/Combobox.vue'
-import DropzoneFileInput from '../base/DropzoneFileInput.vue'
-import Toggle from '../base/Toggle.vue'
-import NewModal from '../modal/NewModal.vue'
-import ProjectCombobox from './ProjectCombobox.vue'
-
-type ContentType = 'published' | 'custom'
-
-interface VersionInfo {
-	id: string
-	version_number: string
-	name: string
-}
-
-const messages = defineMessages({
-	title: { id: 'create-version-modal.title', defaultMessage: 'Create new version' },
-	versionNameLabel: {
-		id: 'create-version-modal.version-name-label',
-		defaultMessage: 'Name',
-	},
-	versionNumberPlaceholder: {
-		id: 'create-version-modal.version-number-placeholder',
-		defaultMessage: 'Enter version number',
-	},
-	moddedContentLabel: {
-		id: 'create-version-modal.modded-content-label',
-		defaultMessage: 'Modded content',
-	},
-	publishedModpack: {
-		id: 'create-version-modal.published-modpack',
-		defaultMessage: 'Published modpack',
-	},
-	customModpack: { id: 'create-version-modal.custom-modpack', defaultMessage: 'Custom modpack' },
-	projectLabel: { id: 'create-version-modal.project-label', defaultMessage: 'Project' },
-	projectPlaceholder: {
-		id: 'create-version-modal.project-placeholder',
-		defaultMessage: 'Select modpack',
-	},
-	projectSearchPlaceholder: {
-		id: 'create-version-modal.project-search-placeholder',
-		defaultMessage: 'Search by name or paste ID...',
-	},
-	versionLabel: { id: 'create-version-modal.version-label', defaultMessage: 'Version' },
-	versionPlaceholder: {
-		id: 'create-version-modal.version-placeholder',
-		defaultMessage: 'Select version',
-	},
-	versionSearchPlaceholder: {
-		id: 'create-version-modal.version-search-placeholder',
-		defaultMessage: 'Search versions...',
-	},
-	dropzonePrimary: {
-		id: 'create-version-modal.dropzone-primary',
-		defaultMessage: 'Drag and drop files or click to browse',
-	},
-	dropzoneSecondary: {
-		id: 'create-version-modal.dropzone-secondary',
-		defaultMessage: 'You can try to drag files or folder or click this area to select it',
-	},
-	replaceFile: {
-		id: 'create-version-modal.replace-file',
-		defaultMessage: 'Replace file',
-	},
-	licenseCheckbox: {
-		id: 'create-version-modal.license-checkbox',
-		defaultMessage:
-			'Do you have the appropriate licenses to redistribute all content in this Modpack?',
-	},
-	learnMore: { id: 'create-version-modal.learn-more', defaultMessage: 'Learn more' },
-	setActiveVersion: {
-		id: 'create-version-modal.set-active-version',
-		defaultMessage: 'Set as the active version.',
-	},
-	setPrimaryVersion: {
-		id: 'create-version-modal.set-primary-version',
-		defaultMessage: 'Set as the primary version.',
-	},
-	activeVersionTooltip: {
-		id: 'create-version-modal.active-version-tooltip',
-		defaultMessage: 'This version will be used when players join the server.',
-	},
-	cancel: { id: 'create-version-modal.cancel', defaultMessage: 'Cancel' },
-	selectModpack: { id: 'create-version-modal.select-modpack', defaultMessage: 'Select modpack' },
-	uploading: { id: 'create-version-modal.uploading', defaultMessage: 'Uploading' },
-	creatingVersion: {
-		id: 'create-version-modal.creating-version',
-		defaultMessage: 'Creating version',
-	},
-	loading: { id: 'create-version-modal.loading', defaultMessage: 'Loading...' },
-	noResults: { id: 'create-version-modal.no-results', defaultMessage: 'No results found' },
-})
-
-const { formatMessage } = useVIntl()
-
-const props = defineProps<{
-	projectId: string
-	onSave?: () => void | Promise<void>
-	isFirstVersion?: boolean
-}>()
-
-const { addNotification } = injectNotificationManager()
-const { labrinth } = injectModrinthClient()
-
-const modal = ref<InstanceType<typeof NewModal> | null>(null)
-const fileInput = ref<HTMLInputElement>()
-
-// Form state
-const contentType = ref<ContentType>('published')
-
-interface SelectedPublishedProject {
-	projectId: string
-	projectName: string
-	versionId: string
-	versionNumber: string
-}
-
-const selectedPublishedProject = ref<SelectedPublishedProject | null>(null)
-
-// Internal refs for combobox v-models
-const internalProjectId = ref<string>('')
-const internalVersionId = ref<string>('')
-const currentProjectName = ref<string>('')
-
-const uploadedFile = ref<File | null>(null)
-const hasLicensePermission = ref(false)
-const setAsActiveVersion = ref(true)
-
-// Submission state
-const isSubmitting = ref(false)
-const isUploading = ref(false)
-const uploadProgress = ref({ loaded: 0, total: 0, progress: 0 })
-
-// Version loading state
-const versionsLoading = ref(false)
-const projectVersions = ref<VersionInfo[]>([])
-
-const contentTypeOptions: ContentType[] = ['published', 'custom']
-
-function formatContentType(type: ContentType): string {
-	return type === 'published'
-		? formatMessage(messages.publishedModpack)
-		: formatMessage(messages.customModpack)
-}
-
-const versionOptions = computed<ComboboxOption<string>[]>(() => {
-	return projectVersions.value.map((version) => ({
-		label: version.version_number,
-		value: version.id,
-	}))
-})
-
-const canSubmit = computed(() => {
-	if (isSubmitting.value) return false
-	if (contentType.value === 'published') {
-		return !!selectedPublishedProject.value
-	} else {
-		return !!uploadedFile.value && hasLicensePermission.value
-	}
-})
-
-const submitButtonLabel = computed(() => {
-	if (isUploading.value) {
-		if (uploadProgress.value.progress >= 1) {
-			return formatMessage(messages.creatingVersion)
-		}
-		return `${formatMessage(messages.uploading)} ${Math.round(uploadProgress.value.progress * 100)}%`
-	}
-	return formatMessage(messages.selectModpack)
-})
-
-// Watch for project selection changes to load versions
-watch(internalProjectId, async (newProjectId) => {
-	internalVersionId.value = ''
-	projectVersions.value = []
-	selectedPublishedProject.value = null
-	currentProjectName.value = ''
-
-	if (!newProjectId) return
-
-	versionsLoading.value = true
-	try {
-		// Fetch project info to get the name
-		const project = await labrinth.projects_v3.get(newProjectId)
-		currentProjectName.value = project.name
-
-		const versions = await labrinth.versions_v3.getProjectVersions(newProjectId)
-		projectVersions.value = versions.map((v) => ({
-			id: v.id,
-			version_number: v.version_number,
-			name: v.name,
-		}))
-	} catch (error: unknown) {
-		const err = error as { data?: { description?: string } }
-		addNotification({
-			title: 'Failed to load versions',
-			text: err.data?.description || String(error),
-			type: 'error',
-		})
-	} finally {
-		versionsLoading.value = false
-	}
-})
-
-// Watch for version selection to build the complete selectedPublishedProject
-watch(internalVersionId, (newVersionId) => {
-	if (!newVersionId || !internalProjectId.value) {
-		selectedPublishedProject.value = null
-		return
-	}
-
-	const selectedVersion = projectVersions.value.find((v) => v.id === newVersionId)
-	if (selectedVersion) {
-		selectedPublishedProject.value = {
-			projectId: internalProjectId.value,
-			projectName: currentProjectName.value,
-			versionId: newVersionId,
-			versionNumber: selectedVersion.version_number,
-		}
-	}
-})
-
-function handleFileUpload(files: File[]) {
-	if (files.length > 0) {
-		uploadedFile.value = files[0]
-	}
-}
-
-function handleFileInputChange(e: Event) {
-	const target = e.target as HTMLInputElement
-	const file = target.files?.[0]
-	if (file) {
-		uploadedFile.value = file
-	}
-	target.value = ''
-}
-
-function resetState() {
-	contentType.value = 'published'
-	internalProjectId.value = ''
-	internalVersionId.value = ''
-	selectedPublishedProject.value = null
-	currentProjectName.value = ''
-	uploadedFile.value = null
-	hasLicensePermission.value = false
-	setAsActiveVersion.value = true
-	projectVersions.value = []
-	isSubmitting.value = false
-	isUploading.value = false
-	uploadProgress.value = { loaded: 0, total: 0, progress: 0 }
-}
-
-async function handleSubmit() {
-	if (!canSubmit.value) return
-
-	isSubmitting.value = true
-
-	try {
-		if (contentType.value === 'published' && selectedPublishedProject.value) {
-			// TODO: Implement published modpack linking when backend API is ready
-			// For now, just mock success - the backend will handle linking to the published version
-			// This will eventually create a server version that references the published modpack version
-			// without re-uploading the file
-			console.log('Published modpack selected:', {
-				projectId: selectedPublishedProject.value.projectId,
-				projectName: selectedPublishedProject.value.projectName,
-				versionId: selectedPublishedProject.value.versionId,
-				versionNumber: selectedPublishedProject.value.versionNumber,
-				setAsActiveVersion: setAsActiveVersion.value,
-			})
-
-			addNotification({
-				title: 'Published modpack selected',
-				text: `Selected ${selectedPublishedProject.value.projectName} v${selectedPublishedProject.value.versionNumber}. Linking will be available soon.`,
-				type: 'success',
-			})
-		} else if (contentType.value === 'custom' && uploadedFile.value) {
-			const file = toRaw(uploadedFile.value)
-
-			// Default to filename if we can't parse the mrpack
-			let versionName = file.name.replace(/\.(zip|mrpack)$/i, '')
-			let versionNumber = versionName
-			const loaders: string[] = []
-			let gameVersions: string[] = []
-
-			try {
-				const zip = await JSZip.loadAsync(file)
-				const indexFile = zip.file('modrinth.index.json')
-
-				if (indexFile) {
-					const indexContent = await indexFile.async('text')
-					const metadata = JSON.parse(indexContent) as {
-						name?: string
-						versionId?: string
-						dependencies?: Record<string, string>
-					}
-					if (metadata.name) {
-						versionName = metadata.name
-					}
-					if (metadata.versionId) {
-						versionNumber = metadata.versionId
-					}
-					if (metadata.dependencies) {
-						if ('forge' in metadata.dependencies) loaders.push('forge')
-						if ('neoforge' in metadata.dependencies) loaders.push('neoforge')
-						if ('fabric-loader' in metadata.dependencies) loaders.push('fabric')
-						if ('quilt-loader' in metadata.dependencies) loaders.push('quilt')
-						if (metadata.dependencies.minecraft) gameVersions = [metadata.dependencies.minecraft]
-					}
-				}
-			} catch {
-				console.warn('Could not parse modrinth.index.json from mrpack')
-			}
-
-			const draftVersion: Labrinth.Versions.v3.DraftVersion = {
-				project_id: props.projectId,
-				name: versionName,
-				version_number: versionNumber,
-				version_type: 'release',
-				loaders,
-				game_versions: gameVersions,
-				featured: setAsActiveVersion.value,
-				status: 'listed',
-				changelog: '',
-				dependencies: [],
-				environment: 'client_and_server',
-			}
-
-			const files: Labrinth.Versions.v3.DraftVersionFile[] = [{ file, fileType: undefined }]
-
-			const uploadHandle = labrinth.versions_v3.createVersion(draftVersion, files, 'modpack')
-
-			// Track upload progress
-			isUploading.value = true
-			uploadProgress.value = { loaded: 0, total: 0, progress: 0 }
-
-			uploadHandle.onProgress((progress) => {
-				uploadProgress.value = progress
-			})
-
-			await uploadHandle.promise
-			isUploading.value = false
-
-			addNotification({
-				title: 'Server version created',
-				text: 'The version has been successfully added to your server.',
-				type: 'success',
-			})
-		}
-		isSubmitting.value = false
-
-		await nextTick()
-		hide()
-
-		await props.onSave?.()
-	} catch (err: unknown) {
-		isSubmitting.value = false
-		const error = err as { data?: { description?: string } }
-		addNotification({
-			title: 'Could not create server version',
-			text: error.data?.description || String(err),
-			type: 'error',
-		})
-	}
-}
-
-function show(event?: MouseEvent) {
-	modal.value?.show(event)
-}
-
-function hide() {
-	if (isSubmitting.value) return
-	modal.value?.hide()
-}
-
-defineExpose({
-	show,
-	hide,
-})
-</script>
diff --git a/packages/ui/src/components/project/index.ts b/packages/ui/src/components/project/index.ts
index acecdd6cd9..7ff73145db 100644
--- a/packages/ui/src/components/project/index.ts
+++ b/packages/ui/src/components/project/index.ts
@@ -3,7 +3,6 @@ export * from './settings'
 
 // Other
 export { default as ProjectCard } from './card/ProjectCard.vue'
-export { default as CreateServerVersionModal } from './CreateServerVersionModal.vue'
 export { default as ProjectBackgroundGradient } from './ProjectBackgroundGradient.vue'
 export { default as ProjectCardList } from './ProjectCardList.vue'
 export { default as ProjectCombobox } from './ProjectCombobox.vue'

From 437734e3bcc27cb17238091a34796a38a33d2169 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 13:55:28 -0700
Subject: [PATCH 146/178] pnpm prepr

---
 .../stages/SelectCompatibilityType.vue        |  2 +-
 .../stages/SelectPublishedModpack.vue         |  2 +-
 .../stages/SelectVanillaVersions.vue          | 10 +--
 .../src/pages/[type]/[id]/settings/index.vue  |  2 +-
 packages/ui/src/locales/en-US/index.json      | 78 -------------------
 5 files changed, 8 insertions(+), 86 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
index 0a49d710a6..47d593d2be 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
@@ -29,8 +29,8 @@
 import { BoxIcon, PackageIcon, PackageOpenIcon } from '@modrinth/assets'
 
 import {
-	injectServerCompatibilityContext,
 	type CompatibilityType,
+	injectServerCompatibilityContext,
 } from '../manage-server-compatibility-modal'
 
 const ctx = injectServerCompatibilityContext()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index 7f66b6479c..cc16f98df6 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -37,7 +37,7 @@
 				</div>
 			</div>
 
-			<div class="flex items-center justify-between" v-if="selectedVersion.mrpack_loaders?.length">
+			<div v-if="selectedVersion.mrpack_loaders?.length" class="flex items-center justify-between">
 				<div class="text-secondary">Platform</div>
 				<div class="flex flex-wrap gap-1">
 					<TagItem
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
index 7f1377c467..77957d1395 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
@@ -9,16 +9,16 @@
 				<span class="label__title">Recommended MC version</span>
 				<Combobox
 					v-model="recommendedGameVersion"
-					:options="recommendedOptions"
-					searchable
-					:display-name="(val: string) => val"
-					placeholder="Select version"
-					:disabled="!recommendedOptions.length"
 					v-tooltip="
 						!recommendedOptions.length
 							? 'Set supported versions before selecting the recommended version'
 							: undefined
 					"
+					:options="recommendedOptions"
+					searchable
+					:display-name="(val: string) => val"
+					placeholder="Select version"
+					:disabled="!recommendedOptions.length"
 				/>
 				<div class="mt-2 text-secondary">
 					Players joining the server from the Modrinth App will connect using this version.
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 8463d68de2..523af4f05e 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -298,7 +298,7 @@
 			</div>
 		</section>
 
-		<section class="universal-card" v-if="isServerProject">
+		<section v-if="isServerProject" class="universal-card">
 			<div class="flex flex-col gap-6">
 				<div class="text-2xl font-semibold text-contrast">Server settings</div>
 
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index 2dc6d254db..299a8070a9 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -170,84 +170,6 @@
   "collections.label.private": {
     "defaultMessage": "Private"
   },
-  "create-version-modal.active-version-tooltip": {
-    "defaultMessage": "This version will be used when players join the server."
-  },
-  "create-version-modal.cancel": {
-    "defaultMessage": "Cancel"
-  },
-  "create-version-modal.creating-version": {
-    "defaultMessage": "Creating version"
-  },
-  "create-version-modal.custom-modpack": {
-    "defaultMessage": "Custom modpack"
-  },
-  "create-version-modal.dropzone-primary": {
-    "defaultMessage": "Drag and drop files or click to browse"
-  },
-  "create-version-modal.dropzone-secondary": {
-    "defaultMessage": "You can try to drag files or folder or click this area to select it"
-  },
-  "create-version-modal.learn-more": {
-    "defaultMessage": "Learn more"
-  },
-  "create-version-modal.license-checkbox": {
-    "defaultMessage": "Do you have the appropriate licenses to redistribute all content in this Modpack?"
-  },
-  "create-version-modal.loading": {
-    "defaultMessage": "Loading..."
-  },
-  "create-version-modal.modded-content-label": {
-    "defaultMessage": "Modded content"
-  },
-  "create-version-modal.no-results": {
-    "defaultMessage": "No results found"
-  },
-  "create-version-modal.project-label": {
-    "defaultMessage": "Project"
-  },
-  "create-version-modal.project-placeholder": {
-    "defaultMessage": "Select modpack"
-  },
-  "create-version-modal.project-search-placeholder": {
-    "defaultMessage": "Search by name or paste ID..."
-  },
-  "create-version-modal.published-modpack": {
-    "defaultMessage": "Published modpack"
-  },
-  "create-version-modal.replace-file": {
-    "defaultMessage": "Replace file"
-  },
-  "create-version-modal.select-modpack": {
-    "defaultMessage": "Select modpack"
-  },
-  "create-version-modal.set-active-version": {
-    "defaultMessage": "Set as the active version."
-  },
-  "create-version-modal.set-primary-version": {
-    "defaultMessage": "Set as the primary version."
-  },
-  "create-version-modal.title": {
-    "defaultMessage": "Create new version"
-  },
-  "create-version-modal.uploading": {
-    "defaultMessage": "Uploading"
-  },
-  "create-version-modal.version-label": {
-    "defaultMessage": "Version"
-  },
-  "create-version-modal.version-name-label": {
-    "defaultMessage": "Name"
-  },
-  "create-version-modal.version-number-placeholder": {
-    "defaultMessage": "Enter version number"
-  },
-  "create-version-modal.version-placeholder": {
-    "defaultMessage": "Select version"
-  },
-  "create-version-modal.version-search-placeholder": {
-    "defaultMessage": "Search versions..."
-  },
   "form.label.address-line": {
     "defaultMessage": "Address line"
   },

From af9c3d1a9d5d90560887ae7223423f0b8ccd65dc Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 14:08:03 -0700
Subject: [PATCH 147/178] small style updates

---
 .../ui/project-settings/CompatibilityCard.vue       | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 8a2ec7d972..4f8118fa54 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -70,13 +70,16 @@
 				<div class="flex w-full flex-col gap-2">
 					<div class="font-medium text-secondary">Required modpack</div>
 					<div class="flex w-full max-w-[500px] items-center gap-3 rounded-2xl bg-surface-1 p-3">
-						<Avatar :src="modpackProject.icon_url" size="2.5rem" :tint-by="modpackProject.name" />
+						<Avatar :src="modpackProject.icon_url" size="56px" :tint-by="modpackProject.name" />
 						<div class="flex flex-col">
 							<div class="font-semibold text-contrast">{{ modpackProject.name }}</div>
-							<div class="flex items-center gap-1.5 text-xs text-secondary">
-								<Avatar v-if="modpackOrg?.icon_url" :src="modpackOrg.icon_url" size="1rem" circle />
-								<span v-if="modpackOrg?.name">{{ modpackOrg.name }}</span>
-								<span v-if="modpackVersion">&middot; v{{ modpackVersion.version_number }}</span>
+							<div class="flex h-6 items-center gap-1.5 text-secondary">
+								<Avatar v-if="modpackOrg?.icon_url" :src="modpackOrg.icon_url" size="24px" circle />
+								<span v-if="modpackOrg?.name">
+									{{ modpackOrg.name }}
+									<div class="h-1 w-1 bg-surface-5"></div>
+								</span>
+								<span v-if="modpackVersion">v{{ modpackVersion.version_number }}</span>
 							</div>
 						</div>
 					</div>

From 1b2b5c859c71d7dce2a40b55ee0e1d8a30ea9733 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 14:15:13 -0700
Subject: [PATCH 148/178] update required modpack card for custom modpack

---
 .../ui/project-settings/CompatibilityCard.vue | 26 +++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 4f8118fa54..36432c2491 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -70,9 +70,23 @@
 				<div class="flex w-full flex-col gap-2">
 					<div class="font-medium text-secondary">Required modpack</div>
 					<div class="flex w-full max-w-[500px] items-center gap-3 rounded-2xl bg-surface-1 p-3">
-						<Avatar :src="modpackProject.icon_url" size="56px" :tint-by="modpackProject.name" />
+						<Avatar
+							v-if="!usingCustomMrpack"
+							:src="modpackProject.icon_url"
+							size="56px"
+							:tint-by="modpackProject.name"
+						/>
+						<div
+							v-else
+							class="flex h-14 w-14 shrink-0 items-center justify-center rounded-xl border border-solid border-surface-5 bg-surface-3"
+						>
+							<PackageIcon class="h-10 w-10 shrink-0 text-secondary" />
+						</div>
+
 						<div class="flex flex-col">
-							<div class="font-semibold text-contrast">{{ modpackProject.name }}</div>
+							<div class="font-semibold text-contrast">
+								{{ usingCustomMrpack ? modpackFileName : modpackProject.name }}
+							</div>
 							<div class="flex h-6 items-center gap-1.5 text-secondary">
 								<Avatar v-if="modpackOrg?.icon_url" :src="modpackOrg.icon_url" size="24px" circle />
 								<span v-if="modpackOrg?.name">
@@ -157,6 +171,14 @@ const { data: modpackOrg } = useQuery({
 	enabled: computed(() => !!modpackProjectId.value && !!modpackProject.value?.organization),
 })
 
+const usingCustomMrpack = computed(() => modpackVersion.value?.project_id === projectV3.value?.id)
+
+const modpackFileName = computed(() => {
+	if (!modpackVersion.value?.files?.length) return null
+	const primary = modpackVersion.value.files.find((f) => f.primary)
+	return (primary ?? modpackVersion.value.files[0]).filename
+})
+
 function handleSetCompatibility() {
 	serverCompatibilityModal.value?.show()
 }

From b99a460e3efdfdbf3a1c88cb273d9714048a7021 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 15:00:50 -0700
Subject: [PATCH 149/178] implement proper updating server compatibility

---
 .../ui/project-settings/CompatibilityCard.vue | 175 +++++++++++-------
 .../ServerCompatibilityModal.vue              |  18 +-
 .../manage-server-compatibility-modal.ts      | 102 +++++++---
 .../src/components/base/MultiStageModal.vue   |   1 +
 4 files changed, 199 insertions(+), 97 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 36432c2491..0fb5376996 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -11,7 +11,7 @@
 					<div v-else>
 						<div v-if="content.kind === 'vanilla'" class="flex items-center gap-1.5">
 							<div
-								class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-solid border-surface-5"
+								class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-solid border-surface-5 font-medium"
 							>
 								<BoxIcon class="h-4 w-4 shrink-0 text-secondary" />
 							</div>
@@ -20,7 +20,7 @@
 						</div>
 						<div v-if="content.kind === 'modpack'" class="flex items-center gap-1.5">
 							<div
-								class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-solid border-surface-5"
+								class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-solid border-surface-5 font-medium"
 							>
 								<PackageIcon class="h-4 w-4 shrink-0 text-secondary" />
 							</div>
@@ -28,8 +28,8 @@
 						</div>
 					</div>
 				</div>
-				<ButtonStyled v-if="content">
-					<button @click="handleSwitchCompatibility">
+				<ButtonStyled v-if="content" type="outlined">
+					<button @click="handleSwitchCompatibility" class="!border-[1px]">
 						<ArrowLeftRightIcon />
 						Switch type
 					</button>
@@ -44,76 +44,93 @@
 
 			<div class="h-[1px] w-full bg-surface-5"></div>
 
-			<!-- kind = vanilla -->
-			<div v-if="content?.kind === 'vanilla'" class="flex items-start justify-between gap-4">
-				<div class="flex flex-col gap-2">
-					<div class="font-medium text-secondary">Recommended version</div>
-					<div class="text-2xl font-semibold text-contrast">
-						{{ content.recommended_game_version ?? '—' }}
+			<div class="flex justify-between">
+				<!-- kind = vanilla -->
+				<div v-if="content?.kind === 'vanilla'" class="flex items-start justify-between gap-4">
+					<div class="flex flex-col gap-2">
+						<div class="font-medium text-secondary">Recommended version</div>
+						<div class="text-2xl font-semibold text-contrast">
+							{{ content.recommended_game_version ?? '—' }}
+						</div>
 					</div>
-				</div>
-				<div class="flex flex-col gap-2">
-					<div class="font-medium text-secondary">Supported versions</div>
-					<div class="flex flex-wrap gap-1.5">
-						<TagItem v-for="v in content.supported_game_versions" :key="v">
-							{{ v }}
-						</TagItem>
+					<div class="flex flex-col gap-2">
+						<div class="font-medium text-secondary">Supported versions</div>
+						<div class="flex flex-wrap gap-1.5">
+							<TagItem v-for="v in content.supported_game_versions" :key="v">
+								{{ v }}
+							</TagItem>
+						</div>
 					</div>
 				</div>
-			</div>
-
-			<!-- kind = modpack -->
-			<div
-				v-if="content?.kind === 'modpack' && modpackProject"
-				class="flex flex-col items-start justify-between gap-4"
-			>
-				<div class="flex w-full flex-col gap-2">
-					<div class="font-medium text-secondary">Required modpack</div>
-					<div class="flex w-full max-w-[500px] items-center gap-3 rounded-2xl bg-surface-1 p-3">
-						<Avatar
-							v-if="!usingCustomMrpack"
-							:src="modpackProject.icon_url"
-							size="56px"
-							:tint-by="modpackProject.name"
-						/>
-						<div
-							v-else
-							class="flex h-14 w-14 shrink-0 items-center justify-center rounded-xl border border-solid border-surface-5 bg-surface-3"
-						>
-							<PackageIcon class="h-10 w-10 shrink-0 text-secondary" />
-						</div>
-
-						<div class="flex flex-col">
-							<div class="font-semibold text-contrast">
-								{{ usingCustomMrpack ? modpackFileName : modpackProject.name }}
+				<!-- kind = modpack -->
+				<div
+					v-if="content?.kind === 'modpack' && modpackProject"
+					class="flex w-full flex-col items-start justify-between gap-4"
+				>
+					<div class="flex w-full flex-col gap-2">
+						<div class="font-medium text-secondary">Required modpack</div>
+						<div class="flex w-full max-w-[500px] items-center gap-3 rounded-2xl bg-surface-1 p-3">
+							<Avatar
+								v-if="!usingCustomMrpack"
+								:src="modpackProject.icon_url"
+								size="56px"
+								:tint-by="modpackProject.name"
+							/>
+							<div
+								v-else
+								class="flex h-14 w-14 shrink-0 items-center justify-center rounded-xl border border-solid border-surface-5 bg-surface-3"
+							>
+								<PackageIcon class="h-10 w-10 shrink-0 text-secondary" />
 							</div>
-							<div class="flex h-6 items-center gap-1.5 text-secondary">
-								<Avatar v-if="modpackOrg?.icon_url" :src="modpackOrg.icon_url" size="24px" circle />
-								<span v-if="modpackOrg?.name">
-									{{ modpackOrg.name }}
-									<div class="h-1 w-1 bg-surface-5"></div>
-								</span>
-								<span v-if="modpackVersion">v{{ modpackVersion.version_number }}</span>
+
+							<div class="flex flex-col">
+								<div class="font-semibold text-contrast">
+									{{ usingCustomMrpack ? modpackFileName : modpackProject.name }}
+								</div>
+								<div class="flex h-6 items-center gap-1.5 text-secondary">
+									<Avatar
+										v-if="modpackOrg?.icon_url"
+										:src="modpackOrg.icon_url"
+										size="24px"
+										circle
+									/>
+									<span v-if="modpackOrg?.name">
+										{{ modpackOrg.name }}
+										<div class="h-1 w-1 bg-surface-5"></div>
+									</span>
+									<span v-if="modpackVersion">v{{ modpackVersion.version_number }}</span>
+								</div>
 							</div>
 						</div>
 					</div>
-				</div>
-				<div v-if="modpackVersion" class="flex flex-col gap-2">
-					<div class="font-medium text-secondary">Required version</div>
-					<div class="flex flex-wrap gap-1.5">
-						<TagItem v-for="gv in modpackVersion.game_versions" :key="gv">
-							{{ gv }}
-						</TagItem>
-						<TagItem
-							v-for="loader in modpackVersion.mrpack_loaders"
-							:key="loader"
-							:style="`--_color: var(--color-platform-${loader})`"
-						>
-							<component :is="getLoaderIcon(loader)" v-if="getLoaderIcon(loader)" class="h-4 w-4" />
-							<FormattedTag :tag="loader" enforce-type="loader" />
-						</TagItem>
+					<div v-if="modpackVersion" class="flex flex-col gap-2">
+						<div class="font-medium text-secondary">Required version</div>
+						<div class="flex flex-wrap gap-1.5">
+							<TagItem v-for="gv in modpackVersion.game_versions" :key="gv">
+								{{ gv }}
+							</TagItem>
+							<TagItem
+								v-for="loader in modpackVersion.mrpack_loaders"
+								:key="loader"
+								:style="`--_color: var(--color-platform-${loader})`"
+							>
+								<component
+									:is="getLoaderIcon(loader)"
+									v-if="getLoaderIcon(loader)"
+									class="h-4 w-4"
+								/>
+								<FormattedTag :tag="loader" enforce-type="loader" />
+							</TagItem>
+						</div>
 					</div>
 				</div>
+
+				<ButtonStyled v-if="content">
+					<button @click="handleUpdateContent">
+						<RefreshCwIcon />
+						Update
+					</button>
+				</ButtonStyled>
 			</div>
 		</div>
 		<ServerCompatibilityModal ref="serverCompatibilityModal" />
@@ -121,7 +138,14 @@
 </template>
 
 <script setup lang="ts">
-import { ArrowLeftRightIcon, BoxIcon, getLoaderIcon, PackageIcon, PlayIcon } from '@modrinth/assets'
+import {
+	ArrowLeftRightIcon,
+	BoxIcon,
+	getLoaderIcon,
+	PackageIcon,
+	PlayIcon,
+	RefreshCwIcon,
+} from '@modrinth/assets'
 import {
 	Avatar,
 	ButtonStyled,
@@ -186,4 +210,23 @@ function handleSetCompatibility() {
 function handleSwitchCompatibility() {
 	serverCompatibilityModal.value?.show()
 }
+
+function handleUpdateContent() {
+	if (!content.value?.kind) return
+
+	switch (content.value.kind) {
+		case 'vanilla':
+			serverCompatibilityModal.value?.show({ updateContentKind: 'vanilla' })
+			break
+		case 'modpack':
+			if (usingCustomMrpack.value) {
+				serverCompatibilityModal.value?.show({ updateContentKind: 'custom-modpack' })
+			} else {
+				serverCompatibilityModal.value?.show({ updateContentKind: 'published-modpack' })
+			}
+			break
+		default:
+			break
+	}
+}
 </script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index bef44b980a..467e43cf37 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -9,6 +9,7 @@ import type { ComponentExposed } from 'vue-component-type-helpers'
 import {
 	createServerCompatibilityContext,
 	provideServerCompatibilityContext,
+	type CompatibilityType,
 } from './manage-server-compatibility-modal'
 
 const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
@@ -16,8 +17,21 @@ const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
 const ctx = createServerCompatibilityContext(modal)
 provideServerCompatibilityContext(ctx)
 
-function show(stageId?: string | null) {
-	modal.value?.setStage(stageId ?? 0)
+interface ShowModalOptions {
+	stageId?: string | null
+	updateContentKind?: CompatibilityType
+}
+
+async function show(options?: ShowModalOptions) {
+	if (options?.updateContentKind) {
+		ctx.compatibilityType.value = options.updateContentKind
+		ctx.isEditingExistingCompatibility.value = true
+		await nextTick()
+		modal.value?.setStage(1)
+	} else {
+		modal.value?.setStage(options?.stageId ?? 0)
+	}
+
 	modal.value?.show()
 }
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
index 7d47a473df..234d7729b1 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
@@ -1,5 +1,5 @@
 import type { Labrinth } from '@modrinth/api-client'
-import { LeftArrowIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
+import { LeftArrowIcon, SaveIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
 import {
 	createContext,
 	injectModrinthClient,
@@ -34,6 +34,7 @@ export interface ServerCompatibilityContextValue {
 	recommendedGameVersion: Ref<string | null>
 	customModpackFile: Ref<File | null>
 	hasLicensePermission: Ref<boolean>
+	isEditingExistingCompatibility: Ref<boolean>
 
 	// Actions
 	resetContext: () => void
@@ -58,6 +59,7 @@ export function createServerCompatibilityContext(
 	const recommendedGameVersion = ref<string | null>(null)
 	const customModpackFile = ref<File | null>(null)
 	const hasLicensePermission = ref(false)
+	const isEditingExistingCompatibility = ref(false)
 
 	async function uploadCustomModpackFile(file: File): Promise<Labrinth.Versions.v3.Version> {
 		const rawFile = toRaw(file)
@@ -203,6 +205,7 @@ export function createServerCompatibilityContext(
 		recommendedGameVersion.value = null
 		customModpackFile.value = null
 		hasLicensePermission.value = false
+		isEditingExistingCompatibility.value = false
 	}
 
 	return {
@@ -216,6 +219,7 @@ export function createServerCompatibilityContext(
 		recommendedGameVersion,
 		customModpackFile,
 		hasLicensePermission,
+		isEditingExistingCompatibility,
 		resetContext,
 		handleSave,
 	}
@@ -235,13 +239,26 @@ const selectVanillaVersionsStage: StageConfigInput<ServerCompatibilityContextVal
 	stageContent: markRaw(SelectVanillaVersions),
 	title: 'Vanilla versions',
 	skip: (ctx) => ctx.compatibilityType.value !== 'vanilla' && !!ctx.compatibilityType.value,
-	leftButtonConfig: (ctx) => ({
-		label: 'Back',
-		icon: LeftArrowIcon,
-		onClick: () => ctx.modal.value?.prevStage(),
-	}),
+	leftButtonConfig: (ctx) =>
+		ctx.isEditingExistingCompatibility.value
+			? {
+					label: 'Cancel',
+					icon: XIcon,
+					onClick: () => ctx.modal.value?.hide(),
+				}
+			: {
+					label: 'Back',
+					icon: LeftArrowIcon,
+					onClick: () => ctx.modal.value?.prevStage(),
+				},
 	rightButtonConfig: (ctx) => ({
-		label: ctx.isSubmitting.value ? 'Saving…' : 'Save',
+		label: ctx.isSubmitting.value
+			? ctx.isEditingExistingCompatibility.value
+				? 'Updating…'
+				: 'Saving…'
+			: ctx.isEditingExistingCompatibility.value
+				? 'Save changes'
+				: 'Save',
 		icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
 		iconPosition: 'before',
 		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
@@ -252,6 +269,7 @@ const selectVanillaVersionsStage: StageConfigInput<ServerCompatibilityContextVal
 			!ctx.recommendedGameVersion.value,
 		onClick: () => ctx.handleSave(),
 	}),
+	nonProgressStage: (ctx) => ctx.isEditingExistingCompatibility.value,
 }
 
 const selectPublishedModpackStage: StageConfigInput<ServerCompatibilityContextValue> = {
@@ -260,23 +278,35 @@ const selectPublishedModpackStage: StageConfigInput<ServerCompatibilityContextVa
 	title: 'Select modpack',
 	skip: (ctx) => ctx.compatibilityType.value !== 'published-modpack',
 	cannotNavigateForward: (ctx) => !ctx.selectedProjectId.value || !ctx.selectedVersionId.value,
-	leftButtonConfig: (ctx) => ({
-		label: 'Back',
-		icon: LeftArrowIcon,
-		onClick: () => ctx.modal.value?.prevStage(),
+	leftButtonConfig: (ctx) =>
+		ctx.isEditingExistingCompatibility.value
+			? {
+					label: 'Cancel',
+					icon: XIcon,
+					onClick: () => ctx.modal.value?.hide(),
+				}
+			: {
+					label: 'Back',
+					icon: LeftArrowIcon,
+					onClick: () => ctx.modal.value?.prevStage(),
+				},
+	rightButtonConfig: (ctx) => ({
+		label: ctx.isSubmitting.value
+			? ctx.isEditingExistingCompatibility.value
+				? 'Updating…'
+				: 'Saving…'
+			: ctx.isEditingExistingCompatibility.value
+				? 'Save changes'
+				: 'Save',
+		icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
+		iconPosition: 'before',
+		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
+		color: 'green',
+		disabled:
+			ctx.isSubmitting.value || !ctx.selectedProjectId.value || !ctx.selectedVersionId.value,
+		onClick: () => ctx.handleSave(),
 	}),
-	rightButtonConfig: (ctx) => {
-		return {
-			label: ctx.isSubmitting.value ? 'Saving…' : 'Save',
-			icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
-			iconPosition: 'before' as const,
-			iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
-			color: 'green' as const,
-			disabled:
-				ctx.isSubmitting.value || !ctx.selectedProjectId.value || !ctx.selectedVersionId.value,
-			onClick: () => ctx.handleSave(),
-		}
-	},
+	nonProgressStage: (ctx) => ctx.isEditingExistingCompatibility.value,
 }
 
 const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue> = {
@@ -284,13 +314,26 @@ const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue
 	stageContent: markRaw(UploadCustomModpack),
 	title: 'Custom modpack',
 	skip: (ctx) => ctx.compatibilityType.value !== 'custom-modpack',
-	leftButtonConfig: (ctx) => ({
-		label: 'Back',
-		icon: LeftArrowIcon,
-		onClick: () => ctx.modal.value?.prevStage(),
-	}),
+	leftButtonConfig: (ctx) =>
+		ctx.isEditingExistingCompatibility.value
+			? {
+					label: 'Cancel',
+					icon: XIcon,
+					onClick: () => ctx.modal.value?.hide(),
+				}
+			: {
+					label: 'Back',
+					icon: LeftArrowIcon,
+					onClick: () => ctx.modal.value?.prevStage(),
+				},
 	rightButtonConfig: (ctx) => ({
-		label: ctx.isSubmitting.value ? 'Saving…' : 'Save',
+		label: ctx.isSubmitting.value
+			? ctx.isEditingExistingCompatibility.value
+				? 'Updating…'
+				: 'Saving…'
+			: ctx.isEditingExistingCompatibility.value
+				? 'Save changes'
+				: 'Save',
 		icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
 		iconPosition: 'before',
 		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
@@ -299,6 +342,7 @@ const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue
 			ctx.isSubmitting.value || !ctx.customModpackFile.value || !ctx.hasLicensePermission.value,
 		onClick: () => ctx.handleSave(),
 	}),
+	nonProgressStage: (ctx) => ctx.isEditingExistingCompatibility.value,
 }
 
 const stageConfigs: StageConfigInput<ServerCompatibilityContextValue>[] = [
diff --git a/packages/ui/src/components/base/MultiStageModal.vue b/packages/ui/src/components/base/MultiStageModal.vue
index 296d1b7570..914e65457e 100644
--- a/packages/ui/src/components/base/MultiStageModal.vue
+++ b/packages/ui/src/components/base/MultiStageModal.vue
@@ -125,6 +125,7 @@ export interface StageConfigInput<T> {
 	title: MaybeCtxFn<T, string>
 	skip?: MaybeCtxFn<T, boolean>
 	hideStageInBreadcrumb?: MaybeCtxFn<T, boolean>
+	// Determines whether this stage shows the progress bar
 	nonProgressStage?: MaybeCtxFn<T, boolean>
 	cannotNavigateForward?: MaybeCtxFn<T, boolean>
 	disableClose?: MaybeCtxFn<T, boolean>

From 11b2ce1511ce45178701ba42a66008536a0143a4 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 15:02:25 -0700
Subject: [PATCH 150/178] small style updates

---
 .../components/ui/project-settings/CompatibilityCard.vue   | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 0fb5376996..c153b11a11 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -16,7 +16,7 @@
 								<BoxIcon class="h-4 w-4 shrink-0 text-secondary" />
 							</div>
 
-							Vanilla
+							Vanilla server
 						</div>
 						<div v-if="content.kind === 'modpack'" class="flex items-center gap-1.5">
 							<div
@@ -46,7 +46,10 @@
 
 			<div class="flex justify-between">
 				<!-- kind = vanilla -->
-				<div v-if="content?.kind === 'vanilla'" class="flex items-start justify-between gap-4">
+				<div
+					v-if="content?.kind === 'vanilla'"
+					class="flex flex-col items-start justify-between gap-2.5"
+				>
 					<div class="flex flex-col gap-2">
 						<div class="font-medium text-secondary">Recommended version</div>
 						<div class="text-2xl font-semibold text-contrast">

From 3e55aaafefc7c73b445a171f0b0c4bb080c6e469 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 15:25:46 -0700
Subject: [PATCH 151/178] implement danger on switch compatibility type

---
 .../ui/project-settings/CompatibilityCard.vue |   2 +-
 .../DataLossWarningBanner.vue                 |  14 +++
 .../ServerCompatibilityModal.vue              |  13 ++-
 .../manage-server-compatibility-modal.ts      |   4 +
 .../stages/SelectCompatibilityType.vue        |  46 ++++----
 .../stages/SelectPublishedModpack.vue         |  95 ++++++++-------
 .../stages/SelectVanillaVersions.vue          |  50 ++++----
 .../stages/UploadCustomModpack.vue            | 110 +++++++++---------
 .../src/components/base/MultiStageModal.vue   |   2 +
 9 files changed, 193 insertions(+), 143 deletions(-)
 create mode 100644 apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index c153b11a11..96ba958116 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -211,7 +211,7 @@ function handleSetCompatibility() {
 }
 
 function handleSwitchCompatibility() {
-	serverCompatibilityModal.value?.show()
+	serverCompatibilityModal.value?.show({ showDataLossWarning: true })
 }
 
 function handleUpdateContent() {
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue
new file mode 100644
index 0000000000..65e8fe2327
--- /dev/null
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue
@@ -0,0 +1,14 @@
+<template>
+	<Admonition v-if="showDataLossWarning" type="critical" header="Data loss warning">
+		Changing the compatibility type will reset your previous compatibility settings and redistribute
+		the new settings to users in the Modrinth App.
+	</Admonition>
+</template>
+
+<script setup lang="ts">
+import { Admonition } from '@modrinth/ui'
+
+import { injectServerCompatibilityContext } from './manage-server-compatibility-modal'
+
+const { showDataLossWarning } = injectServerCompatibilityContext()
+</script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 467e43cf37..6e3ae8aadb 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -1,5 +1,11 @@
 <template>
-	<MultiStageModal ref="modal" :stages="ctx.stageConfigs" :context="ctx" @hide="handleHide" />
+	<MultiStageModal
+		ref="modal"
+		:stages="ctx.stageConfigs"
+		:context="ctx"
+		@hide="handleHide"
+		:fade="ctx.showDataLossWarning.value ? 'danger' : 'standard'"
+	/>
 </template>
 
 <script setup lang="ts">
@@ -20,6 +26,7 @@ provideServerCompatibilityContext(ctx)
 interface ShowModalOptions {
 	stageId?: string | null
 	updateContentKind?: CompatibilityType
+	showDataLossWarning?: boolean
 }
 
 async function show(options?: ShowModalOptions) {
@@ -32,6 +39,10 @@ async function show(options?: ShowModalOptions) {
 		modal.value?.setStage(options?.stageId ?? 0)
 	}
 
+	if (options?.showDataLossWarning) {
+		ctx.showDataLossWarning.value = true
+	}
+
 	modal.value?.show()
 }
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
index 234d7729b1..e3833127f6 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
@@ -35,6 +35,7 @@ export interface ServerCompatibilityContextValue {
 	customModpackFile: Ref<File | null>
 	hasLicensePermission: Ref<boolean>
 	isEditingExistingCompatibility: Ref<boolean>
+	showDataLossWarning: Ref<boolean>
 
 	// Actions
 	resetContext: () => void
@@ -60,6 +61,7 @@ export function createServerCompatibilityContext(
 	const customModpackFile = ref<File | null>(null)
 	const hasLicensePermission = ref(false)
 	const isEditingExistingCompatibility = ref(false)
+	const showDataLossWarning = ref(false)
 
 	async function uploadCustomModpackFile(file: File): Promise<Labrinth.Versions.v3.Version> {
 		const rawFile = toRaw(file)
@@ -206,6 +208,7 @@ export function createServerCompatibilityContext(
 		customModpackFile.value = null
 		hasLicensePermission.value = false
 		isEditingExistingCompatibility.value = false
+		showDataLossWarning.value = false
 	}
 
 	return {
@@ -220,6 +223,7 @@ export function createServerCompatibilityContext(
 		customModpackFile,
 		hasLicensePermission,
 		isEditingExistingCompatibility,
+		showDataLossWarning,
 		resetContext,
 		handleSave,
 	}
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
index 47d593d2be..befb4b75cb 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
@@ -1,26 +1,29 @@
 <template>
-	<div class="flex flex-col gap-4">
-		<div class="font-semibold text-contrast">Select compatibility type</div>
-		<div class="flex w-full flex-col gap-2">
-			<button
-				v-for="option in options"
-				:key="option.value"
-				class="flex !w-full items-center gap-4 rounded-3xl bg-surface-4 p-3 text-left transition-all hover:brightness-125"
-				@click="selectType(option.value)"
-			>
-				<div
-					class="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl border border-solid border-surface-5"
+	<div class="flex flex-col gap-6">
+		<DataLossWarningBanner />
+		<div class="flex flex-col gap-4">
+			<div class="font-semibold text-contrast">Select compatibility type</div>
+			<div class="flex w-full flex-col gap-2">
+				<button
+					v-for="option in options"
+					:key="option.value"
+					class="flex !w-full items-center gap-4 rounded-3xl bg-surface-4 p-3 text-left transition-all hover:brightness-125"
+					@click="selectType(option.value)"
 				>
-					<component :is="option.icon" class="h-9 w-9 text-secondary" />
-				</div>
-				<div class="flex flex-col gap-0.5">
-					<span class="font-bold text-contrast">{{ option.label }}</span>
-					<span class="text-sm text-secondary">{{ option.description }}</span>
-				</div>
-			</button>
-		</div>
-		<div class="text-sm text-secondary">
-			Servers with custom modpacks should not be uploaded as separate modpack projects.
+					<div
+						class="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl border border-solid border-surface-5"
+					>
+						<component :is="option.icon" class="h-9 w-9 text-secondary" />
+					</div>
+					<div class="flex flex-col gap-0.5">
+						<span class="font-bold text-contrast">{{ option.label }}</span>
+						<span class="text-sm text-secondary">{{ option.description }}</span>
+					</div>
+				</button>
+			</div>
+			<div class="text-sm text-secondary">
+				Servers with custom modpacks should not be uploaded as separate modpack projects.
+			</div>
 		</div>
 	</div>
 </template>
@@ -28,6 +31,7 @@
 <script setup lang="ts">
 import { BoxIcon, PackageIcon, PackageOpenIcon } from '@modrinth/assets'
 
+import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 import {
 	type CompatibilityType,
 	injectServerCompatibilityContext,
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index cc16f98df6..4d50bba021 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -1,53 +1,59 @@
 <template>
-	<div class="5 flex flex-col gap-2">
-		<div class="font-semibold text-contrast">Select modpack</div>
+	<div class="flex flex-col gap-6">
+		<DataLossWarningBanner />
+		<div class="flex flex-col gap-2">
+			<div class="font-semibold text-contrast">Select modpack</div>
 
-		<div class="flex flex-col gap-6 rounded-2xl border border-solid border-surface-5 p-4">
-			<div class="flex flex-col gap-2">
-				<label class="font-semibold text-contrast">Project</label>
-				<ProjectCombobox
-					v-model="selectedProjectId"
-					:project-types="['modpack']"
-					placeholder="Select modpack"
-					search-placeholder="Search by name or paste ID..."
-					loading-message="Loading..."
-					no-results-message="No results found"
-				/>
-			</div>
+			<div class="flex flex-col gap-6 rounded-2xl border border-solid border-surface-5 p-4">
+				<div class="flex flex-col gap-2">
+					<label class="font-semibold text-contrast">Project</label>
+					<ProjectCombobox
+						v-model="selectedProjectId"
+						:project-types="['modpack']"
+						placeholder="Select modpack"
+						search-placeholder="Search by name or paste ID..."
+						loading-message="Loading..."
+						no-results-message="No results found"
+					/>
+				</div>
 
-			<div v-if="selectedProjectId" class="flex flex-col gap-2">
-				<label class="font-semibold text-contrast">Version</label>
-				<Combobox
-					v-model="selectedVersionId"
-					placeholder="Select version"
-					:options="versionOptions"
-					:searchable="true"
-					search-placeholder="Search versions..."
-					:no-options-message="versionsLoading ? 'Loading...' : 'No results found'"
-				/>
-			</div>
-		</div>
-		<div v-if="selectedVersion" class="flex flex-col gap-4 rounded-2xl bg-surface-2 p-4">
-			<div class="flex items-center justify-between">
-				<div class="text-secondary">Game version</div>
-				<div class="flex flex-wrap gap-1">
-					<TagItem v-for="gv in selectedVersion.game_versions" :key="gv">
-						{{ gv }}
-					</TagItem>
+				<div v-if="selectedProjectId" class="flex flex-col gap-2">
+					<label class="font-semibold text-contrast">Version</label>
+					<Combobox
+						v-model="selectedVersionId"
+						placeholder="Select version"
+						:options="versionOptions"
+						:searchable="true"
+						search-placeholder="Search versions..."
+						:no-options-message="versionsLoading ? 'Loading...' : 'No results found'"
+					/>
 				</div>
 			</div>
+			<div v-if="selectedVersion" class="flex flex-col gap-4 rounded-2xl bg-surface-2 p-4">
+				<div class="flex items-center justify-between">
+					<div class="text-secondary">Game version</div>
+					<div class="flex flex-wrap gap-1">
+						<TagItem v-for="gv in selectedVersion.game_versions" :key="gv">
+							{{ gv }}
+						</TagItem>
+					</div>
+				</div>
 
-			<div v-if="selectedVersion.mrpack_loaders?.length" class="flex items-center justify-between">
-				<div class="text-secondary">Platform</div>
-				<div class="flex flex-wrap gap-1">
-					<TagItem
-						v-for="loader in selectedVersion.mrpack_loaders"
-						:key="loader"
-						:style="`--_color: var(--color-platform-${loader})`"
-					>
-						<component :is="getLoaderIcon(loader)" v-if="getLoaderIcon(loader)" class="h-4 w-4" />
-						<FormattedTag :tag="loader" enforce-type="loader" />
-					</TagItem>
+				<div
+					v-if="selectedVersion.mrpack_loaders?.length"
+					class="flex items-center justify-between"
+				>
+					<div class="text-secondary">Platform</div>
+					<div class="flex flex-wrap gap-1">
+						<TagItem
+							v-for="loader in selectedVersion.mrpack_loaders"
+							:key="loader"
+							:style="`--_color: var(--color-platform-${loader})`"
+						>
+							<component :is="getLoaderIcon(loader)" v-if="getLoaderIcon(loader)" class="h-4 w-4" />
+							<FormattedTag :tag="loader" enforce-type="loader" />
+						</TagItem>
+					</div>
 				</div>
 			</div>
 		</div>
@@ -67,6 +73,7 @@ import {
 import { useQuery } from '@tanstack/vue-query'
 import { computed, ref, watch } from 'vue'
 
+import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const { selectedProjectId, selectedVersionId } = injectServerCompatibilityContext()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
index 77957d1395..0b56cdacab 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
@@ -1,29 +1,32 @@
 <template>
-	<div class="flex w-full flex-col gap-4">
-		<label>
-			<span class="label__title">Supported MC versions</span>
-			<McVersionPicker v-model="supportedGameVersions" no-header :game-versions="gameVersions" />
-		</label>
-		<div>
+	<div class="flex w-full flex-col gap-6">
+		<DataLossWarningBanner />
+		<div class="flex w-full flex-col gap-4">
 			<label>
-				<span class="label__title">Recommended MC version</span>
-				<Combobox
-					v-model="recommendedGameVersion"
-					v-tooltip="
-						!recommendedOptions.length
-							? 'Set supported versions before selecting the recommended version'
-							: undefined
-					"
-					:options="recommendedOptions"
-					searchable
-					:display-name="(val: string) => val"
-					placeholder="Select version"
-					:disabled="!recommendedOptions.length"
-				/>
-				<div class="mt-2 text-secondary">
-					Players joining the server from the Modrinth App will connect using this version.
-				</div>
+				<span class="label__title">Supported MC versions</span>
+				<McVersionPicker v-model="supportedGameVersions" no-header :game-versions="gameVersions" />
 			</label>
+			<div>
+				<label>
+					<span class="label__title">Recommended MC version</span>
+					<Combobox
+						v-model="recommendedGameVersion"
+						v-tooltip="
+							!recommendedOptions.length
+								? 'Set supported versions before selecting the recommended version'
+								: undefined
+						"
+						:options="recommendedOptions"
+						searchable
+						:display-name="(val: string) => val"
+						placeholder="Select version"
+						:disabled="!recommendedOptions.length"
+					/>
+					<div class="mt-2 text-secondary">
+						Players joining the server from the Modrinth App will connect using this version.
+					</div>
+				</label>
+			</div>
 		</div>
 	</div>
 </template>
@@ -35,6 +38,7 @@ import { computed, watch } from 'vue'
 import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 import { useGeneratedState } from '~/composables/generated'
 
+import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const { supportedGameVersions, recommendedGameVersion } = injectServerCompatibilityContext()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
index b38dce5ad7..58455a9fdd 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
@@ -1,62 +1,65 @@
 <template>
-	<div class="flex w-full flex-col gap-4">
-		<div class="font-semibold text-contrast">Upload custom modpack</div>
+	<div class="flex w-full flex-col gap-6">
+		<DataLossWarningBanner />
+		<div class="flex w-full flex-col gap-4">
+			<div class="font-semibold text-contrast">Upload custom modpack</div>
 
-		<DropzoneFileInput
-			v-if="!ctx.customModpackFile.value"
-			primary-prompt="Drag and drop your .mrpack or .zip file"
-			secondary-prompt="Or click to browse"
-			accept=".zip,.mrpack"
-			size="medium"
-			@change="handleFileUpload"
-		/>
+			<DropzoneFileInput
+				v-if="!ctx.customModpackFile.value"
+				primary-prompt="Drag and drop your .mrpack or .zip file"
+				secondary-prompt="Or click to browse"
+				accept=".zip,.mrpack"
+				size="medium"
+				@change="handleFileUpload"
+			/>
 
-		<div
-			v-if="ctx.customModpackFile.value"
-			class="flex items-center justify-between gap-2 rounded-xl bg-button-bg px-4 py-2 text-button-text"
-		>
-			<div class="flex items-center gap-2 overflow-hidden">
-				<FileIcon />
-				<span
-					v-tooltip="ctx.customModpackFile.value.name"
-					class="overflow-hidden text-ellipsis whitespace-nowrap font-medium"
-				>
-					{{ ctx.customModpackFile.value.name }}
-				</span>
+			<div
+				v-if="ctx.customModpackFile.value"
+				class="flex items-center justify-between gap-2 rounded-xl bg-button-bg px-4 py-2 text-button-text"
+			>
+				<div class="flex items-center gap-2 overflow-hidden">
+					<FileIcon />
+					<span
+						v-tooltip="ctx.customModpackFile.value.name"
+						class="overflow-hidden text-ellipsis whitespace-nowrap font-medium"
+					>
+						{{ ctx.customModpackFile.value.name }}
+					</span>
+				</div>
+
+				<ButtonStyled size="standard" :circular="true">
+					<button
+						v-tooltip="'Replace file'"
+						aria-label="Replace file"
+						class="!shadow-none"
+						@click="fileInput?.click()"
+					>
+						<ArrowLeftRightIcon aria-hidden="true" />
+						<input
+							ref="fileInput"
+							class="hidden"
+							type="file"
+							accept=".zip,.mrpack"
+							@change="handleFileInputChange"
+						/>
+					</button>
+				</ButtonStyled>
 			</div>
 
-			<ButtonStyled size="standard" :circular="true">
-				<button
-					v-tooltip="'Replace file'"
-					aria-label="Replace file"
-					class="!shadow-none"
-					@click="fileInput?.click()"
-				>
-					<ArrowLeftRightIcon aria-hidden="true" />
-					<input
-						ref="fileInput"
-						class="hidden"
-						type="file"
-						accept=".zip,.mrpack"
-						@change="handleFileInputChange"
-					/>
-				</button>
-			</ButtonStyled>
+			<Checkbox v-model="ctx.hasLicensePermission.value">
+				<span class="max-w-[90%] text-left text-primary">
+					Do you have the appropriate licenses to redistribute all content in this Modpack?
+					<NuxtLink
+						to="https://support.modrinth.com/en/articles/8797527-obtaining-modpack-permissions"
+						external
+						target="_blank"
+						class="font-medium text-blue underline"
+					>
+						Learn more
+					</NuxtLink>
+				</span>
+			</Checkbox>
 		</div>
-
-		<Checkbox v-model="ctx.hasLicensePermission.value">
-			<span class="max-w-[90%] text-left text-primary">
-				Do you have the appropriate licenses to redistribute all content in this Modpack?
-				<NuxtLink
-					to="https://support.modrinth.com/en/articles/8797527-obtaining-modpack-permissions"
-					external
-					target="_blank"
-					class="font-medium text-blue underline"
-				>
-					Learn more
-				</NuxtLink>
-			</span>
-		</Checkbox>
 	</div>
 </template>
 
@@ -64,6 +67,7 @@
 import { ArrowLeftRightIcon, FileIcon } from '@modrinth/assets'
 import { ButtonStyled, Checkbox, DropzoneFileInput } from '@modrinth/ui'
 
+import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const ctx = injectServerCompatibilityContext()
diff --git a/packages/ui/src/components/base/MultiStageModal.vue b/packages/ui/src/components/base/MultiStageModal.vue
index 914e65457e..4ccbf24593 100644
--- a/packages/ui/src/components/base/MultiStageModal.vue
+++ b/packages/ui/src/components/base/MultiStageModal.vue
@@ -7,6 +7,7 @@
 		:closable="true"
 		:close-on-click-outside="false"
 		:width="resolvedMaxWidth"
+		:fade="fade"
 		:disable-close="resolveCtxFn(currentStage.disableClose, context)"
 	>
 		<template #title>
@@ -146,6 +147,7 @@ const props = defineProps<{
 	context: T
 	breadcrumbs?: boolean
 	fitContent?: boolean
+	fade?: 'standard' | 'warning' | 'danger'
 }>()
 
 const modal = useTemplateRef<InstanceType<typeof NewModal>>('modal')

From 1820fed1cd1c44023d00d262e6e96063c5ebe55a Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 15:56:51 -0700
Subject: [PATCH 152/178] update show dataloss warning save button

---
 .../manage-server-compatibility-modal.ts      | 141 +++++++++++-------
 1 file changed, 90 insertions(+), 51 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
index e3833127f6..1964887db5 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
@@ -1,5 +1,5 @@
 import type { Labrinth } from '@modrinth/api-client'
-import { LeftArrowIcon, SaveIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
+import { ArrowLeftRightIcon, LeftArrowIcon, SaveIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
 import {
 	createContext,
 	injectModrinthClient,
@@ -255,24 +255,37 @@ const selectVanillaVersionsStage: StageConfigInput<ServerCompatibilityContextVal
 					icon: LeftArrowIcon,
 					onClick: () => ctx.modal.value?.prevStage(),
 				},
-	rightButtonConfig: (ctx) => ({
-		label: ctx.isSubmitting.value
-			? ctx.isEditingExistingCompatibility.value
-				? 'Updating…'
-				: 'Saving…'
-			: ctx.isEditingExistingCompatibility.value
-				? 'Save changes'
-				: 'Save',
-		icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
-		iconPosition: 'before',
-		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
-		color: 'green',
-		disabled:
-			ctx.isSubmitting.value ||
-			ctx.supportedGameVersions.value.length === 0 ||
-			!ctx.recommendedGameVersion.value,
-		onClick: () => ctx.handleSave(),
-	}),
+	rightButtonConfig: (ctx) =>
+		ctx.showDataLossWarning.value
+			? {
+					label: 'Change type',
+					icon: ArrowLeftRightIcon,
+					iconPosition: 'before' as const,
+					color: 'red' as const,
+					disabled:
+						ctx.isSubmitting.value ||
+						ctx.supportedGameVersions.value.length === 0 ||
+						!ctx.recommendedGameVersion.value,
+					onClick: () => ctx.handleSave(),
+				}
+			: {
+					label: ctx.isSubmitting.value
+						? ctx.isEditingExistingCompatibility.value
+							? 'Updating…'
+							: 'Saving…'
+						: ctx.isEditingExistingCompatibility.value
+							? 'Save changes'
+							: 'Save',
+					icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
+					iconPosition: 'before' as const,
+					iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
+					color: 'green' as const,
+					disabled:
+						ctx.isSubmitting.value ||
+						ctx.supportedGameVersions.value.length === 0 ||
+						!ctx.recommendedGameVersion.value,
+					onClick: () => ctx.handleSave(),
+				},
 	nonProgressStage: (ctx) => ctx.isEditingExistingCompatibility.value,
 }
 
@@ -294,22 +307,33 @@ const selectPublishedModpackStage: StageConfigInput<ServerCompatibilityContextVa
 					icon: LeftArrowIcon,
 					onClick: () => ctx.modal.value?.prevStage(),
 				},
-	rightButtonConfig: (ctx) => ({
-		label: ctx.isSubmitting.value
-			? ctx.isEditingExistingCompatibility.value
-				? 'Updating…'
-				: 'Saving…'
-			: ctx.isEditingExistingCompatibility.value
-				? 'Save changes'
-				: 'Save',
-		icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
-		iconPosition: 'before',
-		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
-		color: 'green',
-		disabled:
-			ctx.isSubmitting.value || !ctx.selectedProjectId.value || !ctx.selectedVersionId.value,
-		onClick: () => ctx.handleSave(),
-	}),
+	rightButtonConfig: (ctx) =>
+		ctx.showDataLossWarning.value
+			? {
+					label: 'Change type',
+					icon: ArrowLeftRightIcon,
+					iconPosition: 'before' as const,
+					color: 'red' as const,
+					disabled:
+						ctx.isSubmitting.value || !ctx.selectedProjectId.value || !ctx.selectedVersionId.value,
+					onClick: () => ctx.handleSave(),
+				}
+			: {
+					label: ctx.isSubmitting.value
+						? ctx.isEditingExistingCompatibility.value
+							? 'Updating…'
+							: 'Saving…'
+						: ctx.isEditingExistingCompatibility.value
+							? 'Save changes'
+							: 'Save',
+					icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
+					iconPosition: 'before' as const,
+					iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
+					color: 'green' as const,
+					disabled:
+						ctx.isSubmitting.value || !ctx.selectedProjectId.value || !ctx.selectedVersionId.value,
+					onClick: () => ctx.handleSave(),
+				},
 	nonProgressStage: (ctx) => ctx.isEditingExistingCompatibility.value,
 }
 
@@ -330,22 +354,37 @@ const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue
 					icon: LeftArrowIcon,
 					onClick: () => ctx.modal.value?.prevStage(),
 				},
-	rightButtonConfig: (ctx) => ({
-		label: ctx.isSubmitting.value
-			? ctx.isEditingExistingCompatibility.value
-				? 'Updating…'
-				: 'Saving…'
-			: ctx.isEditingExistingCompatibility.value
-				? 'Save changes'
-				: 'Save',
-		icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
-		iconPosition: 'before',
-		iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
-		color: 'green',
-		disabled:
-			ctx.isSubmitting.value || !ctx.customModpackFile.value || !ctx.hasLicensePermission.value,
-		onClick: () => ctx.handleSave(),
-	}),
+	rightButtonConfig: (ctx) =>
+		ctx.showDataLossWarning.value
+			? {
+					label: 'Change type',
+					icon: ArrowLeftRightIcon,
+					iconPosition: 'before' as const,
+					color: 'red' as const,
+					disabled:
+						ctx.isSubmitting.value ||
+						!ctx.customModpackFile.value ||
+						!ctx.hasLicensePermission.value,
+					onClick: () => ctx.handleSave(),
+				}
+			: {
+					label: ctx.isSubmitting.value
+						? ctx.isEditingExistingCompatibility.value
+							? 'Updating…'
+							: 'Saving…'
+						: ctx.isEditingExistingCompatibility.value
+							? 'Save changes'
+							: 'Save',
+					icon: ctx.isSubmitting.value ? SpinnerIcon : SaveIcon,
+					iconPosition: 'before' as const,
+					iconClass: ctx.isSubmitting.value ? 'animate-spin' : undefined,
+					color: 'green' as const,
+					disabled:
+						ctx.isSubmitting.value ||
+						!ctx.customModpackFile.value ||
+						!ctx.hasLicensePermission.value,
+					onClick: () => ctx.handleSave(),
+				},
 	nonProgressStage: (ctx) => ctx.isEditingExistingCompatibility.value,
 }
 

From 436c9c59815498552f95d3df958f77caa069ee27 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 15:57:54 -0700
Subject: [PATCH 153/178] rename showDataLossWarning to 
 isSwitchingCompatibilityType

---
 .../ui/project-settings/CompatibilityCard.vue      |  2 +-
 .../DataLossWarningBanner.vue                      |  4 ++--
 .../ServerCompatibilityModal.vue                   |  8 ++++----
 .../manage-server-compatibility-modal.ts           | 14 +++++++-------
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 96ba958116..456e602be3 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -211,7 +211,7 @@ function handleSetCompatibility() {
 }
 
 function handleSwitchCompatibility() {
-	serverCompatibilityModal.value?.show({ showDataLossWarning: true })
+	serverCompatibilityModal.value?.show({ isSwitchingCompatibilityType: true })
 }
 
 function handleUpdateContent() {
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue
index 65e8fe2327..dc50815bbe 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue
@@ -1,5 +1,5 @@
 <template>
-	<Admonition v-if="showDataLossWarning" type="critical" header="Data loss warning">
+	<Admonition v-if="isSwitchingCompatibilityType" type="critical" header="Data loss warning">
 		Changing the compatibility type will reset your previous compatibility settings and redistribute
 		the new settings to users in the Modrinth App.
 	</Admonition>
@@ -10,5 +10,5 @@ import { Admonition } from '@modrinth/ui'
 
 import { injectServerCompatibilityContext } from './manage-server-compatibility-modal'
 
-const { showDataLossWarning } = injectServerCompatibilityContext()
+const { isSwitchingCompatibilityType } = injectServerCompatibilityContext()
 </script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 6e3ae8aadb..584f4eb742 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -4,7 +4,7 @@
 		:stages="ctx.stageConfigs"
 		:context="ctx"
 		@hide="handleHide"
-		:fade="ctx.showDataLossWarning.value ? 'danger' : 'standard'"
+		:fade="ctx.isSwitchingCompatibilityType.value ? 'danger' : 'standard'"
 	/>
 </template>
 
@@ -26,7 +26,7 @@ provideServerCompatibilityContext(ctx)
 interface ShowModalOptions {
 	stageId?: string | null
 	updateContentKind?: CompatibilityType
-	showDataLossWarning?: boolean
+	isSwitchingCompatibilityType?: boolean
 }
 
 async function show(options?: ShowModalOptions) {
@@ -39,8 +39,8 @@ async function show(options?: ShowModalOptions) {
 		modal.value?.setStage(options?.stageId ?? 0)
 	}
 
-	if (options?.showDataLossWarning) {
-		ctx.showDataLossWarning.value = true
+	if (options?.isSwitchingCompatibilityType) {
+		ctx.isSwitchingCompatibilityType.value = true
 	}
 
 	modal.value?.show()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
index 1964887db5..959ba54412 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
@@ -35,7 +35,7 @@ export interface ServerCompatibilityContextValue {
 	customModpackFile: Ref<File | null>
 	hasLicensePermission: Ref<boolean>
 	isEditingExistingCompatibility: Ref<boolean>
-	showDataLossWarning: Ref<boolean>
+	isSwitchingCompatibilityType: Ref<boolean>
 
 	// Actions
 	resetContext: () => void
@@ -61,7 +61,7 @@ export function createServerCompatibilityContext(
 	const customModpackFile = ref<File | null>(null)
 	const hasLicensePermission = ref(false)
 	const isEditingExistingCompatibility = ref(false)
-	const showDataLossWarning = ref(false)
+	const isSwitchingCompatibilityType = ref(false)
 
 	async function uploadCustomModpackFile(file: File): Promise<Labrinth.Versions.v3.Version> {
 		const rawFile = toRaw(file)
@@ -208,7 +208,7 @@ export function createServerCompatibilityContext(
 		customModpackFile.value = null
 		hasLicensePermission.value = false
 		isEditingExistingCompatibility.value = false
-		showDataLossWarning.value = false
+		isSwitchingCompatibilityType.value = false
 	}
 
 	return {
@@ -223,7 +223,7 @@ export function createServerCompatibilityContext(
 		customModpackFile,
 		hasLicensePermission,
 		isEditingExistingCompatibility,
-		showDataLossWarning,
+		isSwitchingCompatibilityType,
 		resetContext,
 		handleSave,
 	}
@@ -256,7 +256,7 @@ const selectVanillaVersionsStage: StageConfigInput<ServerCompatibilityContextVal
 					onClick: () => ctx.modal.value?.prevStage(),
 				},
 	rightButtonConfig: (ctx) =>
-		ctx.showDataLossWarning.value
+		ctx.isSwitchingCompatibilityType.value
 			? {
 					label: 'Change type',
 					icon: ArrowLeftRightIcon,
@@ -308,7 +308,7 @@ const selectPublishedModpackStage: StageConfigInput<ServerCompatibilityContextVa
 					onClick: () => ctx.modal.value?.prevStage(),
 				},
 	rightButtonConfig: (ctx) =>
-		ctx.showDataLossWarning.value
+		ctx.isSwitchingCompatibilityType.value
 			? {
 					label: 'Change type',
 					icon: ArrowLeftRightIcon,
@@ -355,7 +355,7 @@ const uploadCustomModpackStage: StageConfigInput<ServerCompatibilityContextValue
 					onClick: () => ctx.modal.value?.prevStage(),
 				},
 	rightButtonConfig: (ctx) =>
-		ctx.showDataLossWarning.value
+		ctx.isSwitchingCompatibilityType.value
 			? {
 					label: 'Change type',
 					icon: ArrowLeftRightIcon,

From b347061fba8deb41954f4a91dfd52a85a852f174 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 16:02:17 -0700
Subject: [PATCH 154/178] small style fix

---
 .../components/ui/project-settings/CompatibilityCard.vue   | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 456e602be3..913759f7fd 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -90,7 +90,7 @@
 								<div class="font-semibold text-contrast">
 									{{ usingCustomMrpack ? modpackFileName : modpackProject.name }}
 								</div>
-								<div class="flex h-6 items-center gap-1.5 text-secondary">
+								<div class="flex h-6 items-center gap-2 text-secondary">
 									<Avatar
 										v-if="modpackOrg?.icon_url"
 										:src="modpackOrg.icon_url"
@@ -99,8 +99,11 @@
 									/>
 									<span v-if="modpackOrg?.name">
 										{{ modpackOrg.name }}
-										<div class="h-1 w-1 bg-surface-5"></div>
 									</span>
+									<div
+										v-if="modpackOrg?.name && modpackVersion"
+										class="h-1.5 w-1.5 rounded-full bg-surface-5"
+									></div>
 									<span v-if="modpackVersion">v{{ modpackVersion.version_number }}</span>
 								</div>
 							</div>

From de60a29c99648af11e3732df5f79a8392ea8c416 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 16:13:33 -0700
Subject: [PATCH 155/178] use new UnsavedChanges popup in general settings

---
 .../ui/project-settings/CompatibilityCard.vue |   2 +-
 .../src/pages/[type]/[id]/settings/index.vue  | 134 ++++++++++++------
 2 files changed, 93 insertions(+), 43 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 913759f7fd..ad9449cd08 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -42,7 +42,7 @@
 				</ButtonStyled>
 			</div>
 
-			<div class="h-[1px] w-full bg-surface-5"></div>
+			<div v-if="content" class="h-[1px] w-full bg-surface-5"></div>
 
 			<div class="flex justify-between">
 				<!-- kind = vanilla -->
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 523af4f05e..6ce8a7929b 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -284,17 +284,6 @@
 						</ul>
 					</div>
 				</div>
-				<div class="button-group">
-					<button
-						type="button"
-						class="iconified-button brand-button"
-						:disabled="!hasChanges"
-						@click="saveChanges()"
-					>
-						<SaveIcon aria-hidden="true" />
-						Save changes
-					</button>
-				</div>
 			</div>
 		</section>
 
@@ -389,6 +378,13 @@
 				Delete project
 			</button>
 		</section>
+		<UnsavedChangesPopup
+			:original="original"
+			:modified="modified"
+			:saving="saving"
+			@reset="resetChanges"
+			@save="handleSave"
+		/>
 	</div>
 </template>
 
@@ -397,7 +393,6 @@ import {
 	CheckIcon,
 	ImageIcon,
 	IssuesIcon,
-	SaveIcon,
 	TrashIcon,
 	TriangleAlertIcon,
 	UploadIcon,
@@ -412,6 +407,7 @@ import {
 	injectNotificationManager,
 	injectProjectPageContext,
 	StyledInput,
+	UnsavedChangesPopup,
 } from '@modrinth/ui'
 import { fileIsValid, formatProjectStatus, formatProjectType } from '@modrinth/utils'
 
@@ -740,18 +736,67 @@ const patchData = computed(() => {
 	}
 })
 
-const hasChanges = computed(() => {
-	return (
-		Object.keys(basePatchData.value).length > 0 ||
-		Object.keys(serverPatchData.value).length > 0 ||
-		Object.keys(javaServerPatchData.value).length > 0 ||
-		Object.keys(bedrockServerPatchData.value).length > 0 ||
-		deletedIcon.value ||
-		icon.value ||
-		deletedBanner.value ||
-		bannerFile.value
-	)
-})
+const saving = ref(false)
+
+const original = computed(() => ({
+	name: project.value.title,
+	slug: project.value.slug,
+	summary: project.value.description,
+	clientSide: project.value.client_side,
+	serverSide: project.value.server_side,
+	visibility: tags.value.approvedStatuses.includes(project.value.status)
+		? project.value.status
+		: project.value.requested_status,
+	javaAddress: projectV3.value?.minecraft_java_server?.address ?? '',
+	javaPort: projectV3.value?.minecraft_java_server?.port ?? 25565,
+	bedrockAddress: projectV3.value?.minecraft_bedrock_server?.address ?? '',
+	bedrockPort: projectV3.value?.minecraft_bedrock_server?.port ?? 19132,
+	country: projectV3.value?.minecraft_server?.country ?? '',
+	icon: null,
+	deletedIcon: false,
+	bannerFile: null,
+	deletedBanner: false,
+}))
+
+const modified = computed(() => ({
+	name: name.value,
+	slug: slug.value,
+	summary: summary.value,
+	clientSide: clientSide.value,
+	serverSide: serverSide.value,
+	visibility: visibility.value,
+	javaAddress: javaAddress.value,
+	javaPort: javaPort.value,
+	bedrockAddress: bedrockAddress.value,
+	bedrockPort: bedrockPort.value,
+	country: country.value,
+	icon: icon.value,
+	deletedIcon: deletedIcon.value,
+	bannerFile: bannerFile.value,
+	deletedBanner: deletedBanner.value,
+}))
+
+function resetChanges() {
+	name.value = project.value.title
+	slug.value = project.value.slug
+	summary.value = project.value.description
+	clientSide.value = project.value.client_side
+	serverSide.value = project.value.server_side
+	visibility.value = tags.value.approvedStatuses.includes(project.value.status)
+		? project.value.status
+		: project.value.requested_status
+	javaAddress.value = projectV3.value?.minecraft_java_server?.address ?? ''
+	javaPort.value = projectV3.value?.minecraft_java_server?.port ?? 25565
+	bedrockAddress.value = projectV3.value?.minecraft_bedrock_server?.address ?? ''
+	bedrockPort.value = projectV3.value?.minecraft_bedrock_server?.port ?? 19132
+	country.value = projectV3.value?.minecraft_server?.country ?? ''
+	icon.value = null
+	previewImage.value = null
+	deletedIcon.value = false
+	bannerFile.value = null
+	bannerPreview.value = null
+	deletedBanner.value = false
+}
 
 const hasModifiedVisibility = () => {
 	const originalVisibility = tags.value.approvedStatuses.includes(project.value.status)
@@ -761,26 +806,31 @@ const hasModifiedVisibility = () => {
 	return originalVisibility !== visibility.value
 }
 
-const saveChanges = async () => {
-	if (Object.keys(patchData.value).length > 0) {
-		await patchProjectV3(patchData.value)
-	}
+async function handleSave() {
+	saving.value = true
+	try {
+		if (Object.keys(patchData.value).length > 0) {
+			await patchProjectV3(patchData.value)
+		}
 
-	if (deletedIcon.value) {
-		await deleteIcon()
-		deletedIcon.value = false
-	} else if (icon.value) {
-		await patchIcon(icon.value)
-		icon.value = null
-	}
+		if (deletedIcon.value) {
+			await deleteIcon()
+			deletedIcon.value = false
+		} else if (icon.value) {
+			await patchIcon(icon.value)
+			icon.value = null
+		}
 
-	if (deletedBanner.value) {
-		await deleteBanner()
-		deletedBanner.value = false
-	} else if (bannerFile.value) {
-		await uploadBanner()
-		bannerFile.value = null
-		bannerPreview.value = null
+		if (deletedBanner.value) {
+			await deleteBanner()
+			deletedBanner.value = false
+		} else if (bannerFile.value) {
+			await uploadBanner()
+			bannerFile.value = null
+			bannerPreview.value = null
+		}
+	} finally {
+		saving.value = false
 	}
 }
 

From a5ab5bb414c4eebacf9dfef37e1cead977b473f3 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 16:20:49 -0700
Subject: [PATCH 156/178] fix cannot read body of undefined

---
 packages/ui/src/components/base/FloatingActionBar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/base/FloatingActionBar.vue b/packages/ui/src/components/base/FloatingActionBar.vue
index 693ec01b94..ee221d6ff1 100644
--- a/packages/ui/src/components/base/FloatingActionBar.vue
+++ b/packages/ui/src/components/base/FloatingActionBar.vue
@@ -8,13 +8,13 @@ const props = defineProps<{
 watch(
 	() => props.shown,
 	(shown) => {
-		document.body.classList.toggle('floating-action-bar-shown', shown)
+		document?.body.classList.toggle('floating-action-bar-shown', shown)
 	},
 	{ immediate: true },
 )
 
 onUnmounted(() => {
-	document.body.classList.remove('floating-action-bar-shown')
+	document?.body.classList.remove('floating-action-bar-shown')
 })
 </script>
 

From 1ec00e188f357583f54239b10e309f11b239186b Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 16:35:22 -0700
Subject: [PATCH 157/178] add empty state

---
 .../src/components/ui/project-settings/CompatibilityCard.vue     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index ad9449cd08..dee6a95710 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -62,6 +62,7 @@
 							<TagItem v-for="v in content.supported_game_versions" :key="v">
 								{{ v }}
 							</TagItem>
+							<div v-if="!content.supported_game_versions.length">—</div>
 						</div>
 					</div>
 				</div>

From 055f5525d96a3796d7b2b488668feea97678d4e0 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 16:47:32 -0700
Subject: [PATCH 158/178] use deep merge instead of shallow merge for project
 patch mutation

---
 apps/frontend/src/pages/[type]/[id].vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index e21a050160..bb2b0f36d8 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -1801,7 +1801,22 @@ const patchProjectV3Mutation = useMutation({
 
 		queryClient.setQueryData(['project', 'v3', projectId], (old) => {
 			if (!old) return old
-			return { ...old, ...data }
+			const merged = { ...old }
+			for (const [key, value] of Object.entries(data)) {
+				if (
+					value &&
+					typeof value === 'object' &&
+					!Array.isArray(value) &&
+					merged[key] &&
+					typeof merged[key] === 'object' &&
+					!Array.isArray(merged[key])
+				) {
+					merged[key] = { ...merged[key], ...value }
+				} else {
+					merged[key] = value
+				}
+			}
+			return merged
 		})
 
 		return { previousProject, projectId }

From 7772c9ba59016ee153dabb6cd88cb17d13b5eeb6 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 16:51:27 -0700
Subject: [PATCH 159/178] prefill existing values for vanilla

---
 .../ServerCompatibilityModal.vue                      | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 584f4eb742..212b62bb36 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import { MultiStageModal } from '@modrinth/ui'
+import { injectProjectPageContext, MultiStageModal } from '@modrinth/ui'
 import type { ComponentExposed } from 'vue-component-type-helpers'
 
 import {
@@ -20,6 +20,7 @@ import {
 
 const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
 
+const { projectV3 } = injectProjectPageContext()
 const ctx = createServerCompatibilityContext(modal)
 provideServerCompatibilityContext(ctx)
 
@@ -33,6 +34,14 @@ async function show(options?: ShowModalOptions) {
 	if (options?.updateContentKind) {
 		ctx.compatibilityType.value = options.updateContentKind
 		ctx.isEditingExistingCompatibility.value = true
+
+		// Prefill existing values for vanilla
+		const content = projectV3.value?.minecraft_java_server?.content
+		if (options.updateContentKind === 'vanilla' && content && content.kind === 'vanilla') {
+			ctx.supportedGameVersions.value = content.supported_game_versions ?? []
+			ctx.recommendedGameVersion.value = content.recommended_game_version ?? null
+		}
+
 		await nextTick()
 		modal.value?.setStage(1)
 	} else {

From 3e5a4e795fd303a9a9171843ac998d35a4bc498d Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 18:29:54 -0700
Subject: [PATCH 160/178] small fix

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 6ce8a7929b..610f489cdb 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -332,7 +332,7 @@
 				<!-- Bedrock Address -->
 				<div class="max-w-[600px]">
 					<label for="bedrock-address">
-						<span class="label__title !text-contrast">Bedrock/PE address</span>
+						<span class="label__title !text-contrast">Bedrock address</span>
 					</label>
 					<div class="mt-2 flex items-center gap-2">
 						<StyledInput

From 2ed3984521c78c349695eba4b1e7a6a69d36786f Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 18:38:32 -0700
Subject: [PATCH 161/178] small fix

---
 packages/ui/src/components/project/ProjectSidebarCreators.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/project/ProjectSidebarCreators.vue b/packages/ui/src/components/project/ProjectSidebarCreators.vue
index 238f58b429..0a65f49b69 100644
--- a/packages/ui/src/components/project/ProjectSidebarCreators.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCreators.vue
@@ -86,7 +86,9 @@ const props = defineProps<{
 // Members should be an array of all members, without the accepted ones, and with the user with the Owner role at the start
 // The rest of the members should be sorted by role, then by name
 const sortedMembers = computed(() => {
-	const acceptedMembers = props.members.filter((x) => x.accepted === undefined || x.accepted)
+	const acceptedMembers = (props.members ?? []).filter(
+		(x) => x.accepted === undefined || x.accepted,
+	)
 	const owner = acceptedMembers.find((x) =>
 		props.organization
 			? props.organization.members.some(

From fa02aedfb4bf7b020f3582d2fab5fa45042d6b20 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 17 Feb 2026 23:50:38 -0700
Subject: [PATCH 162/178] add update vanilla version if changed

---
 apps/app-frontend/src/store/install.js | 33 ++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/apps/app-frontend/src/store/install.js b/apps/app-frontend/src/store/install.js
index 737dd3f319..3738f63b51 100644
--- a/apps/app-frontend/src/store/install.js
+++ b/apps/app-frontend/src/store/install.js
@@ -8,8 +8,10 @@ import {
 	add_project_from_version,
 	check_installed,
 	create,
+	edit,
 	get,
 	get_projects,
+	install as installProfile,
 	list,
 	remove_project,
 } from '@/helpers/profile.js'
@@ -249,6 +251,7 @@ export const playServerProject = async (projectId) => {
 	const project = await get_project(projectId, 'must_revalidate')
 	const projectV3 = await get_project_v3(projectId, 'must_revalidate')
 	console.log(projectV3)
+
 	// Determine server address from v3 data
 	const java = projectV3?.minecraft_java_server
 	const serverAddress = java
@@ -258,23 +261,43 @@ export const playServerProject = async (projectId) => {
 		: null
 
 	// Determine the active/target version from v3 data
-	const activeVersion = projectV3?.minecraft_server?.active_version ?? null
+	const activeVersion = projectV3?.minecraft_java_server?.content.version ?? null
 
 	// Check if there's an installed instance for this project
 	const packs = await list()
 	const installedPack = packs.find((pack) => pack.linked_data?.project_id === project.id)
 
+	const isVanillaServer = projectV3?.minecraft_java_server?.content?.kind === 'vanilla'
+
 	if (installedPack) {
 		// Instance exists -- check if it needs updating
-		const needsUpdate = activeVersion && installedPack.linked_data?.version_id !== activeVersion
-
-		if (needsUpdate) {
+		const needsModpackUpdate =
+			activeVersion && installedPack.linked_data?.version_id !== activeVersion
+		const instanceGameVersion = installedPack.gameVersion
+		console.log(
+			'Instance game version:',
+			instanceGameVersion,
+			'Recommended game version:',
+			projectV3.minecraft_java_server.content.recommended_game_version,
+		)
+
+		if (needsModpackUpdate && !isVanillaServer) {
 			installStore.showUpdateToPlayModal(installedPack, activeVersion, async () => {
 				if (serverAddress) {
 					await start_join_server(installedPack.path, serverAddress)
 				}
 			})
 		} else {
+			// update vanilla instance
+			if (
+				instanceGameVersion !== projectV3.minecraft_java_server.content.recommended_game_version
+			) {
+				await edit(installedPack.path, {
+					game_version: projectV3.minecraft_java_server.content.recommended_game_version,
+				})
+				await installProfile(installedPack.path, false)
+			}
+
 			// Up to date -- launch directly into server
 			if (serverAddress) {
 				await start_join_server(installedPack.path, serverAddress)
@@ -316,7 +339,7 @@ export const playServerProject = async (projectId) => {
 		})
 	} else {
 		// Vanilla server -- create instance automatically and launch
-		const gameVersion = '1.21.1' // projectV3.minecraft_server.recommended_game_version
+		const gameVersion = projectV3.minecraft_java_server.recommended_game_version
 		if (gameVersion) {
 			const profilePath = await create(
 				project.title,

From b32d6fd20adb9b05b763512d071e692e99302a0e Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 00:01:22 -0700
Subject: [PATCH 163/178] refactor: make the play server project function much
 more readible

---
 apps/app-frontend/src/store/install.js | 196 ++++++++++++-------------
 1 file changed, 92 insertions(+), 104 deletions(-)

diff --git a/apps/app-frontend/src/store/install.js b/apps/app-frontend/src/store/install.js
index 3738f63b51..e9d624e88b 100644
--- a/apps/app-frontend/src/store/install.js
+++ b/apps/app-frontend/src/store/install.js
@@ -245,118 +245,106 @@ export const installVersionDependencies = async (profile, version) => {
 	}
 }
 
-export const playServerProject = async (projectId) => {
-	const installStore = useInstall()
+const getServerAddress = (javaServer) => {
+	if (!javaServer) return null
+	const { address, port } = javaServer
+	return port !== 25565 ? `${address}:${port}` : address
+}
 
-	const project = await get_project(projectId, 'must_revalidate')
-	const projectV3 = await get_project_v3(projectId, 'must_revalidate')
-	console.log(projectV3)
+const findInstalledInstance = async (projectId) => {
+	const packs = await list()
+	return packs.find((pack) => pack.linked_data?.project_id === projectId) ?? null
+}
 
-	// Determine server address from v3 data
-	const java = projectV3?.minecraft_java_server
-	const serverAddress = java
-		? java.port !== 25565
-			? `${java.address}:${java.port}`
-			: java.address
-		: null
+const createVanillaInstance = async (project, gameVersion) => {
+	return await create(project.title, gameVersion, 'vanilla', null, project.icon_url, false, {
+		project_id: project.id,
+		version_id: '',
+		locked: true,
+	})
+}
 
-	// Determine the active/target version from v3 data
-	const activeVersion = projectV3?.minecraft_java_server?.content.version ?? null
+const updateVanillaGameVersion = async (instance, targetGameVersion) => {
+	if (instance.game_version === targetGameVersion) return
 
-	// Check if there's an installed instance for this project
-	const packs = await list()
-	const installedPack = packs.find((pack) => pack.linked_data?.project_id === project.id)
-
-	const isVanillaServer = projectV3?.minecraft_java_server?.content?.kind === 'vanilla'
-
-	if (installedPack) {
-		// Instance exists -- check if it needs updating
-		const needsModpackUpdate =
-			activeVersion && installedPack.linked_data?.version_id !== activeVersion
-		const instanceGameVersion = installedPack.gameVersion
-		console.log(
-			'Instance game version:',
-			instanceGameVersion,
-			'Recommended game version:',
-			projectV3.minecraft_java_server.content.recommended_game_version,
-		)
-
-		if (needsModpackUpdate && !isVanillaServer) {
-			installStore.showUpdateToPlayModal(installedPack, activeVersion, async () => {
-				if (serverAddress) {
-					await start_join_server(installedPack.path, serverAddress)
-				}
-			})
-		} else {
-			// update vanilla instance
-			if (
-				instanceGameVersion !== projectV3.minecraft_java_server.content.recommended_game_version
-			) {
-				await edit(installedPack.path, {
-					game_version: projectV3.minecraft_java_server.content.recommended_game_version,
-				})
-				await installProfile(installedPack.path, false)
-			}
+	await edit(instance.path, { game_version: targetGameVersion })
+	await installProfile(instance.path, false)
+}
 
-			// Up to date -- launch directly into server
-			if (serverAddress) {
-				await start_join_server(installedPack.path, serverAddress)
-			}
-		}
-	} else if (activeVersion) {
-		// Has modpack content but not installed -- show install modal
-		installStore.showInstallToPlayModal(project, async () => {
-			// After install completes, find the newly installed instance and launch
-			const updatedPacks = await list()
-			const newPack = updatedPacks.find((pack) => pack.linked_data?.project_id === project.id)
-			if (newPack) {
-				installStore.popupNotificationManager?.addPopupNotification({
-					title: 'Install complete',
-					text: `${project.title} is installed and ready to play.`,
-					type: 'success',
-					buttons: [
-						...(serverAddress
-							? [
-									{
-										label: 'Launch game',
-										action: () => {
-											start_join_server(newPack.path, serverAddress)
-										},
-										color: 'brand',
-									},
-								]
-							: []),
+const showModpackInstallSuccess = (installStore, project, serverAddress) => {
+	installStore.popupNotificationManager?.addPopupNotification({
+		title: 'Install complete',
+		text: `${project.title} is installed and ready to play.`,
+		type: 'success',
+		buttons: [
+			...(serverAddress
+				? [
 						{
-							label: 'Instance',
-							action: () => {
-								router.push(`/instance/${encodeURIComponent(newPack.path)}`)
-							},
+							label: 'Launch game',
+							action: () => start_join_server(project.path, serverAddress),
+							color: 'brand',
 						},
-					],
-					autoCloseMs: null,
-				})
-			}
+					]
+				: []),
+			{
+				label: 'Instance',
+				action: () => router.push(`/instance/${encodeURIComponent(project.path)}`),
+			},
+		],
+		autoCloseMs: null,
+	})
+}
+
+export const playServerProject = async (projectId) => {
+	const installStore = useInstall()
+
+	const [project, projectV3] = await Promise.all([
+		get_project(projectId, 'must_revalidate'),
+		get_project_v3(projectId, 'must_revalidate'),
+	])
+
+	const content = projectV3?.minecraft_java_server?.content
+	const serverAddress = getServerAddress(projectV3?.minecraft_java_server)
+	const isVanilla = content?.kind === 'vanilla'
+	const isModpack = content?.kind === 'modpack'
+	const modpackVersionId = content?.version ?? null
+	const recommendedGameVersion = content?.recommended_game_version
+
+	let instance = await findInstalledInstance(project.id)
+
+	// Install if no instance exists
+	if (isVanilla && !instance) {
+		const path = await createVanillaInstance(project, recommendedGameVersion)
+		if (path) {
+			instance = await get(path)
+		}
+	}
+	if (isModpack && !instance) {
+		installStore.showInstallToPlayModal(project, async () => {
+			const newInstance = await findInstalledInstance(project.id)
+			if (!newInstance) return
+			showModpackInstallSuccess(installStore, newInstance, serverAddress)
 		})
-	} else {
-		// Vanilla server -- create instance automatically and launch
-		const gameVersion = projectV3.minecraft_java_server.recommended_game_version
-		if (gameVersion) {
-			const profilePath = await create(
-				project.title,
-				gameVersion,
-				'vanilla',
-				null,
-				project.icon_url,
-				false,
-				{
-					project_id: project.id,
-					version_id: '',
-					locked: true,
-				},
-			)
-			if (profilePath && serverAddress) {
-				await start_join_server(profilePath, serverAddress)
+		return
+	}
+
+	if (!instance) return
+
+	// Update existing instance if needed
+	if (isModpack && instance.linked_data?.version_id !== modpackVersionId) {
+		installStore.showUpdateToPlayModal(instance, modpackVersionId, async () => {
+			if (serverAddress) {
+				await start_join_server(instance.path, serverAddress)
 			}
-		}
+		})
+		return
+	}
+	if (isVanilla && instance.game_version !== recommendedGameVersion) {
+		await updateVanillaGameVersion(instance, recommendedGameVersion)
+	}
+
+	// join server
+	if (serverAddress) {
+		await start_join_server(instance.path, serverAddress)
 	}
 }

From e26df077b0c509e13aa7d9e12fa88301cbaa4253 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 00:06:39 -0700
Subject: [PATCH 164/178] hook up play server project inside instance play
 button

---
 apps/app-frontend/src/pages/instance/Index.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index 23465c3741..6a2b0d48da 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -107,7 +107,13 @@
 							color="brand"
 							size="large"
 						>
-							<button @click="startInstance('InstancePage')">
+							<button
+								@click="
+									isServerInstance
+										? playServerProject(instance.linked_data?.project_id)
+										: startInstance('InstancePage')
+								"
+							>
 								<PlayIcon />
 								Play
 							</button>
@@ -255,6 +261,7 @@ import { finish_install, get, get_full_path, kill, run } from '@/helpers/profile
 import type { GameInstance } from '@/helpers/types'
 import { showProfileInFolder } from '@/helpers/utils.js'
 import { handleSevereError } from '@/store/error.js'
+import { playServerProject } from '@/store/install.js'
 import { useBreadcrumbs, useLoading } from '@/store/state'
 
 dayjs.extend(duration)

From 56358969405d9d5d98cae6050806cd24876d33ab Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 10:10:47 -0700
Subject: [PATCH 165/178] move manage server compatibility modal to providers
 folder

---
 .../ServerCompatibilityModal/DataLossWarningBanner.vue   | 2 +-
 .../ServerCompatibilityModal.vue                         | 2 +-
 .../stages/SelectCompatibilityType.vue                   | 4 ++--
 .../stages/SelectPublishedModpack.vue                    | 2 +-
 .../stages/SelectVanillaVersions.vue                     | 2 +-
 .../stages/UploadCustomModpack.vue                       | 2 +-
 .../manage-server-compatibility-modal.ts                 | 9 ++++-----
 7 files changed, 11 insertions(+), 12 deletions(-)
 rename apps/frontend/src/{components/ui/project-settings/ServerCompatibilityModal => providers}/manage-server-compatibility-modal.ts (95%)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue
index dc50815bbe..735beca585 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/DataLossWarningBanner.vue
@@ -8,7 +8,7 @@
 <script setup lang="ts">
 import { Admonition } from '@modrinth/ui'
 
-import { injectServerCompatibilityContext } from './manage-server-compatibility-modal'
+import { injectServerCompatibilityContext } from '../../../../providers/manage-server-compatibility-modal'
 
 const { isSwitchingCompatibilityType } = injectServerCompatibilityContext()
 </script>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 212b62bb36..412c3093a6 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -16,7 +16,7 @@ import {
 	createServerCompatibilityContext,
 	provideServerCompatibilityContext,
 	type CompatibilityType,
-} from './manage-server-compatibility-modal'
+} from '../../../../providers/manage-server-compatibility-modal'
 
 const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
index befb4b75cb..6ccadd6a97 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
@@ -31,11 +31,11 @@
 <script setup lang="ts">
 import { BoxIcon, PackageIcon, PackageOpenIcon } from '@modrinth/assets'
 
-import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 import {
 	type CompatibilityType,
 	injectServerCompatibilityContext,
-} from '../manage-server-compatibility-modal'
+} from '~/providers/manage-server-compatibility-modal'
+import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 
 const ctx = injectServerCompatibilityContext()
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index 4d50bba021..d8b4799896 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -73,8 +73,8 @@ import {
 import { useQuery } from '@tanstack/vue-query'
 import { computed, ref, watch } from 'vue'
 
+import { injectServerCompatibilityContext } from '~/providers/manage-server-compatibility-modal'
 import DataLossWarningBanner from '../DataLossWarningBanner.vue'
-import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const { selectedProjectId, selectedVersionId } = injectServerCompatibilityContext()
 const { labrinth } = injectModrinthClient()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
index 0b56cdacab..8044ab6616 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
@@ -38,8 +38,8 @@ import { computed, watch } from 'vue'
 import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 import { useGeneratedState } from '~/composables/generated'
 
+import { injectServerCompatibilityContext } from '~/providers/manage-server-compatibility-modal'
 import DataLossWarningBanner from '../DataLossWarningBanner.vue'
-import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const { supportedGameVersions, recommendedGameVersion } = injectServerCompatibilityContext()
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
index 58455a9fdd..48dbe31ee1 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
@@ -67,8 +67,8 @@
 import { ArrowLeftRightIcon, FileIcon } from '@modrinth/assets'
 import { ButtonStyled, Checkbox, DropzoneFileInput } from '@modrinth/ui'
 
+import { injectServerCompatibilityContext } from '~/providers/manage-server-compatibility-modal'
 import DataLossWarningBanner from '../DataLossWarningBanner.vue'
-import { injectServerCompatibilityContext } from '../manage-server-compatibility-modal'
 
 const ctx = injectServerCompatibilityContext()
 
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts b/apps/frontend/src/providers/manage-server-compatibility-modal.ts
similarity index 95%
rename from apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
rename to apps/frontend/src/providers/manage-server-compatibility-modal.ts
index 959ba54412..425620d653 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/manage-server-compatibility-modal.ts
+++ b/apps/frontend/src/providers/manage-server-compatibility-modal.ts
@@ -12,11 +12,10 @@ import JSZip from 'jszip'
 import type { Ref, ShallowRef } from 'vue'
 import { markRaw, toRaw } from 'vue'
 import type { ComponentExposed } from 'vue-component-type-helpers'
-
-import SelectCompatibilityType from './stages/SelectCompatibilityType.vue'
-import SelectPublishedModpack from './stages/SelectPublishedModpack.vue'
-import SelectVanillaVersions from './stages/SelectVanillaVersions.vue'
-import UploadCustomModpack from './stages/UploadCustomModpack.vue'
+import SelectCompatibilityType from '~/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue'
+import SelectPublishedModpack from '~/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue'
+import SelectVanillaVersions from '~/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue'
+import UploadCustomModpack from '~/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue'
 
 export type CompatibilityType = 'vanilla' | 'published-modpack' | 'custom-modpack'
 

From 599dc90d89c15ed903fe05883da2375120621f2e Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 11:39:42 -0700
Subject: [PATCH 166/178] add links todo

---
 apps/frontend/src/pages/[type]/[id]/settings/links.vue     | 2 +-
 packages/ui/src/components/project/ProjectSidebarLinks.vue | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index ddaa3639f3..beb2bc87c9 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -260,7 +260,7 @@ const discordUrl = ref(project.value.discord_url)
 
 // Server project links
 const isServerProject = computed(() => projectV3.value?.minecraft_server !== undefined)
-const websiteUrl = ref(projectV3.value?.link_urls?.website?.url ?? '')
+const websiteUrl = ref(projectV3.value?.link_urls?.website?.url ?? '') // TODO_SERVER_PROJECTS, link might use "site" instead
 const storeUrl = ref(projectV3.value?.link_urls?.store?.url ?? '')
 const serverDiscordUrl = ref(projectV3.value?.link_urls?.discord?.url ?? '')
 
diff --git a/packages/ui/src/components/project/ProjectSidebarLinks.vue b/packages/ui/src/components/project/ProjectSidebarLinks.vue
index ba051d5b9c..a8206dfa42 100644
--- a/packages/ui/src/components/project/ProjectSidebarLinks.vue
+++ b/packages/ui/src/components/project/ProjectSidebarLinks.vue
@@ -107,6 +107,8 @@ import { defineMessages, useVIntl } from '../../composables/i18n'
 
 const { formatMessage } = useVIntl()
 
+// TODO_SERVER_PROJECTS: add links for `site` and `store`
+
 defineProps<{
 	project: {
 		issues_url: string

From 0e231ca8152b9e66bc5a6197c83ce2e57e560293 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 12:31:12 -0700
Subject: [PATCH 167/178] add language field

---
 .../src/pages/[type]/[id]/settings/index.vue  | 69 ++++++++++++++++++-
 1 file changed, 67 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 610f489cdb..d4beb31375 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -240,6 +240,20 @@
 					/>
 				</div>
 
+				<div v-if="isServerProject">
+					<label for="server-language">
+						<span class="label__title">Language</span>
+					</label>
+					<Combobox
+						id="server-language"
+						v-model="language"
+						:options="languageOptions"
+						searchable
+						placeholder="Select language"
+						:disabled="!hasPermission"
+					/>
+				</div>
+
 				<div>
 					<label>
 						<span class="label__title">Visibility</span>
@@ -460,6 +474,7 @@ const supportedGameVersions = ref([])
 const recommendedGameVersion = ref('')
 const usingMrpack = ref(false)
 const country = ref('')
+const language = ref('')
 
 watch(
 	() => projectV3.value,
@@ -478,6 +493,7 @@ watch(
 			recommendedGameVersion.value = ''
 		}
 		country.value = v3.minecraft_server?.country ?? ''
+		language.value = v3.minecraft_server?.language ?? ''
 	},
 	{ immediate: true },
 )
@@ -578,6 +594,48 @@ const countryOptions = [
 	{ value: 'BD', label: 'Bangladesh' },
 ]
 
+const languageOptions = [
+	{ value: 'en', label: 'English' },
+	{ value: 'es', label: 'Spanish' },
+	{ value: 'pt', label: 'Portuguese' },
+	{ value: 'fr', label: 'French' },
+	{ value: 'de', label: 'German' },
+	{ value: 'it', label: 'Italian' },
+	{ value: 'nl', label: 'Dutch' },
+	{ value: 'ru', label: 'Russian' },
+	{ value: 'uk', label: 'Ukrainian' },
+	{ value: 'pl', label: 'Polish' },
+	{ value: 'cs', label: 'Czech' },
+	{ value: 'sk', label: 'Slovak' },
+	{ value: 'hu', label: 'Hungarian' },
+	{ value: 'ro', label: 'Romanian' },
+	{ value: 'bg', label: 'Bulgarian' },
+	{ value: 'hr', label: 'Croatian' },
+	{ value: 'sr', label: 'Serbian' },
+	{ value: 'el', label: 'Greek' },
+	{ value: 'tr', label: 'Turkish' },
+	{ value: 'ar', label: 'Arabic' },
+	{ value: 'he', label: 'Hebrew' },
+	{ value: 'hi', label: 'Hindi' },
+	{ value: 'bn', label: 'Bengali' },
+	{ value: 'ur', label: 'Urdu' },
+	{ value: 'zh', label: 'Chinese' },
+	{ value: 'ja', label: 'Japanese' },
+	{ value: 'ko', label: 'Korean' },
+	{ value: 'th', label: 'Thai' },
+	{ value: 'vi', label: 'Vietnamese' },
+	{ value: 'id', label: 'Indonesian' },
+	{ value: 'ms', label: 'Malay' },
+	{ value: 'tl', label: 'Filipino' },
+	{ value: 'sv', label: 'Swedish' },
+	{ value: 'no', label: 'Norwegian' },
+	{ value: 'da', label: 'Danish' },
+	{ value: 'fi', label: 'Finnish' },
+	{ value: 'lt', label: 'Lithuanian' },
+	{ value: 'lv', label: 'Latvian' },
+	{ value: 'et', label: 'Estonian' },
+]
+
 const hasPermission = computed(() => {
 	const EDIT_DETAILS = 1 << 2
 	return ((currentMember.value?.permissions ?? 0) & EDIT_DETAILS) === EDIT_DETAILS
@@ -688,10 +746,14 @@ const serverPatchData = computed(() => {
 	if (!isServerProject.value) return {}
 
 	const origServer = projectV3.value?.minecraft_server
-	if (country.value && country.value !== origServer?.country) {
+	const countryChanged = country.value && country.value !== origServer?.country
+	const languageChanged = language.value && language.value !== origServer?.language
+
+	if (countryChanged || languageChanged) {
 		return {
 			...origServer,
-			country: country.value,
+			...(countryChanged ? { country: country.value } : {}),
+			...(languageChanged ? { language: language.value } : {}),
 		}
 	}
 
@@ -752,6 +814,7 @@ const original = computed(() => ({
 	bedrockAddress: projectV3.value?.minecraft_bedrock_server?.address ?? '',
 	bedrockPort: projectV3.value?.minecraft_bedrock_server?.port ?? 19132,
 	country: projectV3.value?.minecraft_server?.country ?? '',
+	language: projectV3.value?.minecraft_server?.language ?? '',
 	icon: null,
 	deletedIcon: false,
 	bannerFile: null,
@@ -770,6 +833,7 @@ const modified = computed(() => ({
 	bedrockAddress: bedrockAddress.value,
 	bedrockPort: bedrockPort.value,
 	country: country.value,
+	language: language.value,
 	icon: icon.value,
 	deletedIcon: deletedIcon.value,
 	bannerFile: bannerFile.value,
@@ -790,6 +854,7 @@ function resetChanges() {
 	bedrockAddress.value = projectV3.value?.minecraft_bedrock_server?.address ?? ''
 	bedrockPort.value = projectV3.value?.minecraft_bedrock_server?.port ?? 19132
 	country.value = projectV3.value?.minecraft_server?.country ?? ''
+	language.value = projectV3.value?.minecraft_server?.language ?? ''
 	icon.value = null
 	previewImage.value = null
 	deletedIcon.value = false

From 16c9a3cfcea9d156fae360b2fef8c376a21a21d3 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 13:03:28 -0700
Subject: [PATCH 168/178] update compatibility card for custom mrpack

---
 .../ui/project-settings/CompatibilityCard.vue       | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index dee6a95710..555badb657 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -18,7 +18,10 @@
 
 							Vanilla server
 						</div>
-						<div v-if="content.kind === 'modpack'" class="flex items-center gap-1.5">
+						<div
+							v-if="content.kind === 'modpack' && !usingCustomMrpack"
+							class="flex items-center gap-1.5"
+						>
 							<div
 								class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-solid border-surface-5 font-medium"
 							>
@@ -26,6 +29,14 @@
 							</div>
 							Published modpack
 						</div>
+						<div v-else class="flex items-center gap-1.5">
+							<div
+								class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-solid border-surface-5 font-medium"
+							>
+								<PackageIcon class="h-4 w-4 shrink-0 text-secondary" />
+							</div>
+							Custom modpack
+						</div>
 					</div>
 				</div>
 				<ButtonStyled v-if="content" type="outlined">

From 5d48d086a5feb7ef07516c46725727013e383446 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 13:04:06 -0700
Subject: [PATCH 169/178] add mc server ping to types

---
 packages/api-client/src/modules/labrinth/types.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 962f0000af..143e46305b 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -364,6 +364,7 @@ export namespace Labrinth {
 				minecraft_server?: MinecraftServer
 				minecraft_java_server?: MinecraftJavaServer
 				minecraft_bedrock_server?: MinecraftBedrockServer
+				minecraft_java_server_ping?: MinecraftJavaServerPing
 
 				/**
 				 * @deprecated Not recommended to use.
@@ -380,6 +381,20 @@ export namespace Labrinth {
 				organization_id?: string // automatically transfer the project to this organization
 			}
 
+			export interface MinecraftJavaServerPing {
+				address: string
+				data?: {
+					description: string
+					latency: string
+					players_max: number
+					players_online: number
+					version_name: string
+					version_protocol: number
+				}
+				port: number
+				when: string
+			}
+
 			export interface MinecraftServer {
 				// num players
 				// latency tbd

From 475010a50d2e7581bcbc77b319b3f8de1c594555 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 13:44:52 -0700
Subject: [PATCH 170/178] hook up server ping to server project headerr

---
 apps/app-frontend/src/pages/project/Index.vue |  8 +--
 .../api-client/src/modules/labrinth/types.ts  |  5 +-
 .../project/ServerProjectHeader.vue           | 71 +++++++++++++++----
 3 files changed, 66 insertions(+), 18 deletions(-)

diff --git a/apps/app-frontend/src/pages/project/Index.vue b/apps/app-frontend/src/pages/project/Index.vue
index 2e4b2eb7c8..d11b14a55d 100644
--- a/apps/app-frontend/src/pages/project/Index.vue
+++ b/apps/app-frontend/src/pages/project/Index.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div v-if="data">
 		<Teleport to="#sidebar-teleport-target">
 			<ProjectSidebarCompatibility
 				:project="data"
@@ -34,6 +34,7 @@
 				<ServerProjectHeader
 					v-if="isServerProject"
 					:project="data"
+					:project-v3="projectV3"
 					@contextmenu.prevent.stop="handleRightClick"
 				>
 					<template #actions>
@@ -203,10 +204,7 @@ import ContextMenu from '@/components/ui/ContextMenu.vue'
 import InstanceIndicator from '@/components/ui/InstanceIndicator.vue'
 import NavTabs from '@/components/ui/NavTabs.vue'
 import { get_project, get_project_v3, get_team, get_version_many } from '@/helpers/cache.js'
-import {
-	get as getInstance,
-	get_projects as getInstanceProjects,
-} from '@/helpers/profile'
+import { get as getInstance, get_projects as getInstanceProjects } from '@/helpers/profile'
 import { get_categories, get_game_versions, get_loaders } from '@/helpers/tags'
 import { useBreadcrumbs } from '@/store/breadcrumbs'
 import { install as installVersion, playServerProject } from '@/store/install.js'
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 143e46305b..02510bb235 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -385,7 +385,10 @@ export namespace Labrinth {
 				address: string
 				data?: {
 					description: string
-					latency: string
+					latency: {
+						nanos: number
+						secs: number
+					}
 					players_max: number
 					players_online: number
 					version_name: string
diff --git a/packages/ui/src/components/project/ServerProjectHeader.vue b/packages/ui/src/components/project/ServerProjectHeader.vue
index 815431573d..eab568fcf8 100644
--- a/packages/ui/src/components/project/ServerProjectHeader.vue
+++ b/packages/ui/src/components/project/ServerProjectHeader.vue
@@ -15,6 +15,7 @@
 		<template #stats>
 			<div class="flex items-center gap-3 gap-y-1 flex-wrap">
 				<img
+					v-if="serverFlag"
 					:src="serverFlag"
 					alt="Server region"
 					class="h-5 w-8 rounded-sm object-cover border-surface-5 border border-solid"
@@ -23,9 +24,12 @@
 					<UsersIcon class="h-5 w-5 text-secondary" />
 					{{ serverPlayersOnline }}/{{ serverMaxPlayers }}
 				</div>
-				<div class="flex items-center gap-2 font-semibold">
-					<SignalIcon class="h-5 w-5 text-brand-green" />
-				</div>
+				<TagItem
+					class="border !border-solid border-brand bg-brand-highlight !font-medium"
+					style="--_color: var(--color-brand)"
+				>
+					{{ ping }}ms
+				</TagItem>
 				<div
 					v-tooltip="
 						`${formatNumber(project.followers, false)} follower${project.followers !== 1 ? 's' : ''}`
@@ -48,8 +52,11 @@
 						</TagItem>
 					</div>
 				</div>
-				<div v-if="serverLinkedModpack" class="flex gap-1.5 items-center font-medium w-max">
-					<Avatar :src="project.icon_url" :alt="serverLinkedModpack" size="24px" />
+				<div
+					v-if="serverLinkedModpack && modpackIconUrl"
+					class="flex gap-1.5 items-center font-medium w-max"
+				>
+					<Avatar :src="modpackIconUrl" :alt="serverLinkedModpack" size="24px" />
 					{{ serverLinkedModpack }}
 				</div>
 			</div>
@@ -60,11 +67,14 @@
 	</ContentPageHeader>
 </template>
 <script setup lang="ts">
-import { HeartIcon, SignalIcon, UsersIcon } from '@modrinth/assets'
+import { HeartIcon, UsersIcon } from '@modrinth/assets'
 import { formatNumber, type Project } from '@modrinth/utils'
+import { useQuery } from '@tanstack/vue-query'
 import { computed } from 'vue'
 import { useRouter } from 'vue-router'
 
+import type { Labrinth } from '@modrinth/api-client'
+import { injectModrinthClient } from '../../providers/api-client'
 import Avatar from '../base/Avatar.vue'
 import ContentPageHeader from '../base/ContentPageHeader.vue'
 import FormattedTag from '../base/FormattedTag.vue'
@@ -72,10 +82,12 @@ import TagItem from '../base/TagItem.vue'
 import ProjectStatusBadge from './ProjectStatusBadge.vue'
 
 const router = useRouter()
+const { labrinth } = injectModrinthClient()
 
-withDefaults(
+const props = withDefaults(
 	defineProps<{
 		project: Project
+		projectV3: Labrinth.Projects.v3.Project | null
 		member?: boolean
 	}>(),
 	{
@@ -83,9 +95,44 @@ withDefaults(
 	},
 )
 
-// TODO: replace mocks with real data from project
-const serverFlag = computed(() => `https://flagcdn.com/us.svg`)
-const serverPlayersOnline = computed(() => 326)
-const serverMaxPlayers = computed(() => 3000)
-const serverLinkedModpack = computed(() => 'Cobblemon Modpack')
+console.log(props.projectV3)
+
+const minecraftServer = computed(() => props.projectV3?.minecraft_server)
+const minecraftJavaServer = computed(() => props.projectV3?.minecraft_java_server)
+const minecraftJavaServerPingData = computed(
+	() => props.projectV3?.minecraft_java_server_ping?.data,
+)
+const serverFlag = computed(() =>
+	minecraftServer.value?.country
+		? `https://flagcdn.com/${minecraftServer.value.country.toLowerCase()}.svg`
+		: '',
+)
+const serverPlayersOnline = computed(() => minecraftJavaServerPingData.value?.players_online ?? 0)
+const serverMaxPlayers = computed(() => minecraftJavaServerPingData.value?.players_max ?? 0)
+const serverModpackVersionId = computed(() =>
+	minecraftJavaServer.value?.content?.kind === 'modpack'
+		? minecraftJavaServer.value.content.version_id
+		: null,
+)
+
+const ping = computed(() =>
+	Math.trunc(Number(minecraftJavaServerPingData.value?.latency.nanos) / 1000000),
+)
+
+const { data: modpackVersion } = useQuery({
+	queryKey: computed(() => ['modpack-version', serverModpackVersionId.value] as const),
+	queryFn: () => labrinth.versions_v3.getVersion(serverModpackVersionId.value!),
+	enabled: computed(() => !!serverModpackVersionId.value),
+})
+
+const modpackProjectId = computed(() => modpackVersion.value?.project_id ?? null)
+
+const { data: modpackProject } = useQuery({
+	queryKey: computed(() => ['modpack-project', modpackProjectId.value] as const),
+	queryFn: () => labrinth.projects_v3.get(modpackProjectId.value!),
+	enabled: computed(() => !!modpackProjectId.value),
+})
+
+const serverLinkedModpack = computed(() => modpackProject.value?.name ?? null)
+const modpackIconUrl = computed(() => modpackProject.value?.icon_url ?? null)
 </script>

From 4d083c0d423b8594b1b97ac3b89b2349906c14e9 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 13:46:17 -0700
Subject: [PATCH 171/178] better variable names

---
 .../project/ServerProjectHeader.vue           | 42 ++++++++-----------
 1 file changed, 18 insertions(+), 24 deletions(-)

diff --git a/packages/ui/src/components/project/ServerProjectHeader.vue b/packages/ui/src/components/project/ServerProjectHeader.vue
index eab568fcf8..9af91f1c1f 100644
--- a/packages/ui/src/components/project/ServerProjectHeader.vue
+++ b/packages/ui/src/components/project/ServerProjectHeader.vue
@@ -15,14 +15,14 @@
 		<template #stats>
 			<div class="flex items-center gap-3 gap-y-1 flex-wrap">
 				<img
-					v-if="serverFlag"
-					:src="serverFlag"
+					v-if="flagSVG"
+					:src="flagSVG"
 					alt="Server region"
 					class="h-5 w-8 rounded-sm object-cover border-surface-5 border border-solid"
 				/>
 				<div class="flex items-center gap-2 font-semibold">
 					<UsersIcon class="h-5 w-5 text-secondary" />
-					{{ serverPlayersOnline }}/{{ serverMaxPlayers }}
+					{{ playersOnline }}/{{ maxPlayers }}
 				</div>
 				<TagItem
 					class="border !border-solid border-brand bg-brand-highlight !font-medium"
@@ -53,11 +53,11 @@
 					</div>
 				</div>
 				<div
-					v-if="serverLinkedModpack && modpackIconUrl"
+					v-if="serverModpack && modpackIconUrl"
 					class="flex gap-1.5 items-center font-medium w-max"
 				>
-					<Avatar :src="modpackIconUrl" :alt="serverLinkedModpack" size="24px" />
-					{{ serverLinkedModpack }}
+					<Avatar :src="modpackIconUrl" :alt="serverModpack" size="24px" />
+					{{ serverModpack }}
 				</div>
 			</div>
 		</template>
@@ -98,31 +98,25 @@ const props = withDefaults(
 console.log(props.projectV3)
 
 const minecraftServer = computed(() => props.projectV3?.minecraft_server)
-const minecraftJavaServer = computed(() => props.projectV3?.minecraft_java_server)
-const minecraftJavaServerPingData = computed(
-	() => props.projectV3?.minecraft_java_server_ping?.data,
-)
-const serverFlag = computed(() =>
+const javaServer = computed(() => props.projectV3?.minecraft_java_server)
+const javaServerPingData = computed(() => props.projectV3?.minecraft_java_server_ping?.data)
+const flagSVG = computed(() =>
 	minecraftServer.value?.country
 		? `https://flagcdn.com/${minecraftServer.value.country.toLowerCase()}.svg`
 		: '',
 )
-const serverPlayersOnline = computed(() => minecraftJavaServerPingData.value?.players_online ?? 0)
-const serverMaxPlayers = computed(() => minecraftJavaServerPingData.value?.players_max ?? 0)
-const serverModpackVersionId = computed(() =>
-	minecraftJavaServer.value?.content?.kind === 'modpack'
-		? minecraftJavaServer.value.content.version_id
-		: null,
+const playersOnline = computed(() => javaServerPingData.value?.players_online ?? 0)
+const maxPlayers = computed(() => javaServerPingData.value?.players_max ?? 0)
+const modpackVersionId = computed(() =>
+	javaServer.value?.content?.kind === 'modpack' ? javaServer.value.content.version_id : null,
 )
 
-const ping = computed(() =>
-	Math.trunc(Number(minecraftJavaServerPingData.value?.latency.nanos) / 1000000),
-)
+const ping = computed(() => Math.trunc(Number(javaServerPingData.value?.latency.nanos) / 1000000))
 
 const { data: modpackVersion } = useQuery({
-	queryKey: computed(() => ['modpack-version', serverModpackVersionId.value] as const),
-	queryFn: () => labrinth.versions_v3.getVersion(serverModpackVersionId.value!),
-	enabled: computed(() => !!serverModpackVersionId.value),
+	queryKey: computed(() => ['modpack-version', modpackVersionId.value] as const),
+	queryFn: () => labrinth.versions_v3.getVersion(modpackVersionId.value!),
+	enabled: computed(() => !!modpackVersionId.value),
 })
 
 const modpackProjectId = computed(() => modpackVersion.value?.project_id ?? null)
@@ -133,6 +127,6 @@ const { data: modpackProject } = useQuery({
 	enabled: computed(() => !!modpackProjectId.value),
 })
 
-const serverLinkedModpack = computed(() => modpackProject.value?.name ?? null)
+const serverModpack = computed(() => modpackProject.value?.name ?? null)
 const modpackIconUrl = computed(() => modpackProject.value?.icon_url ?? null)
 </script>

From 41207cbdef2b3d5ff3049be25f701df645cecbee Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 13:46:38 -0700
Subject: [PATCH 172/178] remove console.log

---
 packages/ui/src/components/project/ServerProjectHeader.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/ui/src/components/project/ServerProjectHeader.vue b/packages/ui/src/components/project/ServerProjectHeader.vue
index 9af91f1c1f..ea477f0f67 100644
--- a/packages/ui/src/components/project/ServerProjectHeader.vue
+++ b/packages/ui/src/components/project/ServerProjectHeader.vue
@@ -95,8 +95,6 @@ const props = withDefaults(
 	},
 )
 
-console.log(props.projectV3)
-
 const minecraftServer = computed(() => props.projectV3?.minecraft_server)
 const javaServer = computed(() => props.projectV3?.minecraft_java_server)
 const javaServerPingData = computed(() => props.projectV3?.minecraft_java_server_ping?.data)

From cf637561feff433f45ad8aba78a1fd548de71c17 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 14:08:20 -0700
Subject: [PATCH 173/178] fix v3 patch data

---
 apps/frontend/src/pages/[type]/[id].vue       |  1 -
 .../src/pages/[type]/[id]/settings/index.vue  | 27 +++++++++++++------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index bb2b0f36d8..d98ae0680a 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -1734,7 +1734,6 @@ const patchProjectMutation = useMutation({
 			text: err.data ? err.data.description : err.message,
 			type: 'error',
 		})
-		window.scrollTo({ top: 0, behavior: 'smooth' })
 	},
 
 	onSettled: async () => {
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index d4beb31375..976cbb99ea 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -789,13 +789,18 @@ const basePatchData = computed(() => {
 	return data
 })
 
-const patchData = computed(() => {
-	return {
-		...basePatchData.value,
-		minecraft_server: serverPatchData.value,
-		minecraft_java_server: javaServerPatchData.value,
-		minecraft_bedrock_server: bedrockServerPatchData.value,
+const v3PatchData = computed(() => {
+	const data = {}
+	if (Object.keys(serverPatchData.value).length > 0) {
+		data.minecraft_server = serverPatchData.value
+	}
+	if (Object.keys(javaServerPatchData.value).length > 0) {
+		data.minecraft_java_server = javaServerPatchData.value
+	}
+	if (Object.keys(bedrockServerPatchData.value).length > 0) {
+		data.minecraft_bedrock_server = bedrockServerPatchData.value
 	}
+	return data
 })
 
 const saving = ref(false)
@@ -874,8 +879,14 @@ const hasModifiedVisibility = () => {
 async function handleSave() {
 	saving.value = true
 	try {
-		if (Object.keys(patchData.value).length > 0) {
-			await patchProjectV3(patchData.value)
+		const hasV2Changes = Object.keys(basePatchData.value).length > 0
+		const hasV3Changes = Object.keys(v3PatchData.value).length > 0
+
+		if (hasV2Changes) {
+			await patchProject(basePatchData.value, hasV3Changes)
+		}
+		if (hasV3Changes) {
+			await patchProjectV3(v3PatchData.value)
 		}
 
 		if (deletedIcon.value) {

From fb10ccda5286d46eb54e55791f6c7407e046c9eb Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 14:42:51 -0700
Subject: [PATCH 174/178] add new link urls to project page sidebar

---
 apps/app-frontend/src/pages/project/Index.vue |  7 ++-
 .../ui/project-settings/CompatibilityCard.vue |  2 +-
 .../ServerCompatibilityModal.vue              |  4 +-
 .../stages/SelectCompatibilityType.vue        |  1 +
 .../stages/SelectPublishedModpack.vue         |  1 +
 .../stages/SelectVanillaVersions.vue          |  2 +-
 .../stages/UploadCustomModpack.vue            |  1 +
 apps/frontend/src/pages/[type]/[id].vue       |  1 +
 .../src/pages/[type]/[id]/settings/links.vue  | 34 +++++++++-----
 .../manage-server-compatibility-modal.ts      |  1 +
 packages/assets/generated-icons.ts            |  2 +
 packages/assets/icons/store.svg               | 17 +++++++
 .../project/ProjectSidebarLinks.vue           | 47 +++++++++++++++++--
 .../project/ServerProjectHeader.vue           |  2 +-
 packages/ui/src/locales/en-US/index.json      |  6 +++
 15 files changed, 107 insertions(+), 21 deletions(-)
 create mode 100644 packages/assets/icons/store.svg

diff --git a/apps/app-frontend/src/pages/project/Index.vue b/apps/app-frontend/src/pages/project/Index.vue
index d11b14a55d..b7cbde0647 100644
--- a/apps/app-frontend/src/pages/project/Index.vue
+++ b/apps/app-frontend/src/pages/project/Index.vue
@@ -6,7 +6,12 @@
 				:tags="{ loaders: allLoaders, gameVersions: allGameVersions }"
 				class="project-sidebar-section"
 			/>
-			<ProjectSidebarLinks link-target="_blank" :project="data" class="project-sidebar-section" />
+			<ProjectSidebarLinks
+				link-target="_blank"
+				:project="data"
+				:project-v3="projectV3"
+				class="project-sidebar-section"
+			/>
 			<ProjectSidebarCreators
 				:organization="null"
 				:members="members"
diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 555badb657..892e3f4a14 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -40,7 +40,7 @@
 					</div>
 				</div>
 				<ButtonStyled v-if="content" type="outlined">
-					<button @click="handleSwitchCompatibility" class="!border-[1px]">
+					<button class="!border-[1px]" @click="handleSwitchCompatibility">
 						<ArrowLeftRightIcon />
 						Switch type
 					</button>
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
index 412c3093a6..d5b0900f40 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/ServerCompatibilityModal.vue
@@ -3,8 +3,8 @@
 		ref="modal"
 		:stages="ctx.stageConfigs"
 		:context="ctx"
-		@hide="handleHide"
 		:fade="ctx.isSwitchingCompatibilityType.value ? 'danger' : 'standard'"
+		@hide="handleHide"
 	/>
 </template>
 
@@ -13,9 +13,9 @@ import { injectProjectPageContext, MultiStageModal } from '@modrinth/ui'
 import type { ComponentExposed } from 'vue-component-type-helpers'
 
 import {
+	type CompatibilityType,
 	createServerCompatibilityContext,
 	provideServerCompatibilityContext,
-	type CompatibilityType,
 } from '../../../../providers/manage-server-compatibility-modal'
 
 const modal = useTemplateRef<ComponentExposed<typeof MultiStageModal>>('modal')
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
index 6ccadd6a97..93425e6254 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue
@@ -35,6 +35,7 @@ import {
 	type CompatibilityType,
 	injectServerCompatibilityContext,
 } from '~/providers/manage-server-compatibility-modal'
+
 import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 
 const ctx = injectServerCompatibilityContext()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index d8b4799896..771c5e9cde 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -74,6 +74,7 @@ import { useQuery } from '@tanstack/vue-query'
 import { computed, ref, watch } from 'vue'
 
 import { injectServerCompatibilityContext } from '~/providers/manage-server-compatibility-modal'
+
 import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 
 const { selectedProjectId, selectedVersionId } = injectServerCompatibilityContext()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
index 8044ab6616..3da6c93505 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue
@@ -37,8 +37,8 @@ import { computed, watch } from 'vue'
 
 import McVersionPicker from '~/components/ui/create-project-version/components/McVersionPicker.vue'
 import { useGeneratedState } from '~/composables/generated'
-
 import { injectServerCompatibilityContext } from '~/providers/manage-server-compatibility-modal'
+
 import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 
 const { supportedGameVersions, recommendedGameVersion } = injectServerCompatibilityContext()
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
index 48dbe31ee1..c3f15a033b 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
@@ -68,6 +68,7 @@ import { ArrowLeftRightIcon, FileIcon } from '@modrinth/assets'
 import { ButtonStyled, Checkbox, DropzoneFileInput } from '@modrinth/ui'
 
 import { injectServerCompatibilityContext } from '~/providers/manage-server-compatibility-modal'
+
 import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 
 const ctx = injectServerCompatibilityContext()
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index d98ae0680a..a892e2781c 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -832,6 +832,7 @@
 					<AdPlaceholder v-if="!auth.user && tags.approvedStatuses.includes(project.status)" />
 					<ProjectSidebarLinks
 						:project="project"
+						:project-v3="projectV3"
 						:link-target="$external()"
 						class="card flex-card experimental-styles-within"
 					/>
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/links.vue b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
index beb2bc87c9..56830a103d 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/links.vue
@@ -10,7 +10,7 @@
 				</label>
 				<input
 					id="server-website"
-					v-model="websiteUrl"
+					v-model="siteUrl"
 					type="url"
 					placeholder="Enter a valid URL"
 					maxlength="2048"
@@ -248,7 +248,7 @@ const {
 	projectV3,
 	currentMember,
 	patchProject,
-	refreshProject,
+	invalidate,
 } = injectProjectPageContext()
 const { labrinth } = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
@@ -260,10 +260,22 @@ const discordUrl = ref(project.value.discord_url)
 
 // Server project links
 const isServerProject = computed(() => projectV3.value?.minecraft_server !== undefined)
-const websiteUrl = ref(projectV3.value?.link_urls?.website?.url ?? '') // TODO_SERVER_PROJECTS, link might use "site" instead
+const siteUrl = ref(projectV3.value?.link_urls?.site?.url ?? '')
 const storeUrl = ref(projectV3.value?.link_urls?.store?.url ?? '')
 const serverDiscordUrl = ref(projectV3.value?.link_urls?.discord?.url ?? '')
 
+watch(
+	projectV3,
+	(newVal) => {
+		if (newVal) {
+			siteUrl.value = newVal.link_urls?.site?.url ?? ''
+			storeUrl.value = newVal.link_urls?.store?.url ?? ''
+			serverDiscordUrl.value = newVal.link_urls?.discord?.url ?? ''
+		}
+	},
+	{ immediate: true },
+)
+
 const isIssuesUrlCommon = computed(() => {
 	if (!issuesUrl.value || issuesUrl.value.trim().length === 0) return true
 	return isCommonUrl(issuesUrl.value, commonLinkDomains.issues)
@@ -363,18 +375,18 @@ const hasChanges = computed(() => {
 // Server project links
 const serverPatchData = computed(() => {
 	const data = {}
-	const originalWebsite = projectV3.value?.link_urls?.website?.url ?? ''
+	const originalSite = projectV3.value?.link_urls?.site?.url ?? ''
 	const originalStore = projectV3.value?.link_urls?.store?.url ?? ''
 	const originalDiscord = projectV3.value?.link_urls?.discord?.url ?? ''
 
-	if (checkDifference(websiteUrl.value, originalWebsite)) {
-		data.website = websiteUrl.value?.trim() || null
+	if (siteUrl.value && checkDifference(siteUrl.value, originalSite)) {
+		data.site = siteUrl.value?.trim()
 	}
-	if (checkDifference(storeUrl.value, originalStore)) {
-		data.store = storeUrl.value?.trim() || null
+	if (storeUrl.value && checkDifference(storeUrl.value, originalStore)) {
+		data.store = storeUrl.value?.trim()
 	}
-	if (checkDifference(serverDiscordUrl.value, originalDiscord)) {
-		data.wiki = serverDiscordUrl.value?.trim() || null
+	if (serverDiscordUrl.value && checkDifference(serverDiscordUrl.value, originalDiscord)) {
+		data.discord = serverDiscordUrl.value?.trim()
 	}
 	return data
 })
@@ -391,7 +403,7 @@ async function saveServerChanges() {
 		await labrinth.projects_v3.edit(project.value.id, {
 			link_urls: linkUpdates,
 		})
-		await refreshProject()
+		await invalidate()
 		addNotification({
 			title: 'Links updated',
 			text: 'Your server links have been updated.',
diff --git a/apps/frontend/src/providers/manage-server-compatibility-modal.ts b/apps/frontend/src/providers/manage-server-compatibility-modal.ts
index 425620d653..07e718e3e5 100644
--- a/apps/frontend/src/providers/manage-server-compatibility-modal.ts
+++ b/apps/frontend/src/providers/manage-server-compatibility-modal.ts
@@ -12,6 +12,7 @@ import JSZip from 'jszip'
 import type { Ref, ShallowRef } from 'vue'
 import { markRaw, toRaw } from 'vue'
 import type { ComponentExposed } from 'vue-component-type-helpers'
+
 import SelectCompatibilityType from '~/components/ui/project-settings/ServerCompatibilityModal/stages/SelectCompatibilityType.vue'
 import SelectPublishedModpack from '~/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue'
 import SelectVanillaVersions from '~/components/ui/project-settings/ServerCompatibilityModal/stages/SelectVanillaVersions.vue'
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index 22569d9b31..005d38e1b9 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -200,6 +200,7 @@ import _SparklesIcon from './icons/sparkles.svg?component'
 import _SpinnerIcon from './icons/spinner.svg?component'
 import _StarIcon from './icons/star.svg?component'
 import _StopCircleIcon from './icons/stop-circle.svg?component'
+import _StoreIcon from './icons/store.svg?component'
 import _StrikethroughIcon from './icons/strikethrough.svg?component'
 import _SunIcon from './icons/sun.svg?component'
 import _SunriseIcon from './icons/sunrise.svg?component'
@@ -522,6 +523,7 @@ export const SparklesIcon = _SparklesIcon
 export const SpinnerIcon = _SpinnerIcon
 export const StarIcon = _StarIcon
 export const StopCircleIcon = _StopCircleIcon
+export const StoreIcon = _StoreIcon
 export const StrikethroughIcon = _StrikethroughIcon
 export const SunIcon = _SunIcon
 export const SunriseIcon = _SunriseIcon
diff --git a/packages/assets/icons/store.svg b/packages/assets/icons/store.svg
new file mode 100644
index 0000000000..eea90485a9
--- /dev/null
+++ b/packages/assets/icons/store.svg
@@ -0,0 +1,17 @@
+<!-- @license lucide-static v0.562.0 - ISC -->
+<svg
+  class="lucide lucide-store"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5" />
+  <path d="M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244" />
+  <path d="M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05" />
+</svg>
diff --git a/packages/ui/src/components/project/ProjectSidebarLinks.vue b/packages/ui/src/components/project/ProjectSidebarLinks.vue
index a8206dfa42..adc75ca5a3 100644
--- a/packages/ui/src/components/project/ProjectSidebarLinks.vue
+++ b/packages/ui/src/components/project/ProjectSidebarLinks.vue
@@ -5,6 +5,8 @@
 			project.source_url ||
 			project.wiki_url ||
 			project.discord_url ||
+			project.site_url ||
+			projectV3?.link_urls.store?.url ||
 			project.donation_urls.length > 0
 		"
 		class="flex flex-col gap-3"
@@ -53,9 +55,34 @@
 				{{ formatMessage(messages.discord) }}
 				<ExternalIcon aria-hidden="true" class="external-icon" />
 			</a>
+			<a
+				v-if="projectV3?.link_urls.site?.url"
+				:href="projectV3?.link_urls.site?.url"
+				:target="linkTarget"
+				rel="noopener nofollow ugc"
+			>
+				<GlobeIcon aria-hidden="true" />
+				{{ formatMessage(messages.site) }}
+				<ExternalIcon aria-hidden="true" class="external-icon" />
+			</a>
+			<a
+				v-if="projectV3?.link_urls.store?.url"
+				:href="projectV3?.link_urls.store?.url"
+				:target="linkTarget"
+				rel="noopener nofollow ugc"
+			>
+				<StoreIcon aria-hidden="true" />
+				{{ formatMessage(messages.store) }}
+				<ExternalIcon aria-hidden="true" class="external-icon" />
+			</a>
 			<hr
 				v-if="
-					(project.issues_url || project.source_url || project.wiki_url || project.discord_url) &&
+					(project.issues_url ||
+						project.source_url ||
+						project.wiki_url ||
+						project.discord_url ||
+						projectV3?.link_urls.site?.url ||
+						projectV3?.link_urls.store?.url) &&
 					project.donation_urls.length > 0
 				"
 				class="w-full border-button-border my-0.5"
@@ -88,18 +115,21 @@
 	</div>
 </template>
 <script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
 import {
 	BuyMeACoffeeIcon,
 	CodeIcon,
 	CurrencyIcon,
 	DiscordIcon,
 	ExternalIcon,
+	GlobeIcon,
 	HeartIcon,
 	IssuesIcon,
 	KoFiIcon,
 	OpenCollectiveIcon,
 	PatreonIcon,
 	PayPalIcon,
+	StoreIcon,
 	WikiIcon,
 } from '@modrinth/assets'
 
@@ -107,19 +137,20 @@ import { defineMessages, useVIntl } from '../../composables/i18n'
 
 const { formatMessage } = useVIntl()
 
-// TODO_SERVER_PROJECTS: add links for `site` and `store`
-
-defineProps<{
+const props = defineProps<{
 	project: {
 		issues_url: string
 		source_url: string
 		wiki_url: string
 		discord_url: string
+		site_url?: string
+		store_url?: string
 		donation_urls: {
 			id: string
 			url: string
 		}[]
 	}
+	projectV3?: Labrinth.Projects.v3.Project
 	linkTarget: string
 }>()
 
@@ -144,6 +175,14 @@ const messages = defineMessages({
 		id: 'project.about.links.discord',
 		defaultMessage: 'Join Discord server',
 	},
+	site: {
+		id: 'project.about.links.site',
+		defaultMessage: 'Visit website',
+	},
+	store: {
+		id: 'project.about.links.store',
+		defaultMessage: 'Visit store page',
+	},
 	donateGeneric: {
 		id: 'project.about.links.donate.generic',
 		defaultMessage: 'Donate',
diff --git a/packages/ui/src/components/project/ServerProjectHeader.vue b/packages/ui/src/components/project/ServerProjectHeader.vue
index ea477f0f67..f3cd227d78 100644
--- a/packages/ui/src/components/project/ServerProjectHeader.vue
+++ b/packages/ui/src/components/project/ServerProjectHeader.vue
@@ -67,13 +67,13 @@
 	</ContentPageHeader>
 </template>
 <script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
 import { HeartIcon, UsersIcon } from '@modrinth/assets'
 import { formatNumber, type Project } from '@modrinth/utils'
 import { useQuery } from '@tanstack/vue-query'
 import { computed } from 'vue'
 import { useRouter } from 'vue-router'
 
-import type { Labrinth } from '@modrinth/api-client'
 import { injectModrinthClient } from '../../providers/api-client'
 import Avatar from '../base/Avatar.vue'
 import ContentPageHeader from '../base/ContentPageHeader.vue'
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index 299a8070a9..7462070231 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -836,9 +836,15 @@
   "project.about.links.issues": {
     "defaultMessage": "Report issues"
   },
+  "project.about.links.site": {
+    "defaultMessage": "Visit website"
+  },
   "project.about.links.source": {
     "defaultMessage": "View source"
   },
+  "project.about.links.store": {
+    "defaultMessage": "Visit store page"
+  },
   "project.about.links.title": {
     "defaultMessage": "Links"
   },

From 2ff9db470834c6d6431b3c1f50a1be2464c7e9a7 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 14:44:16 -0700
Subject: [PATCH 175/178] small fix

---
 .../src/components/ui/project-settings/CompatibilityCard.vue    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index 892e3f4a14..340dc53241 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -19,7 +19,7 @@
 							Vanilla server
 						</div>
 						<div
-							v-if="content.kind === 'modpack' && !usingCustomMrpack"
+							v-else-if="content.kind === 'modpack' && !usingCustomMrpack"
 							class="flex items-center gap-1.5"
 						>
 							<div

From 6663a3c64fb6c2dcd70fc873417cb270c65da79d Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 14:49:33 -0700
Subject: [PATCH 176/178] implement exclude own project id in select publish
 modpack content

---
 .../stages/SelectPublishedModpack.vue                        | 5 +++++
 packages/ui/src/components/project/ProjectCombobox.vue       | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
index 771c5e9cde..dad03998b0 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/SelectPublishedModpack.vue
@@ -10,6 +10,7 @@
 					<ProjectCombobox
 						v-model="selectedProjectId"
 						:project-types="['modpack']"
+						:exclude-project-ids="[currentProjectId]"
 						placeholder="Select modpack"
 						search-placeholder="Search by name or paste ID..."
 						loading-message="Loading..."
@@ -67,6 +68,7 @@ import {
 	FormattedTag,
 	injectModrinthClient,
 	injectNotificationManager,
+	injectProjectPageContext,
 	ProjectCombobox,
 	TagItem,
 } from '@modrinth/ui'
@@ -77,6 +79,9 @@ import { injectServerCompatibilityContext } from '~/providers/manage-server-comp
 
 import DataLossWarningBanner from '../DataLossWarningBanner.vue'
 
+const { projectV3 } = injectProjectPageContext()
+
+const currentProjectId = computed(() => projectV3.value?.id)
 const { selectedProjectId, selectedVersionId } = injectServerCompatibilityContext()
 const { labrinth } = injectModrinthClient()
 const { addNotification } = injectNotificationManager()
diff --git a/packages/ui/src/components/project/ProjectCombobox.vue b/packages/ui/src/components/project/ProjectCombobox.vue
index b2ace5384d..c14564426c 100644
--- a/packages/ui/src/components/project/ProjectCombobox.vue
+++ b/packages/ui/src/components/project/ProjectCombobox.vue
@@ -54,6 +54,8 @@ const props = withDefaults(
 		disabled?: boolean
 		/** Maximum number of results to show */
 		limit?: number
+		/** Project IDs to exclude from results */
+		excludeProjectIds?: string[]
 	}>(),
 	{
 		placeholder: 'Select project',
@@ -134,10 +136,11 @@ const search = async (query: string) => {
 
 		const allHits = [...resultsByProjectId.hits, ...results.hits]
 		const seenIds = new Set<string>()
+		const excludeSet = new Set(props.excludeProjectIds ?? [])
 		const uniqueHits: SearchHit[] = []
 
 		for (const hit of allHits) {
-			if (!seenIds.has(hit.project_id)) {
+			if (!seenIds.has(hit.project_id) && !excludeSet.has(hit.project_id)) {
 				seenIds.add(hit.project_id)
 				uniqueHits.push(hit)
 				// Cache the hit for later lookup

From 702e9882b6cb200d838ca5616c988e5ba9323389 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 18 Feb 2026 14:52:09 -0700
Subject: [PATCH 177/178] fix upload banner

---
 apps/frontend/src/pages/[type]/[id]/settings/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
index 976cbb99ea..6363d88b13 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -957,7 +957,7 @@ const uploadBanner = async () => {
 			title: 'Banner',
 		})
 
-		await refreshProject()
+		await invalidate()
 		addNotification({
 			title: 'Banner updated',
 			text: 'Your project banner has been updated.',
@@ -977,7 +977,7 @@ const deleteBanner = async () => {
 		const featuredImage = project.value.gallery?.find((img) => img.featured)
 		if (featuredImage) {
 			await labrinth.projects_v2.deleteGalleryImage(project.value.id, featuredImage.url)
-			await refreshProject()
+			await invalidate()
 			addNotification({
 				title: 'Banner removed',
 				text: 'Your project banner has been removed.',

From 0d0fdab646bd7e0b0cb71b55920db5bfd87b77fb Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 19 Feb 2026 11:38:33 -0700
Subject: [PATCH 178/178] fix: dont circuit break in dev environment

---
 packages/app-lib/src/util/fetch.rs | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/app-lib/src/util/fetch.rs b/packages/app-lib/src/util/fetch.rs
index d2fc872992..b4e2d5ce85 100644
--- a/packages/app-lib/src/util/fetch.rs
+++ b/packages/app-lib/src/util/fetch.rs
@@ -206,7 +206,10 @@ pub async fn fetch_advanced(
     };
 
     for attempt in 1..=(FETCH_ATTEMPTS + 1) {
-        if is_api_url && GLOBAL_FETCH_FENCE.is_blocked() {
+        if is_api_url
+            && !cfg!(debug_assertions)
+            && GLOBAL_FETCH_FENCE.is_blocked()
+        {
             return Err(ErrorKind::ApiIsDownError.into());
         }