From 728f8db7b9c9432f9ee4becccd17d2470c31fc48 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Wed, 28 Jan 2026 11:43:58 -0800
Subject: [PATCH] Add game version warning for shaders (#5227)

---
 apps/frontend/src/locales/en-US/index.json         |  3 +++
 apps/frontend/src/pages/discover/[type]/index.vue  | 14 +++++++++++++-
 .../src/components/search/SearchSidebarFilter.vue  |  1 +
 packages/ui/src/utils/search.ts                    |  6 +++++-
 4 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 9a530f594..f840d6fc5 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -2684,6 +2684,9 @@
   "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"
   },
diff --git a/apps/frontend/src/pages/discover/[type]/index.vue b/apps/frontend/src/pages/discover/[type]/index.vue
index 777025dd2..94651030b 100644
--- a/apps/frontend/src/pages/discover/[type]/index.vue
+++ b/apps/frontend/src/pages/discover/[type]/index.vue
@@ -7,6 +7,7 @@ import {
 	GameIcon,
 	GridIcon,
 	ImageIcon,
+	InfoIcon,
 	LeftArrowIcon,
 	ListIcon,
 	SearchIcon,
@@ -213,6 +214,11 @@ const messages = defineMessages({
 		id: 'search.filter.locked.server.sync',
 		defaultMessage: 'Sync with server',
 	},
+	gameVersionShaderMessage: {
+		id: 'search.filter.game-version-shader-message',
+		defaultMessage:
+			'Shader packs for older versions most likely work on newer versions with only minor issues.',
+	},
 })
 
 interface InstallableSearchResult extends Labrinth.Search.v2.ResultSearchProject {
@@ -500,11 +506,17 @@ useSeoMeta({
 				button-class="button-animation flex flex-col gap-1 px-6 py-4 w-full bg-transparent cursor-pointer border-none"
 				content-class="mb-4 mx-3"
 				inner-panel-class="p-1"
-				:open-by-default="true"
+				:open-by-default="!(currentType === 'shader' && filter.id === 'game_version')"
 			>
 				<template #header>
 					<h3 class="m-0 text-lg">{{ filter.formatted_name }}</h3>
 				</template>
+				<template v-if="currentType === 'shader' && filter.id === 'game_version'" #prefix>
+					<div class="mb-4 grid grid-cols-[auto_1fr] gap-2 px-3 text-sm font-medium text-blue">
+						<InfoIcon class="mt-1 size-4" />
+						<span> {{ formatMessage(messages.gameVersionShaderMessage) }}</span>
+					</div>
+				</template>
 				<template #locked-game_version>
 					{{ formatMessage(messages.gameVersionProvidedByServer) }}
 				</template>
diff --git a/packages/ui/src/components/search/SearchSidebarFilter.vue b/packages/ui/src/components/search/SearchSidebarFilter.vue
index 68ea56978..e36b3ec7a 100644
--- a/packages/ui/src/components/search/SearchSidebarFilter.vue
+++ b/packages/ui/src/components/search/SearchSidebarFilter.vue
@@ -64,6 +64,7 @@
 			</div>
 		</template>
 		<template v-else #default>
+			<slot name="prefix" />
 			<div v-if="filterType.searchable" class="iconified-input mx-2 my-1 !flex">
 				<SearchIcon aria-hidden="true" />
 				<input
diff --git a/packages/ui/src/utils/search.ts b/packages/ui/src/utils/search.ts
index c445340cc..b9cb0bb86 100644
--- a/packages/ui/src/utils/search.ts
+++ b/packages/ui/src/utils/search.ts
@@ -228,7 +228,11 @@ export function useSearch(
 					query_value: gameVersion.version,
 					method: 'or',
 				})),
-				ordering: projectTypes.value.includes('mod') ? 2 : undefined,
+				ordering: projectTypes.value.includes('mod')
+					? 2
+					: projectTypes.value.includes('shader')
+						? -1
+						: undefined,
 			},
 			{
 				id: 'mod_loader',