From 7f79cb61ea651a469f8da748f42031468077893c Mon Sep 17 00:00:00 2001
From: Gravy Boat <gravy@thatgravyboat.tech>
Date: Sat, 29 Aug 2026 19:59:38 -0230
Subject: [PATCH 1/2] feat: per file slicer button, with custom target

---
 .../ui/moderation/ModerationTechRevCard.vue   |  2 +-
 .../tech-review/TechRevFileDetailTab.vue      | 45 ++++++++++++++++++-
 2 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
index 0979893211..a816490fad 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
@@ -326,7 +326,7 @@ watch(
 					</ButtonLink>
 					<ButtonLink
 						type="outlined"
-						target="_blank"
+						:target="selectedFile.file_id"
 						:href="`https://slicer.run/?url=${encodeURIComponent(selectedFile.download_url)}`"
 						class="!bg-surface-2"
 						aria-label="Open in Slicer"
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
index 7c4d154f51..ebefcede16 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -5,9 +5,16 @@ import {
 	ChevronDownIcon,
 	ChevronRightIcon,
 	CopyIcon,
+	ExternalIcon,
 	LoaderCircleIcon,
 } from '@modrinth/assets'
-import { Collapsible, IconButton, injectNotificationManager, Toggle } from '@modrinth/ui'
+import {
+	ButtonLink,
+	Collapsible,
+	IconButton,
+	injectNotificationManager,
+	Toggle,
+} from '@modrinth/ui'
 import { capitalizeString, highlightCodeLines } from '@modrinth/utils'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 
@@ -527,6 +534,32 @@ async function focusDetail(detailId: string) {
 	})
 }
 
+function trimSlashes(path: string): string {
+	if (path.startsWith('/')) {
+		path = path.slice(1)
+	}
+	if (path.endsWith('/')) {
+		path = path.slice(0, -1)
+	}
+	return path
+}
+
+// Creates a slicer link with a group, removes trailing and leading slashes, and if no file extension found assume .class
+function createSlicerLink(url: string, group: ClassGroup | undefined) {
+	const uri = new URL(url)
+	const filename = uri.pathname.split('/').pop() || ''
+	if (group) {
+		const jarPath = trimSlashes(group.jar ? group.jar.replace('#', '/') : filename)
+		const filePath = trimSlashes(
+			group.filePath.startsWith('/') ? group.filePath.slice(1) : group.filePath,
+		)
+		const hasFileExtension = (filePath.split('/').pop() || '').includes('.')
+		const file = `${jarPath}/${hasFileExtension ? filePath : `${filePath}.class`}`
+		return `https://slicer.run/?url=${encodeURIComponent(url)}&file=${encodeURIComponent(file)}`
+	}
+	return `https://slicer.run/?url=${encodeURIComponent(url)}`
+}
+
 watch(
 	[() => props.focusedDetailId, () => props.file.id],
 	([detailId]) => {
@@ -712,6 +745,16 @@ watch(
 							</div>
 
 							<div class="me-2 flex items-center justify-end gap-2">
+								<ButtonLink
+									v-tooltip="'Open file in slicer'"
+									type="outlined"
+									:href="createSlicerLink(props.file.download_url, classItem)"
+									:target="props.file.file_id"
+									circular
+									icon-only
+								>
+									<ExternalIcon />
+								</ButtonLink>
 								<TechRevVerdictButtons
 									variant="trace"
 									:detail="flag.detail"

From 0bfa272a8a2b936c79825bfab6fff6e2987bf3dc Mon Sep 17 00:00:00 2001
From: Gravy Boat <gravy@thatgravyboat.tech>
Date: Sat, 29 Aug 2026 20:20:10 -0230
Subject: [PATCH 2/2] chore: move slicer link to file card instead of issue
 card

---
 .../tech-review/TechRevFileDetailTab.vue      | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
index ebefcede16..39ebac686e 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -711,6 +711,18 @@ watch(
 						</div>
 					</Transition>
 				</div>
+
+				<ButtonLink
+					v-tooltip="'Open file in slicer'"
+					type="outlined"
+					:href="createSlicerLink(props.file.download_url, classItem)"
+					:target="props.file.file_id"
+					circular
+					icon-only
+					@click="$event.stopPropagation()"
+				>
+					<ExternalIcon />
+				</ButtonLink>
 			</div>
 
 			<Collapsible :collapsed="!expandedClasses.has(classItem.key)">
@@ -745,16 +757,6 @@ watch(
 							</div>
 
 							<div class="me-2 flex items-center justify-end gap-2">
-								<ButtonLink
-									v-tooltip="'Open file in slicer'"
-									type="outlined"
-									:href="createSlicerLink(props.file.download_url, classItem)"
-									:target="props.file.file_id"
-									circular
-									icon-only
-								>
-									<ExternalIcon />
-								</ButtonLink>
 								<TechRevVerdictButtons
 									variant="trace"
 									:detail="flag.detail"