From 417c6964f62bd1e405ebc6720d9e91ec849b916e Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Wed, 24 Jun 2026 13:09:36 +0100
Subject: [PATCH] fix: guard preload content

---
 .../src/components/servers/ServerSettingsModal.vue   | 12 +-----------
 .../shared/files-tab/components/FileTableRow.vue     |  6 ++----
 packages/ui/src/layouts/shared/files-tab/layout.vue  |  6 ++++--
 .../manage/[id]/instances/[instance-id]/files.vue    |  2 ++
 packages/ui/src/utils/file-extensions.ts             |  8 ++++++++
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/ui/src/components/servers/ServerSettingsModal.vue b/packages/ui/src/components/servers/ServerSettingsModal.vue
index dba81b20b9..9a984d2db9 100644
--- a/packages/ui/src/components/servers/ServerSettingsModal.vue
+++ b/packages/ui/src/components/servers/ServerSettingsModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Archon } from '@modrinth/api-client'
 import { ChevronRightIcon } from '@modrinth/assets'
-import { useQuery, useQueryClient } from '@tanstack/vue-query'
+import { useQueryClient } from '@tanstack/vue-query'
 import { computed, nextTick, ref } from 'vue'
 
 import type { TabbedModalTab } from '#ui/components'
@@ -57,16 +57,6 @@ const currentUserRole = ref<string | null>(null)
 
 const isApp = ref(true)
 
-// Preload
-useQuery({
-	queryKey: computed(() => ['content', 'list', 'v1', currentServerId]),
-	queryFn: () =>
-		client.archon.content_v1.getAddons(currentServerId, worldId.value!, {
-			from_modpack: false,
-		}),
-	enabled: computed(() => !!worldId.value),
-})
-
 const serverSettingsTabComponentMap = {
 	general: ServerSettingsGeneralPage,
 	network: ServerSettingsNetworkPage,
diff --git a/packages/ui/src/layouts/shared/files-tab/components/FileTableRow.vue b/packages/ui/src/layouts/shared/files-tab/components/FileTableRow.vue
index 9384e3b2a0..cca778a88a 100644
--- a/packages/ui/src/layouts/shared/files-tab/components/FileTableRow.vue
+++ b/packages/ui/src/layouts/shared/files-tab/components/FileTableRow.vue
@@ -119,9 +119,8 @@ import { injectNotificationManager } from '#ui/providers/web-notifications'
 import { getFileExtensionIcon } from '#ui/utils/auto-icons'
 import { commonMessages } from '#ui/utils/common-messages'
 import {
+	canOpenInFileEditor,
 	getFileExtension,
-	isEditableFile as isEditableFileExt,
-	isImageFile,
 } from '#ui/utils/file-extensions'
 
 import {
@@ -303,8 +302,7 @@ const formattedCreationDate = computed(() => {
 
 const isEditableFile = computed(() => {
 	if (props.type === 'file') {
-		const ext = fileExtension.value
-		return !props.name.includes('.') || isEditableFileExt(ext) || isImageFile(ext)
+		return canOpenInFileEditor(props.name)
 	}
 	return false
 })
diff --git a/packages/ui/src/layouts/shared/files-tab/layout.vue b/packages/ui/src/layouts/shared/files-tab/layout.vue
index 79acdb8d07..dabd7b3985 100644
--- a/packages/ui/src/layouts/shared/files-tab/layout.vue
+++ b/packages/ui/src/layouts/shared/files-tab/layout.vue
@@ -226,7 +226,7 @@ import { useVirtualScroll } from '#ui/composables/virtual-scroll'
 import { injectFilePicker } from '#ui/providers/file-picker'
 import { injectNotificationManager } from '#ui/providers/web-notifications'
 import { commonMessages } from '#ui/utils/common-messages'
-import { getFileExtension } from '#ui/utils/file-extensions'
+import { canOpenInFileEditor, getFileExtension } from '#ui/utils/file-extensions'
 
 import FileEditor from './components/editor/FileEditor.vue'
 import FileContextMenu from './components/FileContextMenu.vue'
@@ -655,7 +655,9 @@ function handleItemHover(item: { type: string; path: string; name: string }) {
 		}, 150)
 	} else {
 		prefetchTimeout = setTimeout(() => {
-			ctx.prefetchFile?.(item.path)
+			if (canOpenInFileEditor(item.name)) {
+				ctx.prefetchFile?.(item.path)
+			}
 		}, 150)
 	}
 }
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/[id]/instances/[instance-id]/files.vue b/packages/ui/src/layouts/wrapped/hosting/manage/[id]/instances/[instance-id]/files.vue
index f5a567404c..d5feefd567 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/[id]/instances/[instance-id]/files.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/[id]/instances/[instance-id]/files.vue
@@ -17,6 +17,7 @@ import {
 	injectNotificationManager,
 } from '#ui/providers'
 import { commonMessages } from '#ui/utils/common-messages'
+import { canOpenInFileEditor } from '#ui/utils/file-extensions'
 
 const props = defineProps<{
 	showDebugInfo?: boolean
@@ -199,6 +200,7 @@ function prefetchDirectory(path: string) {
 function prefetchFile(path: string) {
 	const id = worldId.value
 	if (!id) return
+	if (!canOpenInFileEditor(path.split('/').pop() ?? path)) return
 
 	queryClient.prefetchQuery({
 		queryKey: ['file-content', id, path],
diff --git a/packages/ui/src/utils/file-extensions.ts b/packages/ui/src/utils/file-extensions.ts
index 78b88c067a..fce412c9ad 100644
--- a/packages/ui/src/utils/file-extensions.ts
+++ b/packages/ui/src/utils/file-extensions.ts
@@ -89,6 +89,14 @@ export function isEditableFile(ext: string): boolean {
 	return isCodeFile(ext) || isTextFile(ext)
 }
 
+/**
+ * Check if a file can be opened in the file editor.
+ */
+export function canOpenInFileEditor(filename: string): boolean {
+	const extension = getFileExtension(filename)
+	return !filename.includes('.') || isEditableFile(extension) || isImageFile(extension)
+}
+
 /**
  * Get Ace editor language mode for a file extension
  */