From 9459443060fa6c2c46160887be8eaf19e4484a55 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 12 Feb 2026 18:56:15 -0700
Subject: [PATCH 1/6] fix not updating stale dependencies

---
 .../pages/[type]/[id]/version/[version].vue   | 37 +++++++++++--------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/version/[version].vue b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
index 460ee22175..01d0f8b5fd 100644
--- a/apps/frontend/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
@@ -640,24 +640,31 @@ alternateFile.value = version.value.files?.find(
 )
 
 // Process dependencies
-const deps = contextDependencies.value ?? { projects: [], versions: [] }
-for (const dependency of version.value.dependencies ?? []) {
-	dependency.version = deps.versions.find((x: any) => x.id === dependency.version_id)
+watch(
+	[contextDependencies],
+	() => {
+		const deps = contextDependencies.value ?? { projects: [], versions: [] }
+		console.log('running this line', contextDependencies.value)
+		for (const dependency of version.value.dependencies ?? []) {
+			dependency.version = deps.versions.find((x: any) => x.id === dependency.version_id)
 
-	if (dependency.version) {
-		dependency.project = deps.projects.find((x: any) => x.id === dependency.version.project_id)
-	}
+			if (dependency.version) {
+				dependency.project = deps.projects.find((x: any) => x.id === dependency.version.project_id)
+			}
 
-	if (!dependency.project) {
-		dependency.project = deps.projects.find((x: any) => x.id === dependency.project_id)
-	}
+			if (!dependency.project) {
+				dependency.project = deps.projects.find((x: any) => x.id === dependency.project_id)
+			}
 
-	dependency.link = dependency.project
-		? `/${dependency.project.project_type}/${dependency.project.slug ?? dependency.project.id}${
-				dependency.version ? `/version/${encodeURI(dependency.version.version_number)}` : ''
-			}`
-		: ''
-}
+			dependency.link = dependency.project
+				? `/${dependency.project.project_type}/${dependency.project.slug ?? dependency.project.id}${
+						dependency.version ? `/version/${encodeURI(dependency.version.version_number)}` : ''
+					}`
+				: ''
+		}
+	},
+	{ deep: true, immediate: true },
+)
 
 oldFileTypes.value = (version.value.files ?? []).map(
 	(x: any) => fileTypes.value.find((y) => y.value === x.file_type) ?? null,

From 17e9d76d9fd104a6c6147673a7bf550889ac91f6 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 12 Feb 2026 19:02:10 -0700
Subject: [PATCH 2/6] remove console log

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

diff --git a/apps/frontend/src/pages/[type]/[id]/version/[version].vue b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
index 01d0f8b5fd..d293f50f7b 100644
--- a/apps/frontend/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
@@ -644,7 +644,7 @@ watch(
 	[contextDependencies],
 	() => {
 		const deps = contextDependencies.value ?? { projects: [], versions: [] }
-		console.log('running this line', contextDependencies.value)
+
 		for (const dependency of version.value.dependencies ?? []) {
 			dependency.version = deps.versions.find((x: any) => x.id === dependency.version_id)
 

From d2508df725921a5fbd69d77b1d875a732f350f12 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 16:20:21 -0700
Subject: [PATCH 3/6] fix wragnler json formatting

---
 packages/ui/wrangler.jsonc | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/ui/wrangler.jsonc b/packages/ui/wrangler.jsonc
index 198678fba1..bdd4196e11 100644
--- a/packages/ui/wrangler.jsonc
+++ b/packages/ui/wrangler.jsonc
@@ -1,8 +1,8 @@
 {
-  "name": "storybook",
-  "compatibility_date": "2026-02-12",
-  "workers_dev": true,
-  "assets": {
-    "directory": "./storybook-static"
-  }
+	"name": "storybook",
+	"compatibility_date": "2026-02-12",
+	"workers_dev": true,
+	"assets": {
+		"directory": "./storybook-static"
+	}
 }

From 77169ef97741fe9496815f4020aa57af17c1b384 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 16:55:59 -0700
Subject: [PATCH 4/6] add proper loading dependencies

---
 .../src/pages/[type]/[id]/version/[version].vue    | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/apps/frontend/src/pages/[type]/[id]/version/[version].vue b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
index d293f50f7b..7a4ce14558 100644
--- a/apps/frontend/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
@@ -207,7 +207,11 @@
 			class="version-page__dependencies universal-card"
 		>
 			<h3>Dependencies</h3>
+
+			<div v-if="dependenciesLoading"><SpinnerIcon /> Loading dependencies...</div>
+
 			<div
+				v-if="!dependenciesLoading"
 				v-for="(dependency, index) in sortedDeps.filter((x) => !x.file_name)"
 				:key="index"
 				class="dependency"
@@ -250,7 +254,9 @@
 					</button>
 				</ButtonStyled>
 			</div>
+
 			<div
+				v-if="!dependenciesLoading"
 				v-for="(dependency, index) in sortedDeps.filter((x) => x.file_name)"
 				:key="index"
 				class="dependency"
@@ -415,6 +421,7 @@ import {
 	ReportIcon,
 	RightArrowIcon,
 	SaveIcon,
+	SpinnerIcon,
 	StarIcon,
 	TrashIcon,
 	XIcon,
@@ -465,6 +472,7 @@ const {
 	versions: contextVersions,
 	loadVersions,
 	dependencies: contextDependencies,
+	dependenciesLoading: contextDependenciesLoading,
 	loadDependencies,
 	invalidate,
 } = injectProjectPageContext()
@@ -494,6 +502,11 @@ const showKnownErrors = ref(false)
 const shouldPreventActions = ref(false)
 const uploadedImageIds = ref<string[]>([])
 
+const dependenciesMetaLoading = ref(true)
+const dependenciesLoading = computed(
+	() => contextDependenciesLoading.value || dependenciesMetaLoading.value,
+)
+
 // File types constant
 const fileTypes = ref([
 	{
@@ -662,6 +675,7 @@ watch(
 					}`
 				: ''
 		}
+		dependenciesMetaLoading.value = false
 	},
 	{ deep: true, immediate: true },
 )

From addd5f4645874b0c029de98474d3d79492aaa520 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 17:12:16 -0700
Subject: [PATCH 5/6] pnpm prepr

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

diff --git a/apps/frontend/src/pages/[type]/[id]/version/[version].vue b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
index 7a4ce14558..b06edfe118 100644
--- a/apps/frontend/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
@@ -211,8 +211,8 @@
 			<div v-if="dependenciesLoading"><SpinnerIcon /> Loading dependencies...</div>
 
 			<div
-				v-if="!dependenciesLoading"
 				v-for="(dependency, index) in sortedDeps.filter((x) => !x.file_name)"
+				v-if="!dependenciesLoading"
 				:key="index"
 				class="dependency"
 				:class="{ 'button-transparent': !isEditing }"
@@ -256,8 +256,8 @@
 			</div>
 
 			<div
-				v-if="!dependenciesLoading"
 				v-for="(dependency, index) in sortedDeps.filter((x) => x.file_name)"
+				v-if="!dependenciesLoading"
 				:key="index"
 				class="dependency"
 			>

From ed0b9cca623f9ccaa83ce2e9f5a6440e186c8c91 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 13 Feb 2026 17:28:07 -0700
Subject: [PATCH 6/6] move v-if

---
 .../pages/[type]/[id]/version/[version].vue   | 112 +++++++++---------
 1 file changed, 56 insertions(+), 56 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[id]/version/[version].vue b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
index b06edfe118..27caa93b61 100644
--- a/apps/frontend/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
@@ -210,65 +210,65 @@
 
 			<div v-if="dependenciesLoading"><SpinnerIcon /> Loading dependencies...</div>
 
-			<div
-				v-for="(dependency, index) in sortedDeps.filter((x) => !x.file_name)"
-				v-if="!dependenciesLoading"
-				:key="index"
-				class="dependency"
-				:class="{ 'button-transparent': !isEditing }"
-				@click="!isEditing ? router.push(dependency.link) : {}"
-			>
-				<Avatar
-					:src="dependency.project ? dependency.project.icon_url : null"
-					alt="dependency-icon"
-					size="sm"
-				/>
-				<nuxt-link v-if="!isEditing" :to="dependency.link" class="info">
-					<span class="project-title">
-						{{ dependency.project ? dependency.project.title : 'Unknown Project' }}
-					</span>
-					<span v-if="dependency.version" class="dep-type" :class="dependency.dependency_type">
-						Version {{ dependency.version.version_number }} is
-						{{ dependency.dependency_type }}
-					</span>
-					<span v-else class="dep-type" :class="dependency.dependency_type">
-						{{ dependency.dependency_type }}
-					</span>
-				</nuxt-link>
-				<div v-else class="info">
-					<span class="project-title">
-						{{ dependency.project ? dependency.project.title : 'Unknown Project' }}
-					</span>
-					<span v-if="dependency.version" class="dep-type" :class="dependency.dependency_type">
-						Version {{ dependency.version.version_number }} is
-						{{ dependency.dependency_type }}
-					</span>
-					<span v-else class="dep-type" :class="dependency.dependency_type">
-						{{ dependency.dependency_type }}
-					</span>
+			<template v-if="!dependenciesLoading">
+				<div
+					v-for="(dependency, index) in sortedDeps.filter((x) => !x.file_name)"
+					:key="index"
+					class="dependency"
+					:class="{ 'button-transparent': !isEditing }"
+					@click="!isEditing ? router.push(dependency.link) : {}"
+				>
+					<Avatar
+						:src="dependency.project ? dependency.project.icon_url : null"
+						alt="dependency-icon"
+						size="sm"
+					/>
+					<nuxt-link v-if="!isEditing" :to="dependency.link" class="info">
+						<span class="project-title">
+							{{ dependency.project ? dependency.project.title : 'Unknown Project' }}
+						</span>
+						<span v-if="dependency.version" class="dep-type" :class="dependency.dependency_type">
+							Version {{ dependency.version.version_number }} is
+							{{ dependency.dependency_type }}
+						</span>
+						<span v-else class="dep-type" :class="dependency.dependency_type">
+							{{ dependency.dependency_type }}
+						</span>
+					</nuxt-link>
+					<div v-else class="info">
+						<span class="project-title">
+							{{ dependency.project ? dependency.project.title : 'Unknown Project' }}
+						</span>
+						<span v-if="dependency.version" class="dep-type" :class="dependency.dependency_type">
+							Version {{ dependency.version.version_number }} is
+							{{ dependency.dependency_type }}
+						</span>
+						<span v-else class="dep-type" :class="dependency.dependency_type">
+							{{ dependency.dependency_type }}
+						</span>
+					</div>
+					<ButtonStyled v-if="isEditing && project.project_type !== 'modpack'">
+						<button @click="version.dependencies.splice(index, 1)">
+							<TrashIcon aria-hidden="true" />
+							Remove
+						</button>
+					</ButtonStyled>
 				</div>
-				<ButtonStyled v-if="isEditing && project.project_type !== 'modpack'">
-					<button @click="version.dependencies.splice(index, 1)">
-						<TrashIcon aria-hidden="true" />
-						Remove
-					</button>
-				</ButtonStyled>
-			</div>
 
-			<div
-				v-for="(dependency, index) in sortedDeps.filter((x) => x.file_name)"
-				v-if="!dependenciesLoading"
-				:key="index"
-				class="dependency"
-			>
-				<Avatar alt="dependency-icon" size="sm" />
-				<div class="info">
-					<span class="project-title">
-						{{ dependency.file_name }}
-					</span>
-					<span class="dep-type" :class="dependency.dependency_type">Added via overrides</span>
+				<div
+					v-for="(dependency, index) in sortedDeps.filter((x) => x.file_name)"
+					:key="index"
+					class="dependency"
+				>
+					<Avatar alt="dependency-icon" size="sm" />
+					<div class="info">
+						<span class="project-title">
+							{{ dependency.file_name }}
+						</span>
+						<span class="dep-type" :class="dependency.dependency_type">Added via overrides</span>
+					</div>
 				</div>
-			</div>
+			</template>
 		</div>
 		<div class="version-page__files universal-card">
 			<h3>Files</h3>