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

---
 .../ui/moderation/tech-review/TechRevFileDetailTab.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

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 39ebac686e..f0392b1177 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -757,6 +757,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 6899d88796724fc8a874c4c77c17abbf28b26d4c Mon Sep 17 00:00:00 2001
From: Gravy Boat <gravy@thatgravyboat.tech>
Date: Sat, 29 Aug 2026 20:20:10 -0230
Subject: [PATCH 02/12] chore: move slicer link to file card instead of issue
 card

---
 .../ui/moderation/tech-review/TechRevFileDetailTab.vue | 10 ----------
 1 file changed, 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 f0392b1177..39ebac686e 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -757,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"

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


From 813bfd59604b68f753b85b7979d218043fb3e167 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sun, 30 Aug 2026 16:34:31 -0700
Subject: [PATCH 04/12] tech rev part 2

---
 .../ui/moderation/ModerationTechRevCard.vue   | 130 ++---
 .../tech-review/TechRevClassItem.vue          | 254 ++++++++++
 .../tech-review/TechRevFileActions.vue        |  38 ++
 .../tech-review/TechRevFileDetailTab.vue      | 464 ++++--------------
 .../tech-review/TechRevFileItem.vue           |  95 ++++
 .../tech-review/TechRevFilesTab.vue           | 119 +----
 .../tech-review/TechRevFlagBadges.vue         |  66 +++
 .../tech-review/TechRevThreadTab.vue          |   4 +-
 .../tech-review/TechRevVerdictButtons.vue     |   9 +-
 .../ui/moderation/tech-review/helpers.ts      |  19 +-
 .../ui/moderation/tech-review/types.ts        |  12 +
 .../[type]/[project]/version/[version].vue    |   4 +-
 packages/ui/src/components/base/Badge.vue     |   4 +-
 13 files changed, 624 insertions(+), 594 deletions(-)
 create mode 100644 apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
 create mode 100644 apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
 create mode 100644 apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
 create mode 100644 apps/frontend/src/components/ui/moderation/tech-review/TechRevFlagBadges.vue

diff --git a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
index a816490fad..348996f021 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
@@ -1,13 +1,6 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import {
-	CheckIcon,
-	CodeIcon,
-	DownloadIcon,
-	ExternalIcon,
-	TimerIcon,
-	VersionIcon,
-} from '@modrinth/assets'
+import { CheckIcon, CodeIcon, ExternalIcon, TimerIcon } from '@modrinth/assets'
 import {
 	Avatar,
 	ButtonLink,
@@ -15,19 +8,16 @@ import {
 	CopyLinkButton,
 	getProjectTypeIcon,
 	NavTabs,
-	useFormatBytes,
 } from '@modrinth/ui'
 import { capitalizeString, formatProjectType } from '@modrinth/utils'
 import { computed, provide, ref, watch } from 'vue'
 
 import type { UnsafeFile } from '~/components/ui/moderation/MaliciousSummaryModal.vue'
 import {
-	getFileHighestSeverity,
+	getHighestSeverity,
 	getSeverityBadgeColor,
-	getVersionLabel,
-	getVersionPageHref,
-	severityOrder,
 } from '~/components/ui/moderation/tech-review/helpers'
+import TechRevFileActions from '~/components/ui/moderation/tech-review/TechRevFileActions.vue'
 import TechRevFileDetailTab from '~/components/ui/moderation/tech-review/TechRevFileDetailTab.vue'
 import TechRevFilesTab from '~/components/ui/moderation/tech-review/TechRevFilesTab.vue'
 import TechRevThreadTab from '~/components/ui/moderation/tech-review/TechRevThreadTab.vue'
@@ -51,8 +41,6 @@ const props = defineProps<{
 	disableCollapsing?: boolean
 }>()
 
-const formatBytes = useFormatBytes()
-
 const emit = defineEmits<{
 	refetch: []
 	loadIssueSources: [issueIds: string[]]
@@ -90,14 +78,11 @@ watch(selectedFile, (newFile) => {
 	}
 })
 
-const highestSeverity = computed(() => {
-	let highest: Labrinth.TechReview.Internal.DelphiSeverity = 'low'
-	for (const report of props.item.reports) {
-		const severity = getFileHighestSeverity(report)
-		if (severityOrder[severity] > severityOrder[highest]) highest = severity
-	}
-	return highest
-})
+const highestSeverity = computed(() =>
+	getHighestSeverity(
+		props.item.reports.flatMap((report) => report.issues.flatMap((issue) => issue.details)),
+	),
+)
 
 const navTabsLinks = computed(() => {
 	const links = tabs.map((tab) => ({
@@ -189,9 +174,9 @@ watch(
 		class="shadow-card overflow-hidden rounded-2xl border border-solid border-surface-4 bg-surface-3"
 	>
 		<div
-			class="flex flex-col gap-4 border-0 border-b border-solid border-surface-4 bg-surface-3 p-4"
+			class="flex flex-col gap-3 border-0 border-b border-solid border-surface-4 bg-surface-3 p-4 pb-3"
 		>
-			<div class="flex items-start justify-between">
+			<div class="flex flex-wrap items-start justify-between">
 				<div class="flex items-center gap-3">
 					<NuxtLink
 						:to="`/${item.project.project_types[0]}/${item.project.slug ?? item.project.id}`"
@@ -206,7 +191,7 @@ watch(
 					</NuxtLink>
 
 					<div class="flex flex-col gap-1.5">
-						<div class="flex items-center gap-2">
+						<div class="flex flex-wrap items-center gap-2">
 							<NuxtLink
 								:to="`/${item.project.project_types[0]}/${item.project.slug ?? item.project.id}`"
 								target="_blank"
@@ -275,36 +260,38 @@ watch(
 					</div>
 				</div>
 
-				<div class="flex items-center gap-3">
-					<span class="text-base text-secondary">{{ formattedDate }}</span>
-					<div class="flex items-center gap-2">
-						<ButtonLink
-							v-if="props.item.project.link_urls?.['source']?.url"
-							v-tooltip="'Open sources in new tab'"
-							:href="props.item.project.link_urls?.['source']?.url"
-							target="_blank"
-							class="!w-9 !rounded-full !px-0"
-						>
-							<CodeIcon />
-						</ButtonLink>
-						<CopyCode v-tooltip="'Copy project ID'" :text="item.project.id" />
-						<CopyLinkButton
-							copy-label="Copy project link"
-							:url="`https://modrinth.com/moderation/technical-review/${props.item.project.id}`"
-						/>
-						<ButtonLink
-							v-tooltip="'Open tech review in new tab'"
-							:href="`/moderation/technical-review/${props.item.project.id}`"
-							target="_blank"
-							circular
-							icon-only
-						>
-							<ExternalIcon />
-						</ButtonLink>
+				<div class="flex flex-col items-end gap-2">
+					<div class="flex flex-wrap items-center justify-end gap-3">
+						<span class="text-base text-secondary">{{ formattedDate }}</span>
+						<div class="flex items-center gap-2">
+							<ButtonLink
+								v-if="props.item.project.link_urls?.['source']?.url"
+								v-tooltip="'Open sources in new tab'"
+								:href="props.item.project.link_urls?.['source']?.url"
+								target="_blank"
+								class="!w-9 !rounded-full !px-0"
+							>
+								<CodeIcon />
+							</ButtonLink>
+							<CopyLinkButton
+								copy-label="Copy project link"
+								:url="`https://modrinth.com/moderation/technical-review/${props.item.project.id}`"
+							/>
+							<ButtonLink
+								v-tooltip="'Open tech review in new tab'"
+								:href="`/moderation/technical-review/${props.item.project.id}`"
+								target="_blank"
+								circular
+								icon-only
+							>
+								<ExternalIcon />
+							</ButtonLink>
+						</div>
 					</div>
+					<CopyCode v-tooltip="'Copy project ID'" :text="item.project.id" />
 				</div>
 			</div>
-			<div class="flex flex-row justify-between">
+			<div class="flex flex-row flex-wrap justify-between">
 				<NavTabs
 					mode="local"
 					:links="navTabsLinks"
@@ -313,42 +300,7 @@ watch(
 					@tab-click="handleTabClick"
 				/>
 
-				<div v-if="currentTab === 'File' && selectedFile" class="flex flex-row items-end gap-2">
-					<ButtonLink
-						type="outlined"
-						target="_blank"
-						:href="getVersionPageHref(item.project, selectedFile.version_id)"
-						class="!bg-surface-2"
-						:aria-label="`Open version ${getVersionLabel(selectedFile)}`"
-					>
-						<VersionIcon aria-hidden="true" />
-						{{ getVersionLabel(selectedFile) }}
-					</ButtonLink>
-					<ButtonLink
-						type="outlined"
-						:target="selectedFile.file_id"
-						:href="`https://slicer.run/?url=${encodeURIComponent(selectedFile.download_url)}`"
-						class="!bg-surface-2"
-						aria-label="Open in Slicer"
-					>
-						<ExternalIcon aria-hidden="true" /> Slicer
-					</ButtonLink>
-					<ButtonLink
-						v-tooltip="
-							`Download ${selectedFile.file_name} (${formatBytes(selectedFile.file_size)})`
-						"
-						type="outlined"
-						target="_blank"
-						:href="selectedFile.download_url"
-						:download="selectedFile.file_name"
-						class="!bg-surface-2"
-						aria-label="Download"
-						icon-only
-						circular
-					>
-						<DownloadIcon aria-hidden="true" />
-					</ButtonLink>
-				</div>
+				<TechRevFileActions v-if="currentTab === 'File' && selectedFile" :file="selectedFile" />
 			</div>
 		</div>
 
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
new file mode 100644
index 0000000000..4bd2d8867a
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
@@ -0,0 +1,254 @@
+<script setup lang="ts">
+import { CheckIcon, ChevronDownIcon, CopyIcon, LoaderCircleIcon } from '@modrinth/assets'
+import { IconButton } from '@modrinth/ui'
+import { capitalizeString, highlightCodeLines } from '@modrinth/utils'
+import { computed, ref } from 'vue'
+
+import { getSeverityBadgeColor, truncateMiddle } from './helpers'
+import TechRevFlagBadges from './TechRevFlagBadges.vue'
+import TechRevVerdictButtons from './TechRevVerdictButtons.vue'
+import type { ClassGroup, TraceVerdictEvent } from './types'
+import { injectTechReviewDecisions } from './use-tech-review-decisions'
+
+const props = defineProps<{
+	classItem: ClassGroup
+	expanded: boolean
+	focusedDetailId?: string | null
+	loadingIssues: Set<string>
+	decompiledSources: Map<string, string>
+}>()
+
+const emit = defineEmits<{
+	toggle: []
+	verdict: [event: TraceVerdictEvent]
+}>()
+
+const { isPreReviewed, getMarkedFlagsCount } = injectTechReviewDecisions()
+
+const showCopyFeedback = ref(false)
+
+const truncatedPath = computed(() => truncateMiddle(props.classItem.filePath))
+const pathTooltip = computed(() =>
+	truncatedPath.value !== props.classItem.filePath ? props.classItem.filePath : undefined,
+)
+
+const flagDetails = computed(() => props.classItem.flags.map((flag) => flag.detail))
+const allFlagsMarked = computed(
+	() => getMarkedFlagsCount(props.classItem.flags) === props.classItem.flags.length,
+)
+
+const isLoadingSource = computed(() =>
+	props.classItem.flags.some((flag) => props.loadingIssues.has(flag.issueId)),
+)
+
+const decompiledSource = computed(() => {
+	for (const flag of props.classItem.flags) {
+		const source = props.decompiledSources.get(flag.detail.id)
+		if (source) return source
+	}
+	return undefined
+})
+
+const highlightedSource = computed(() => {
+	const source = decompiledSource.value
+	if (!source) return []
+	return highlightCodeLines(source, 'java')
+})
+
+function emitVerdict(event: TraceVerdictEvent) {
+	emit('verdict', event)
+}
+
+async function copyToClipboard() {
+	const source = decompiledSource.value
+	if (!source) return
+
+	try {
+		await navigator.clipboard.writeText(source)
+		showCopyFeedback.value = true
+		setTimeout(() => {
+			showCopyFeedback.value = false
+		}, 2000)
+	} catch (error) {
+		console.error('Failed to copy code:', error)
+	}
+}
+</script>
+
+<template>
+	<div class="flex flex-col gap-1">
+		<div
+			class="flex cursor-pointer items-center justify-between rounded-xl px-2 py-1 transition-colors duration-200 hover:bg-surface-3"
+			@click="emit('toggle')"
+		>
+			<div class="my-auto flex items-center gap-2">
+				<IconButton
+					type="quiet"
+					label="Toggle details"
+					class="transition-transform"
+					:class="{ 'rotate-180': expanded }"
+				>
+					<ChevronDownIcon class="h-5 w-5 text-contrast" />
+				</IconButton>
+
+				<span
+					v-tooltip="pathTooltip"
+					class="font-mono text-xs font-semibold"
+					:class="{ 'opacity-50': allFlagsMarked }"
+				>
+					{{ truncatedPath }}
+				</span>
+
+				<TechRevFlagBadges :details="flagDetails" />
+
+				<Transition name="fade">
+					<div
+						v-if="isLoadingSource"
+						class="rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1"
+					>
+						<span class="flex items-center gap-1.5 text-sm font-medium text-secondary">
+							<LoaderCircleIcon class="size-4 animate-spin" />
+							Loading source...
+						</span>
+					</div>
+				</Transition>
+			</div>
+		</div>
+
+		<template v-if="expanded">
+			<div
+				v-for="flag in classItem.flags"
+				:id="`tech-review-detail-${flag.detail.id}`"
+				:key="`${flag.issueId}-${flag.detail.id}`"
+				class="flex flex-col gap-2 rounded-lg border border-solid border-surface-5 bg-surface-3 py-2 pl-4"
+				:class="{
+					'!border-brand bg-brand-highlight': focusedDetailId === flag.detail.id,
+				}"
+			>
+				<div class="grid grid-cols-[1fr_auto] items-center">
+					<div
+						class="flex items-center gap-2"
+						:class="{
+							'opacity-50': isPreReviewed(flag.detail.id, flag.detail.status),
+						}"
+					>
+						<span class="text-base font-semibold text-contrast">{{
+							flag.issueType.replace(/_/g, ' ')
+						}}</span>
+						<div
+							class="rounded-full border-solid px-2.5 py-1"
+							:class="getSeverityBadgeColor(flag.detail.severity)"
+						>
+							<span class="text-sm font-medium">{{ capitalizeString(flag.detail.severity) }}</span>
+						</div>
+					</div>
+
+					<div class="me-2 flex items-center justify-end gap-2">
+						<TechRevVerdictButtons
+							variant="trace"
+							:detail="flag.detail"
+							@global-safe="
+								emitVerdict({ detail: flag.detail, decision: 'safe', scope: 'global' })
+							"
+							@local-safe="emitVerdict({ detail: flag.detail, decision: 'safe', scope: 'local' })"
+							@local-unsafe="
+								emitVerdict({ detail: flag.detail, decision: 'malware', scope: 'local' })
+							"
+							@global-unsafe="
+								emitVerdict({ detail: flag.detail, decision: 'malware', scope: 'global' })
+							"
+						/>
+					</div>
+				</div>
+				<div
+					v-if="flag.detail.data && Object.keys(flag.detail.data).length > 0"
+					class="flex flex-wrap gap-x-4 gap-y-1 pr-4 text-sm"
+				>
+					<div
+						v-for="[key, value] in Object.entries(flag.detail.data).sort(([a], [b]) =>
+							a.localeCompare(b),
+						)"
+						:key="key"
+						class="flex items-center gap-1.5"
+					>
+						<span class="text-secondary">{{ key }}:</span>
+						<a
+							v-if="typeof value === 'string' && value.startsWith('http')"
+							:href="value"
+							target="_blank"
+							rel="noopener noreferrer"
+							class="text-brand-blue hover:underline"
+						>
+							{{ value }}
+						</a>
+						<span v-else class="font-mono text-contrast">{{ value }}</span>
+					</div>
+				</div>
+			</div>
+
+			<div
+				v-if="highlightedSource.length > 0"
+				class="relative overflow-hidden rounded-lg border border-solid border-surface-5 bg-surface-4"
+			>
+				<IconButton
+					v-tooltip="'Copy code'"
+					type="quiet"
+					label="Copy code"
+					class="!absolute right-2 top-2 border-[1px]"
+					@click.stop="copyToClipboard"
+				>
+					<CopyIcon v-if="!showCopyFeedback" />
+					<CheckIcon v-else />
+				</IconButton>
+
+				<div class="overflow-x-auto bg-surface-3 py-3">
+					<div
+						v-for="(line, n) in highlightedSource"
+						:key="n"
+						class="flex font-mono text-[13px] leading-[1.6]"
+					>
+						<div
+							class="select-none border-0 border-r border-solid border-surface-5 px-4 py-0 text-right text-primary"
+							style="min-width: 3.5rem"
+						>
+							{{ n + 1 }}
+						</div>
+						<div class="flex-1 px-4 py-0 text-primary">
+							<pre v-html="line || ' '"></pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div
+				v-else-if="!isLoadingSource"
+				class="rounded-lg border border-solid border-surface-5 bg-surface-3 p-4"
+			>
+				<p class="text-sm text-secondary">
+					Source code not available or failed to decompile for this file.
+				</p>
+			</div>
+		</template>
+	</div>
+</template>
+
+<style scoped>
+pre {
+	all: unset;
+	display: inline;
+	white-space: pre;
+}
+
+.fade-enter-active {
+	transition: opacity 0.3s ease-in;
+	transition-delay: 0.2s;
+}
+
+.fade-leave-active {
+	transition: opacity 0.15s ease-out;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+	opacity: 0;
+}
+</style>
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
new file mode 100644
index 0000000000..52dd9630c5
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { DownloadIcon, ExternalIcon } from '@modrinth/assets'
+import { ButtonLink, useFormatBytes } from '@modrinth/ui'
+
+import type { FlattenedFileReport } from './types'
+
+defineProps<{
+	file: FlattenedFileReport
+}>()
+
+const formatBytes = useFormatBytes()
+</script>
+
+<template>
+	<div class="flex items-center gap-2">
+		<ButtonLink
+			v-tooltip="`Download ${file.file_name} (${formatBytes(file.file_size)})`"
+			type="outlined"
+			target="_blank"
+			:href="file.download_url"
+			:download="file.file_name"
+			aria-label="Download"
+			icon-only
+			circular
+		>
+			<DownloadIcon aria-hidden="true" />
+		</ButtonLink>
+		<ButtonLink
+			v-tooltip="'Open in Slicer'"
+			type="outlined"
+			target="_blank"
+			:href="`https://slicer.run/?url=${encodeURIComponent(file.download_url)}`"
+			aria-label="Open in Slicer"
+		>
+			<ExternalIcon aria-hidden="true" /> Slicer
+		</ButtonLink>
+	</div>
+</template>
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 39ebac686e..357614f557 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -1,33 +1,19 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import {
-	CheckIcon,
-	ChevronDownIcon,
-	ChevronRightIcon,
-	CopyIcon,
-	ExternalIcon,
-	LoaderCircleIcon,
-} from '@modrinth/assets'
-import {
-	ButtonLink,
-	Collapsible,
-	IconButton,
-	injectNotificationManager,
-	Toggle,
-} from '@modrinth/ui'
-import { capitalizeString, highlightCodeLines } from '@modrinth/utils'
+import { ChevronRightIcon } from '@modrinth/assets'
+import { injectNotificationManager, Toggle } from '@modrinth/ui'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 
-import {
-	canUpdateGlobalDetail,
-	getFileDetailCount,
-	getSeverityBadgeColor,
-	severityOrder,
-	truncateMiddle,
-	verdictToDecision,
-} from './helpers'
+import { canUpdateGlobalDetail, getFileDetailCount, verdictToDecision } from './helpers'
+import TechRevClassItem from './TechRevClassItem.vue'
 import TechRevVerdictButtons from './TechRevVerdictButtons.vue'
-import type { ClassGroup, FlagItem, FlattenedFileReport, JarGroup } from './types'
+import type {
+	ClassGroup,
+	FlagItem,
+	FlattenedFileReport,
+	JarGroup,
+	TraceVerdictEvent,
+} from './types'
 import { injectTechReviewDecisions } from './use-tech-review-decisions'
 
 const props = defineProps<{
@@ -63,8 +49,6 @@ const hideGloballyPassed = ref(true)
 const isBatchUpdating = ref(false)
 const expandedClasses = reactive<Set<string>>(new Set())
 const autoExpandedFileIds = reactive<Set<string>>(new Set())
-const showCopyFeedback = reactive<Map<string, boolean>>(new Map())
-const highlightedSourceCache = reactive<Map<string, { source: string; lines: string[] }>>(new Map())
 const LAZY_LOAD_CLASS_SOURCE_MINIMUM = 2
 
 const globallyPassedCount = computed(() => {
@@ -116,12 +100,35 @@ function getRemainingGlobalDetailCount(flags: FlagItem[]): number {
 	).size
 }
 
+function notifySuccess(title: string, text: string) {
+	addNotification({ type: 'success', title, text, autoCloseMs: 3000 })
+}
+
+function notifyError(title: string, text: string) {
+	addNotification({ type: 'error', title, text })
+}
+
 function maybeReturnToFileList() {
 	if (getFileMarkedCount(props.file) === getFileDetailCount(props.file)) {
 		emit('allFlagsResolved')
 	}
 }
 
+function collapseCompletedClasses() {
+	for (const classGroup of groupedByClass.value) {
+		if (getMarkedFlagsCount(classGroup.flags) === classGroup.flags.length) {
+			expandedClasses.delete(classGroup.key)
+		}
+	}
+}
+
+function afterSuccessfulMark(previousMarkedCount: number) {
+	collapseCompletedClasses()
+	if (previousMarkedCount !== getFileMarkedCount(props.file)) {
+		maybeReturnToFileList()
+	}
+}
+
 async function batchMarkRemainingGlobally(flags: FlagItem[], verdict: 'safe' | 'unsafe') {
 	if (isBatchUpdating.value) return
 
@@ -148,23 +155,18 @@ async function batchMarkRemainingGlobally(flags: FlagItem[], verdict: 'safe' | '
 			'global',
 		)
 
-		addNotification({
-			type: 'success',
-			title: `Globally marked ${details.length} trace keys as ${verdict}`,
-			text: `All remaining eligible traces have been globally marked as ${
+		notifySuccess(
+			`Globally marked ${details.length} trace keys as ${verdict}`,
+			`All remaining eligible traces have been globally marked as ${
 				verdict === 'safe' ? 'false positives' : 'malicious'
 			}.`,
-		})
+		)
 
 		maybeReturnToFileList()
 		emit('refetch')
 	} catch (error) {
 		console.error('Failed to batch update global traces:', error)
-		addNotification({
-			type: 'error',
-			title: 'Global batch update failed',
-			text: 'An error occurred while globally updating traces.',
-		})
+		notifyError('Global batch update failed', 'An error occurred while globally updating traces.')
 	} finally {
 		isBatchUpdating.value = false
 	}
@@ -184,23 +186,18 @@ async function batchMarkRemaining(flags: FlagItem[], verdict: 'safe' | 'unsafe',
 		await updateIssueDetails(detailIds.map((detail_id) => ({ detail_id, verdict })))
 		applyDecisionToRelatedDetails(detailIds, verdictToDecision(verdict), 'local')
 
-		addNotification({
-			type: 'success',
-			title: `Marked ${detailIds.length} traces as ${verdict}`,
-			text: `All remaining traces${inJar ? ' in this JAR' : ''} have been marked as ${
+		notifySuccess(
+			`Marked ${detailIds.length} traces as ${verdict}`,
+			`All remaining traces${inJar ? ' in this JAR' : ''} have been marked as ${
 				verdict === 'safe' ? 'false positives' : 'malicious'
 			}.`,
-		})
+		)
 
 		maybeReturnToFileList()
 		emit('refetch')
 	} catch (error) {
 		console.error('Failed to batch update:', error)
-		addNotification({
-			type: 'error',
-			title: 'Batch update failed',
-			text: 'An error occurred while updating traces.',
-		})
+		notifyError('Batch update failed', 'An error occurred while updating traces.')
 	} finally {
 		isBatchUpdating.value = false
 	}
@@ -220,13 +217,17 @@ function updateGlobalDetailAction(
 	return updateGlobalDetailStatus(detail, getToggledDetailVerdict(detail, decision, 'global'))
 }
 
+function handleTraceVerdict({ detail, decision, scope }: TraceVerdictEvent) {
+	if (scope === 'global') {
+		return updateGlobalDetailAction(detail, decision)
+	}
+	return updateLocalDetailAction(detail, decision)
+}
+
 async function updateDetailStatus(
 	detailId: string,
 	verdict: Labrinth.TechReview.Internal.DelphiReportIssueStatus,
 ) {
-	const detail = props.file.issues.flatMap((issue) => issue.details).find((d) => d.id === detailId)
-	const priorDecision = detail ? getDetailDecision(detail.id, detail.status) : 'pending'
-
 	updatingDetails.add(detailId)
 
 	const previousMarkedCount = getFileMarkedCount(props.file)
@@ -240,22 +241,8 @@ async function updateDetailStatus(
 			'local',
 		)
 
-		if (verdict !== 'pending' && priorDecision === 'pending') {
-			for (const classGroup of groupedByClass.value) {
-				const hasThisDetail = classGroup.flags.some((f) => f.detail.id === detailId)
-				if (hasThisDetail && getMarkedFlagsCount(classGroup.flags) === classGroup.flags.length) {
-					expandedClasses.delete(classGroup.key)
-					break
-				}
-			}
-		}
-
 		if (verdict !== 'pending') {
-			const markedCount = getFileMarkedCount(props.file)
-			const totalCount = getFileDetailCount(props.file)
-			if (previousMarkedCount != markedCount && markedCount === totalCount) {
-				emit('allFlagsResolved')
-			}
+			afterSuccessfulMark(previousMarkedCount)
 		}
 
 		const otherText =
@@ -264,33 +251,23 @@ async function updateDetailStatus(
 				: ''
 
 		if (verdict === 'pending') {
-			addNotification({
-				type: 'success',
-				title: 'Local trace verdict unset',
-				text: `The project-local verdict has been removed.${otherText}`,
-			})
+			notifySuccess(
+				'Local trace verdict unset',
+				`The project-local verdict has been removed.${otherText}`,
+			)
 		} else if (verdict === 'safe') {
-			addNotification({
-				type: 'success',
-				title: 'Issue marked as pass',
-				text: `This issue has been marked as a false positive.${otherText}`,
-			})
+			notifySuccess(
+				'Issue marked as pass',
+				`This issue has been marked as a false positive.${otherText}`,
+			)
 		} else {
-			addNotification({
-				type: 'success',
-				title: 'Issue marked as fail',
-				text: `This issue has been flagged as malicious.${otherText}`,
-			})
+			notifySuccess('Issue marked as fail', `This issue has been flagged as malicious.${otherText}`)
 		}
 
 		emit('refetch')
 	} catch (error) {
 		console.error('Failed to update detail status:', error)
-		addNotification({
-			type: 'error',
-			title: 'Failed to update issue',
-			text: 'An error occurred while updating the issue status.',
-		})
+		notifyError('Failed to update issue', 'An error occurred while updating the issue status.')
 	} finally {
 		updatingDetails.delete(detailId)
 	}
@@ -301,11 +278,7 @@ async function updateGlobalDetailStatus(
 	verdict: Labrinth.TechReview.Internal.DelphiReportIssueStatus,
 ) {
 	if (!canUpdateGlobalDetail(detail)) {
-		addNotification({
-			type: 'error',
-			title: 'Global update unavailable',
-			text: 'Generated trace keys cannot be marked globally.',
-		})
+		notifyError('Global update unavailable', 'Generated trace keys cannot be marked globally.')
 		return
 	}
 
@@ -323,19 +296,7 @@ async function updateGlobalDetailStatus(
 		)
 
 		if (verdict !== 'pending') {
-			for (const classGroup of groupedByClass.value) {
-				if (getMarkedFlagsCount(classGroup.flags) === classGroup.flags.length) {
-					expandedClasses.delete(classGroup.key)
-				}
-			}
-		}
-
-		if (verdict !== 'pending') {
-			const markedCount = getFileMarkedCount(props.file)
-			const totalCount = getFileDetailCount(props.file)
-			if (previousMarkedCount != markedCount && markedCount === totalCount) {
-				emit('allFlagsResolved')
-			}
+			afterSuccessfulMark(previousMarkedCount)
 		}
 
 		const otherText =
@@ -344,31 +305,26 @@ async function updateGlobalDetailStatus(
 				: ''
 
 		if (verdict === 'pending') {
-			addNotification({
-				type: 'success',
-				title: 'Global trace verdict unset',
-				text: `The global verdict for this trace key has been removed.${otherText}`,
-			})
+			notifySuccess(
+				'Global trace verdict unset',
+				`The global verdict for this trace key has been removed.${otherText}`,
+			)
 		} else {
-			addNotification({
-				type: 'success',
-				title:
-					verdict === 'safe' ? 'Trace globally marked as pass' : 'Trace globally marked as fail',
-				text:
-					verdict === 'safe'
-						? `This trace key has been marked as a global false positive.${otherText}`
-						: `This trace key has been globally flagged as malicious.${otherText}`,
-			})
+			notifySuccess(
+				verdict === 'safe' ? 'Trace globally marked as pass' : 'Trace globally marked as fail',
+				verdict === 'safe'
+					? `This trace key has been marked as a global false positive.${otherText}`
+					: `This trace key has been globally flagged as malicious.${otherText}`,
+			)
 		}
 
 		emit('refetch')
 	} catch (error) {
 		console.error('Failed to update global detail status:', error)
-		addNotification({
-			type: 'error',
-			title: 'Failed to update global trace',
-			text: 'An error occurred while updating the global trace status.',
-		})
+		notifyError(
+			'Failed to update global trace',
+			'An error occurred while updating the global trace status.',
+		)
 	} finally {
 		updatingGlobalDetailKeys.delete(detail.key)
 	}
@@ -446,38 +402,6 @@ const groupedByJar = computed<JarGroup[]>(() => {
 	})
 })
 
-function getHighestSeverityInClass(flags: FlagItem[]): Labrinth.TechReview.Internal.DelphiSeverity {
-	return flags.reduce(
-		(highest, flag) =>
-			severityOrder[flag.detail.severity] > severityOrder[highest] ? flag.detail.severity : highest,
-		'low' as Labrinth.TechReview.Internal.DelphiSeverity,
-	)
-}
-
-function getClassDecompiledSource(classItem: ClassGroup): string | undefined {
-	for (const flag of classItem.flags) {
-		const source = props.decompiledSources.get(flag.detail.id)
-		if (source) return source
-	}
-	return undefined
-}
-
-function getHighlightedClassSource(classItem: ClassGroup): string[] {
-	const source = getClassDecompiledSource(classItem)
-	if (!source) return []
-
-	const cached = highlightedSourceCache.get(classItem.key)
-	if (cached?.source === source) return cached.lines
-
-	const lines = highlightCodeLines(source, 'java')
-	highlightedSourceCache.set(classItem.key, { source, lines })
-	return lines
-}
-
-function isClassLoadingSource(classItem: ClassGroup): boolean {
-	return classItem.flags.some((flag) => props.loadingIssues.has(flag.issueId))
-}
-
 function loadClassSources(classItem: ClassGroup) {
 	const issueIds = [...new Set(classItem.flags.map((flag) => flag.issueId))]
 	if (issueIds.length > 0) {
@@ -499,18 +423,6 @@ function toggleClass(classItem: ClassGroup) {
 	}
 }
 
-async function copyToClipboard(code: string, detailId: string) {
-	try {
-		await navigator.clipboard.writeText(code)
-		showCopyFeedback.set(detailId, true)
-		setTimeout(() => {
-			showCopyFeedback.delete(detailId)
-		}, 2000)
-	} catch (error) {
-		console.error('Failed to copy code:', error)
-	}
-}
-
 async function focusDetail(detailId: string) {
 	await nextTick()
 
@@ -652,218 +564,16 @@ watch(
 			</div>
 		</div>
 
-		<div
+		<TechRevClassItem
 			v-for="classItem in jarGroup.classes"
 			:key="classItem.key"
-			class="overflow-clip rounded-xl border border-solid border-surface-4"
-		>
-			<div
-				class="flex cursor-pointer items-center justify-between bg-surface-3 p-2 transition-colors duration-200 hover:bg-surface-4"
-				@click="toggleClass(classItem)"
-			>
-				<div class="my-auto flex items-center gap-2">
-					<IconButton
-						type="quiet"
-						label="Toggle details"
-						class="transition-transform"
-						:class="{ 'rotate-180': expandedClasses.has(classItem.key) }"
-					>
-						<ChevronDownIcon class="h-5 w-5 text-contrast" />
-					</IconButton>
-
-					<span v-tooltip="classItem.filePath" class="font-mono text-sm font-semibold">{{
-						truncateMiddle(classItem.filePath)
-					}}</span>
-
-					<div
-						class="rounded-full border-solid px-2.5 py-1"
-						:class="getSeverityBadgeColor(getHighestSeverityInClass(classItem.flags))"
-					>
-						<span class="text-sm font-medium">{{
-							capitalizeString(getHighestSeverityInClass(classItem.flags))
-						}}</span>
-					</div>
-
-					<div
-						class="flex items-center gap-1 rounded-full border border-solid px-2.5 py-1 text-sm"
-						:class="
-							getMarkedFlagsCount(classItem.flags) === classItem.flags.length
-								? 'border-green/60 bg-highlight-green text-green'
-								: 'border-red/60 bg-highlight-red text-red'
-						"
-					>
-						<CheckIcon
-							v-if="getMarkedFlagsCount(classItem.flags) === classItem.flags.length"
-							class="size-4"
-						/>
-						{{ getMarkedFlagsCount(classItem.flags) }}/{{ classItem.flags.length }} flags
-					</div>
-
-					<Transition name="fade">
-						<div
-							v-if="isClassLoadingSource(classItem)"
-							class="rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1"
-						>
-							<span class="flex items-center gap-1.5 text-sm font-medium text-secondary">
-								<LoaderCircleIcon class="size-4 animate-spin" />
-								Loading source...
-							</span>
-						</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)">
-				<div class="flex flex-col gap-2 border-0 border-t border-solid border-surface-4 p-2">
-					<div
-						v-for="flag in classItem.flags"
-						:id="`tech-review-detail-${flag.detail.id}`"
-						:key="`${flag.issueId}-${flag.detail.id}`"
-						class="flex flex-col gap-2 rounded-lg border border-solid border-surface-5 bg-surface-3 py-2 pl-4 last:border-b-0"
-						:class="{
-							'!border-brand bg-brand-highlight': focusedDetailId === flag.detail.id,
-						}"
-					>
-						<div class="grid grid-cols-[1fr_auto] items-center">
-							<div
-								class="flex items-center gap-2"
-								:class="{
-									'opacity-50': isPreReviewed(flag.detail.id, flag.detail.status),
-								}"
-							>
-								<span class="text-base font-semibold text-contrast">{{
-									flag.issueType.replace(/_/g, ' ')
-								}}</span>
-								<div
-									class="rounded-full border-solid px-2.5 py-1"
-									:class="getSeverityBadgeColor(flag.detail.severity)"
-								>
-									<span class="text-sm font-medium">{{
-										capitalizeString(flag.detail.severity)
-									}}</span>
-								</div>
-							</div>
-
-							<div class="me-2 flex items-center justify-end gap-2">
-								<TechRevVerdictButtons
-									variant="trace"
-									:detail="flag.detail"
-									@global-safe="updateGlobalDetailAction(flag.detail, 'safe')"
-									@local-safe="updateLocalDetailAction(flag.detail, 'safe')"
-									@local-unsafe="updateLocalDetailAction(flag.detail, 'malware')"
-									@global-unsafe="updateGlobalDetailAction(flag.detail, 'malware')"
-								/>
-							</div>
-						</div>
-						<div
-							v-if="flag.detail.data && Object.keys(flag.detail.data).length > 0"
-							class="flex flex-wrap gap-x-4 gap-y-1 pr-4 text-sm"
-						>
-							<div
-								v-for="[key, value] in Object.entries(flag.detail.data).sort(([a], [b]) =>
-									a.localeCompare(b),
-								)"
-								:key="key"
-								class="flex items-center gap-1.5"
-							>
-								<span class="text-secondary">{{ key }}:</span>
-								<a
-									v-if="typeof value === 'string' && value.startsWith('http')"
-									:href="value"
-									target="_blank"
-									rel="noopener noreferrer"
-									class="text-brand-blue hover:underline"
-								>
-									{{ value }}
-								</a>
-								<span v-else class="font-mono text-contrast">{{ value }}</span>
-							</div>
-						</div>
-					</div>
-
-					<div
-						v-if="getHighlightedClassSource(classItem).length > 0"
-						class="relative inset-0 overflow-hidden rounded-lg border border-solid border-surface-5 bg-surface-4"
-					>
-						<IconButton
-							v-tooltip="`Copy code`"
-							type="quiet"
-							:label="`Copy code`"
-							class="!absolute right-2 top-2 border-[1px]"
-							@click="copyToClipboard(getClassDecompiledSource(classItem)!, classItem.key)"
-						>
-							<CopyIcon v-if="!showCopyFeedback.get(classItem.key)" />
-							<CheckIcon v-else />
-						</IconButton>
-
-						<div class="overflow-x-auto bg-surface-3 py-3">
-							<div
-								v-for="(line, n) in getHighlightedClassSource(classItem)"
-								:key="n"
-								class="flex font-mono text-[13px] leading-[1.6]"
-							>
-								<div
-									class="select-none border-0 border-r border-solid border-surface-5 px-4 py-0 text-right text-primary"
-									style="min-width: 3.5rem"
-								>
-									{{ n + 1 }}
-								</div>
-								<div class="flex-1 px-4 py-0 text-primary">
-									<pre v-html="line || ' '"></pre>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div
-						v-else-if="isClassLoadingSource(classItem)"
-						class="rounded-lg border border-solid border-surface-5 bg-surface-3 p-4"
-					>
-						<p class="flex items-center gap-2 text-sm text-secondary">
-							<LoaderCircleIcon class="size-4 animate-spin" />
-							Loading source...
-						</p>
-					</div>
-					<div v-else class="rounded-lg border border-solid border-surface-5 bg-surface-3 p-4">
-						<p class="text-sm text-secondary">
-							Source code not available or failed to decompile for this file.
-						</p>
-					</div>
-				</div>
-			</Collapsible>
-		</div>
+			:class-item="classItem"
+			:expanded="expandedClasses.has(classItem.key)"
+			:focused-detail-id="focusedDetailId"
+			:loading-issues="loadingIssues"
+			:decompiled-sources="decompiledSources"
+			@toggle="toggleClass(classItem)"
+			@verdict="handleTraceVerdict"
+		/>
 	</div>
 </template>
-
-<style scoped>
-pre {
-	all: unset;
-	display: inline;
-	white-space: pre;
-}
-
-.fade-enter-active {
-	transition: opacity 0.3s ease-in;
-	transition-delay: 0.2s;
-}
-
-.fade-leave-active {
-	transition: opacity 0.15s ease-out;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-	opacity: 0;
-}
-</style>
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
new file mode 100644
index 0000000000..29e2062232
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
@@ -0,0 +1,95 @@
+<script setup lang="ts">
+import { RightArrowIcon, VersionIcon } from '@modrinth/assets'
+import { Button, ButtonLink, useFormatBytes } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { getFileDetailCount, getVersionLabel, getVersionPageHref, truncateMiddle } from './helpers'
+import TechRevFileActions from './TechRevFileActions.vue'
+import TechRevFlagBadges from './TechRevFlagBadges.vue'
+import type { FlattenedFileReport, TechRevProjectRef } from './types'
+import { injectTechReviewDecisions } from './use-tech-review-decisions'
+
+const props = defineProps<{
+	file: FlattenedFileReport
+	project: TechRevProjectRef
+}>()
+
+const emit = defineEmits<{
+	viewFlags: [file: FlattenedFileReport]
+}>()
+
+const formatBytes = useFormatBytes()
+const { getFileMarkedCount } = injectTechReviewDecisions()
+const details = computed(() => props.file.issues.flatMap((issue) => issue.details))
+const hasFlags = computed(() => details.value.length > 0)
+const isManualReview = computed(() => props.file.flag_reason.toString() === 'manual')
+const allFlagsMarked = computed(
+	() => hasFlags.value && getFileMarkedCount(props.file) === getFileDetailCount(props.file),
+)
+
+const truncatedFileName = computed(() => truncateMiddle(props.file.file_name, 50))
+const versionLabel = computed(() => getVersionLabel(props.file))
+const versionHref = computed(() => getVersionPageHref(props.project, props.file.version_id))
+const fileSizeLabel = computed(() => formatBytes(props.file.file_size))
+
+function viewFlags() {
+	if (hasFlags.value) {
+		emit('viewFlags', props.file)
+	}
+}
+</script>
+
+<template>
+	<div class="flex items-center justify-between px-4 py-3">
+		<div class="flex items-center gap-2">
+			<ButtonLink
+				v-tooltip="'View version'"
+				type="outlined"
+				target="_blank"
+				:href="versionHref"
+				class="!bg-surface-2"
+				icon-only
+				circular
+			>
+				<VersionIcon aria-hidden="true" />
+			</ButtonLink>
+			<div class="flex flex-col" :class="{ 'opacity-50': allFlagsMarked }">
+				<span
+					v-tooltip="file.file_name"
+					class="py-2 font-medium text-contrast"
+					:aria-label="`View flags for ${file.file_name}`"
+					tabindex="0"
+					:class="{ 'cursor-pointer hover:underline': hasFlags }"
+					@click="viewFlags"
+				>
+					{{ truncatedFileName }}
+				</span>
+				<span class="-mt-1.5 text-xs text-secondary">
+					Version {{ versionLabel }} / {{ file.version_id }}
+				</span>
+			</div>
+			<div class="rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1">
+				<span class="text-sm font-medium text-secondary">{{ fileSizeLabel }}</span>
+			</div>
+			<TechRevFlagBadges v-if="hasFlags" :details="details" />
+			<!-- TODO: remove toString when backend supports it properly -->
+			<div
+				v-else-if="isManualReview"
+				class="border-blue/60 flex items-center gap-1 rounded-full border border-solid bg-highlight-blue px-2.5 py-1 text-sm text-blue"
+			>
+				Manual review
+			</div>
+			<div
+				v-else
+				class="border-green/60 flex items-center gap-1 rounded-full border border-solid bg-highlight-green px-2.5 py-1 text-sm text-green"
+			>
+				No flags
+			</div>
+		</div>
+
+		<div class="flex items-center gap-2">
+			<Button v-if="hasFlags" @click="viewFlags"> Flags <RightArrowIcon /> </Button>
+			<TechRevFileActions :file="file" />
+		</div>
+	</div>
+</template>
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue
index 96fccf3b42..96a4e68bbf 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue
@@ -1,34 +1,20 @@
 <script setup lang="ts">
-import { CheckIcon, DownloadIcon, ExternalIcon, VersionIcon } from '@modrinth/assets'
-import { ButtonLink, useFormatBytes } from '@modrinth/ui'
-import { capitalizeString } from '@modrinth/utils'
 import { computed } from 'vue'
 
-import {
-	getFileDetailCount,
-	getFileHighestSeverity,
-	getSeverityBadgeColor,
-	getVersionLabel,
-	getVersionPageHref,
-	truncateMiddle,
-} from './helpers'
-import type { FlattenedFileReport } from './types'
+import { getFileDetailCount } from './helpers'
+import TechRevFileItem from './TechRevFileItem.vue'
+import type { FlattenedFileReport, TechRevProjectRef } from './types'
 import { injectTechReviewDecisions } from './use-tech-review-decisions'
 
 const props = defineProps<{
 	reports: FlattenedFileReport[]
-	project: {
-		id: string
-		slug?: string
-		project_types: string[]
-	}
+	project: TechRevProjectRef
 }>()
 
 const emit = defineEmits<{
 	viewFlags: [file: FlattenedFileReport]
 }>()
 
-const formatBytes = useFormatBytes()
 const { getFileMarkedCount } = injectTechReviewDecisions()
 
 const allFiles = computed(() => {
@@ -41,93 +27,14 @@ const allFiles = computed(() => {
 </script>
 
 <template>
-	<div
-		v-for="(file, idx) in allFiles"
-		:key="idx"
-		class="flex items-center justify-between border-0 border-x border-b border-solid border-surface-3 bg-surface-2 px-4 py-3"
-		:class="{
-			'rounded-bl-2xl rounded-br-2xl': idx === allFiles.length - 1,
-			'bg-[#E8E8E8] dark:bg-[#1A1C20]': idx % 2 === 1,
-		}"
-	>
-		<div class="flex items-center gap-3">
-			<span
-				v-tooltip="file.file_name"
-				class="py-2 font-medium text-contrast"
-				:aria-label="`View flags for ${file.file_name}`"
-				tabindex="0"
-				:class="{ 'cursor-pointer hover:underline': getFileDetailCount(file) > 0 }"
-				@click="getFileDetailCount(file) > 0 && emit('viewFlags', file)"
-			>
-				{{ truncateMiddle(file.file_name, 50) }}
-			</span>
-			<div class="rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1">
-				<span class="text-sm font-medium text-secondary">{{ formatBytes(file.file_size) }}</span>
-			</div>
-			<div
-				v-if="getFileDetailCount(file) > 0"
-				class="rounded-full border-solid px-2.5 py-1"
-				:class="getSeverityBadgeColor(getFileHighestSeverity(file))"
-			>
-				<span class="text-sm font-medium">{{
-					capitalizeString(getFileHighestSeverity(file))
-				}}</span>
-			</div>
-			<div
-				v-if="getFileDetailCount(file) > 0"
-				class="flex items-center gap-1 rounded-full border border-solid px-2.5 py-1 text-sm"
-				:class="
-					getFileMarkedCount(file) === getFileDetailCount(file)
-						? 'border-green/60 bg-highlight-green text-green'
-						: 'border-red/60 bg-highlight-red text-red'
-				"
-			>
-				<CheckIcon v-if="getFileMarkedCount(file) === getFileDetailCount(file)" class="size-4" />
-				{{ getFileMarkedCount(file) }}/{{ getFileDetailCount(file) }} flags
-			</div>
-			<!-- TODO: remove toString when backend supports it properly -->
-			<div
-				v-else-if="file.flag_reason.toString() === 'manual'"
-				class="border-blue/60 flex items-center gap-1 rounded-full border border-solid bg-highlight-blue px-2.5 py-1 text-sm text-blue"
-			>
-				Manual review
-			</div>
-			<div
-				v-else
-				class="border-green/60 flex items-center gap-1 rounded-full border border-solid bg-highlight-green px-2.5 py-1 text-sm text-green"
-			>
-				No flags
-			</div>
-		</div>
-
-		<div class="flex items-center gap-2">
-			<ButtonLink
-				type="outlined"
-				target="_blank"
-				:href="getVersionPageHref(project, file.version_id)"
-				:aria-label="`Open version ${getVersionLabel(file)}`"
-			>
-				<VersionIcon aria-hidden="true" /> {{ getVersionLabel(file) }}
-			</ButtonLink>
-			<ButtonLink
-				type="outlined"
-				target="_blank"
-				:href="`https://slicer.run/?url=${encodeURIComponent(file.download_url)}`"
-				aria-label="Open in Slicer"
-			>
-				<ExternalIcon aria-hidden="true" /> Slicer
-			</ButtonLink>
-			<ButtonLink
-				v-tooltip="`Download ${file.file_name} (${formatBytes(file.file_size)})`"
-				type="outlined"
-				:href="file.download_url"
-				:download="file.file_name"
-				tabindex="0"
-				icon-only
-				circular
-			>
-				<DownloadIcon />
-			</ButtonLink>
-		</div>
+	<div>
+		<TechRevFileItem
+			v-for="file in allFiles"
+			:key="file.id"
+			class="bg-surface-2 even:bg-surface-1.5 last:rounded-bl-2xl last:rounded-br-2xl"
+			:file="file"
+			:project="project"
+			@view-flags="emit('viewFlags', $event)"
+		/>
 	</div>
 </template>
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFlagBadges.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFlagBadges.vue
new file mode 100644
index 0000000000..f51c07c3d6
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFlagBadges.vue
@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import { ShieldAlertIcon } from '@modrinth/assets'
+import { capitalizeString } from '@modrinth/utils'
+import { computed } from 'vue'
+
+import { getHighestSeverity, getSeverityBadgeColor } from './helpers'
+import { injectTechReviewDecisions } from './use-tech-review-decisions'
+
+const props = defineProps<{
+	details: Labrinth.TechReview.Internal.ReportIssueDetail[]
+}>()
+
+const { getDetailDecision } = injectTechReviewDecisions()
+
+const highestSeverity = computed(() => getHighestSeverity(props.details))
+const highestSeverityLabel = computed(() => capitalizeString(highestSeverity.value))
+const severityBadgeClass = computed(() => getSeverityBadgeColor(highestSeverity.value))
+
+const markedCount = computed(
+	() =>
+		props.details.filter((detail) => getDetailDecision(detail.id, detail.status) !== 'pending')
+			.length,
+)
+const failedCount = computed(
+	() =>
+		props.details.filter((detail) => getDetailDecision(detail.id, detail.status) === 'malware')
+			.length,
+)
+const allFlagsMarked = computed(
+	() => props.details.length > 0 && markedCount.value === props.details.length,
+)
+</script>
+
+<template>
+	<div v-if="details.length > 0" class="flex items-center gap-2">
+		<div
+			class="rounded-full border-solid px-2.5 py-1"
+			:class="[
+				severityBadgeClass,
+				{
+					'!bg-transparent opacity-50': allFlagsMarked,
+				},
+			]"
+		>
+			<span class="text-sm font-medium">{{ highestSeverityLabel }}</span>
+		</div>
+
+		<div
+			class="flex items-center gap-1 rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1 text-sm text-primary"
+			:class="{
+				'bg-transparent opacity-50': allFlagsMarked,
+			}"
+		>
+			{{ markedCount }}/{{ details.length }} done
+		</div>
+
+		<div
+			v-if="failedCount > 0"
+			v-tooltip="`${failedCount} failed`"
+			class="flex items-center gap-1 rounded-full border border-solid border-red bg-bg-red p-1 text-sm font-bold text-red"
+		>
+			<ShieldAlertIcon class="size-5" />
+		</div>
+	</div>
+</template>
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevThreadTab.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevThreadTab.vue
index fe473219d5..18d9525679 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevThreadTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevThreadTab.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
 import {
-	BugIcon,
 	CheckIcon,
 	DropdownIcon,
 	EyeOffIcon,
 	ScaleIcon,
+	ShieldAlertIcon,
 	ShieldCheckIcon,
 	SpinnerIcon,
 	XIcon,
@@ -390,7 +390,7 @@ async function handleSubmitReview(verdict: 'safe' | 'unsafe') {
 						:disabled="!canSubmitReview"
 						@click="handleSubmitReview('unsafe')"
 					>
-						<BugIcon /> Fail
+						<ShieldAlertIcon /> Fail
 					</Button>
 					<TeleportOverflowMenu
 						label="More options"
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevVerdictButtons.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevVerdictButtons.vue
index c6df2d508a..0e1dd197a9 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevVerdictButtons.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevVerdictButtons.vue
@@ -91,14 +91,17 @@ const isLocalDisabled = computed(() => {
 })
 
 const BUTTON_BASE_CLASS =
-	'custom-focus-indicator flex size-8 cursor-pointer items-center justify-center border-0 border-l border-solid border-l-surface-5 bg-transparent p-0 transition-[background-color,filter] duration-150 ease-in-out first:rounded-s-[calc(var(--radius-md)-1px)] first:border-l-0 last:rounded-e-[calc(var(--radius-md)-1px)] disabled:cursor-not-allowed disabled:opacity-50 [&>svg]:size-4'
+	'custom-focus-indicator flex size-8 cursor-pointer items-center justify-center border-0 border-l border-solid border-l-surface-5 p-0 transition-[background-color,filter] duration-150 ease-in-out first:rounded-s-[calc(var(--radius-md)-1px)] first:border-l-0 last:rounded-e-[calc(var(--radius-md)-1px)] disabled:cursor-not-allowed disabled:opacity-50 [&>svg]:size-4'
 
 function buttonClass(decision: 'safe' | 'malware', scope: 'local' | 'global') {
+	const isSelected = selected(decision, scope)
+
 	return [
 		BUTTON_BASE_CLASS,
 		decision === 'safe' ? 'text-green' : 'text-red',
-		selected(decision, scope)
-			? 'bg-bg-green shadow-[inset_0_0_0_1px_var(--color-green)] hover:bg-bg-green focus-visible:bg-bg-green focus-visible:shadow-[inset_0_0_0_2px_var(--color-green)]'
+		isSelected && (decision === 'safe' ? 'bg-bg-green' : 'bg-bg-red'),
+		isSelected
+			? 'shadow-[inset_0_0_0_1px_currentColor] hover:bg-currentColor focus-visible:bg-currentColor focus-visible:shadow-[inset_0_0_0_2px_currentColor]'
 			: 'hover:bg-surface-4 focus-visible:bg-surface-4 focus-visible:shadow-[inset_0_0_0_2px_var(--color-brand)]',
 	]
 }
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/helpers.ts b/apps/frontend/src/components/ui/moderation/tech-review/helpers.ts
index 00d2809bd0..d35e11da2d 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/helpers.ts
+++ b/apps/frontend/src/components/ui/moderation/tech-review/helpers.ts
@@ -1,6 +1,6 @@
 import type { Labrinth } from '@modrinth/api-client'
 
-import type { DetailDecision, FlattenedFileReport } from './types'
+import type { DetailDecision, FlattenedFileReport, TechRevProjectRef } from './types'
 
 export const severityOrder: Record<Labrinth.TechReview.Internal.DelphiSeverity, number> = {
 	severe: 3,
@@ -32,15 +32,13 @@ export function truncateMiddle(str: string, maxLength = 120): string {
 	return str.slice(0, front) + '...' + str.slice(front - keep)
 }
 
-export function getFileHighestSeverity(
-	file: FlattenedFileReport,
+export function getHighestSeverity(
+	details: { severity: Labrinth.TechReview.Internal.DelphiSeverity }[],
 ): Labrinth.TechReview.Internal.DelphiSeverity {
 	let highest: Labrinth.TechReview.Internal.DelphiSeverity = 'low'
-	for (const issue of file.issues) {
-		for (const detail of issue.details) {
-			if (severityOrder[detail.severity] > severityOrder[highest]) {
-				highest = detail.severity
-			}
+	for (const detail of details) {
+		if (severityOrder[detail.severity] > severityOrder[highest]) {
+			highest = detail.severity
 		}
 	}
 	return highest
@@ -67,10 +65,7 @@ export function getVersionLabel(file: FlattenedFileReport): string {
 	return file.version_number || file.version_id
 }
 
-export function getVersionPageHref(
-	project: { id: string; slug?: string; project_types: string[] },
-	versionId: string,
-): string {
+export function getVersionPageHref(project: TechRevProjectRef, versionId: string): string {
 	return `/${project.project_types[0] ?? 'project'}/${project.slug ?? project.id}/version/${versionId}`
 }
 
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/types.ts b/apps/frontend/src/components/ui/moderation/tech-review/types.ts
index b4eab27aec..349f8a8633 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/types.ts
+++ b/apps/frontend/src/components/ui/moderation/tech-review/types.ts
@@ -6,6 +6,12 @@ export type FlattenedFileReport = Labrinth.TechReview.Internal.FileReport & {
 	version_number?: string
 }
 
+export type TechRevProjectRef = {
+	id: string
+	slug?: string
+	project_types: string[]
+}
+
 export type DetailDecision = 'safe' | 'malware' | 'pending'
 export type DetailDecisionScope = 'local' | 'global'
 
@@ -28,3 +34,9 @@ export type JarGroup = {
 	segments: string[]
 	classes: ClassGroup[]
 }
+
+export type TraceVerdictEvent = {
+	detail: Labrinth.TechReview.Internal.ReportIssueDetail
+	decision: Exclude<DetailDecision, 'pending'>
+	scope: DetailDecisionScope
+}
diff --git a/apps/frontend/src/pages/[type]/[project]/version/[version].vue b/apps/frontend/src/pages/[type]/[project]/version/[version].vue
index 13c0843d36..86b2c71b0e 100644
--- a/apps/frontend/src/pages/[type]/[project]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[project]/version/[version].vue
@@ -150,14 +150,12 @@
 								modSettings.get(moderationSettings.General.SlicerButtonInVersions)
 							"
 							v-tooltip="`Open in Slicer`"
-							type="quiet"
 							target="_blank"
 							:href="`https://slicer.run/?url=${encodeURIComponent(primaryFile?.url)}`"
-							class="!bg-button-bg"
 							aria-label="Open in Slicer"
 						>
 							<ExternalIcon aria-hidden="true" />
-							Open
+							Slicer
 						</ButtonLink>
 						<ButtonLink
 							v-for="file in promotedFiles.filter(
diff --git a/packages/ui/src/components/base/Badge.vue b/packages/ui/src/components/base/Badge.vue
index 3586fd0af7..0f7e023989 100644
--- a/packages/ui/src/components/base/Badge.vue
+++ b/packages/ui/src/components/base/Badge.vue
@@ -74,7 +74,7 @@
 			<ShieldCheckIcon aria-hidden="true" /> {{ formatMessage(messages.safeLabel) }}
 		</template>
 		<template v-else-if="type === 'unsafe'">
-			<BugIcon aria-hidden="true" /> {{ formatMessage(messages.unsafeLabel) }}
+			<ShieldAlertIcon aria-hidden="true" /> {{ formatMessage(messages.unsafeLabel) }}
 		</template>
 
 		<!-- Other -->
@@ -86,7 +86,6 @@
 import {
 	ArchiveIcon,
 	BoxIcon,
-	BugIcon,
 	CalendarIcon,
 	CheckIcon,
 	FileTextIcon,
@@ -95,6 +94,7 @@ import {
 	LockIcon,
 	ModrinthIcon,
 	ScaleIcon,
+	ShieldAlertIcon,
 	ShieldCheckIcon,
 	UpdatedIcon,
 	XIcon,

From 05608c32166f52c756785fcbb9aae3f0a2a2a5d3 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sun, 30 Aug 2026 16:59:20 -0700
Subject: [PATCH 05/12] finish merge issues

---
 .../tech-review/TechRevClassItem.vue          | 54 ++++++++++++++++---
 .../tech-review/TechRevFileActions.vue        |  2 +-
 .../tech-review/TechRevFileDetailTab.vue      | 27 +---------
 .../tech-review/TechRevFilesTab.vue           |  2 +-
 4 files changed, 51 insertions(+), 34 deletions(-)

diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
index 4bd2d8867a..dfc5c0b314 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
@@ -1,16 +1,23 @@
 <script setup lang="ts">
-import { CheckIcon, ChevronDownIcon, CopyIcon, LoaderCircleIcon } from '@modrinth/assets'
-import { IconButton } from '@modrinth/ui'
+import {
+	CheckIcon,
+	ChevronDownIcon,
+	CopyIcon,
+	ExternalIcon,
+	LoaderCircleIcon,
+} from '@modrinth/assets'
+import { ButtonLink, IconButton } from '@modrinth/ui'
 import { capitalizeString, highlightCodeLines } from '@modrinth/utils'
 import { computed, ref } from 'vue'
 
 import { getSeverityBadgeColor, truncateMiddle } from './helpers'
 import TechRevFlagBadges from './TechRevFlagBadges.vue'
 import TechRevVerdictButtons from './TechRevVerdictButtons.vue'
-import type { ClassGroup, TraceVerdictEvent } from './types'
+import type { ClassGroup, FlattenedFileReport, TraceVerdictEvent } from './types'
 import { injectTechReviewDecisions } from './use-tech-review-decisions'
 
 const props = defineProps<{
+	file: FlattenedFileReport
 	classItem: ClassGroup
 	expanded: boolean
 	focusedDetailId?: string | null
@@ -73,6 +80,32 @@ async function copyToClipboard() {
 		console.error('Failed to copy code:', error)
 	}
 }
+
+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)}`
+}
 </script>
 
 <template>
@@ -101,6 +134,17 @@ async function copyToClipboard() {
 
 				<TechRevFlagBadges :details="flagDetails" />
 
+				<ButtonLink
+					v-tooltip="'Open file in slicer'"
+					type="outlined"
+					:href="createSlicerLink(file.download_url, classItem)"
+					:target="file.file_id"
+					circular
+					icon-only
+					@click="$event.stopPropagation()"
+				>
+					<ExternalIcon />
+				</ButtonLink>
 				<Transition name="fade">
 					<div
 						v-if="isLoadingSource"
@@ -147,9 +191,7 @@ async function copyToClipboard() {
 						<TechRevVerdictButtons
 							variant="trace"
 							:detail="flag.detail"
-							@global-safe="
-								emitVerdict({ detail: flag.detail, decision: 'safe', scope: 'global' })
-							"
+							@global-safe="emitVerdict({ detail: flag.detail, decision: 'safe', scope: 'global' })"
 							@local-safe="emitVerdict({ detail: flag.detail, decision: 'safe', scope: 'local' })"
 							@local-unsafe="
 								emitVerdict({ detail: flag.detail, decision: 'malware', scope: 'local' })
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
index 52dd9630c5..1959bd53e5 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
@@ -28,7 +28,7 @@ const formatBytes = useFormatBytes()
 		<ButtonLink
 			v-tooltip="'Open in Slicer'"
 			type="outlined"
-			target="_blank"
+			:target="file.file_id"
 			:href="`https://slicer.run/?url=${encodeURIComponent(file.download_url)}`"
 			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 357614f557..40fbfcb214 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -446,32 +446,6 @@ 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]) => {
@@ -567,6 +541,7 @@ watch(
 		<TechRevClassItem
 			v-for="classItem in jarGroup.classes"
 			:key="classItem.key"
+			:file="file"
 			:class-item="classItem"
 			:expanded="expandedClasses.has(classItem.key)"
 			:focused-detail-id="focusedDetailId"
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue
index 96a4e68bbf..6228ef2e9c 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFilesTab.vue
@@ -31,7 +31,7 @@ const allFiles = computed(() => {
 		<TechRevFileItem
 			v-for="file in allFiles"
 			:key="file.id"
-			class="bg-surface-2 even:bg-surface-1.5 last:rounded-bl-2xl last:rounded-br-2xl"
+			class="bg-surface-2 last:rounded-bl-2xl last:rounded-br-2xl even:bg-surface-1.5"
 			:file="file"
 			:project="project"
 			@view-flags="emit('viewFlags', $event)"

From 508ff8637917747a059292975c1e22c12ce7a886 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sun, 30 Aug 2026 17:18:17 -0700
Subject: [PATCH 06/12] alternative host link settings

---
 .../settings/ModerationSettings.vue           | 43 ++++++++++++-------
 .../src/plugins/open-on-modrinth.client.ts    | 35 +++++++++++++--
 packages/moderation/src/data/keybinds.ts      | 27 ++++--------
 packages/moderation/src/data/settings.ts      | 18 +++++---
 packages/moderation/src/types/keybinds.ts     |  2 +-
 5 files changed, 81 insertions(+), 44 deletions(-)

diff --git a/apps/frontend/src/components/ui/moderation/settings/ModerationSettings.vue b/apps/frontend/src/components/ui/moderation/settings/ModerationSettings.vue
index 93ea0e6f34..150eec6189 100644
--- a/apps/frontend/src/components/ui/moderation/settings/ModerationSettings.vue
+++ b/apps/frontend/src/components/ui/moderation/settings/ModerationSettings.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { moderationSettings, type SettingDefinition } from '@modrinth/moderation'
-import { Combobox, Toggle } from '@modrinth/ui'
+import { Button, Combobox, Input, Toggle } from '@modrinth/ui'
+
+const localhostHostname = 'localhost:3000'
 
 const flattenedSettings = Object.entries(moderationSettings).reduce(
 	(acc, [group, settings]) => {
@@ -37,25 +39,26 @@ const displayedSettings = ref<{ [name: string]: SettingDefinition[] }>(flattened
 <template>
 	<div v-for="[name, page] of Object.entries(displayedSettings)" :key="name" class="universal-card">
 		<h2 class="text-2xl">{{ name }}</h2>
-		<div class="flex flex-col gap-2">
+		<div class="flex flex-col gap-3">
 			<div
 				v-for="setting in page"
 				:key="setting.id"
 				class="flex flex-row flex-wrap items-center justify-between gap-2"
 			>
 				<label class="flex-1">
-					<span class="block font-semibold text-contrast">{{ setting.title }}</span>
+					<span class="mb-1 block font-semibold text-contrast">{{ setting.title }}</span>
 					<span class="block text-secondary">{{ setting.description }}</span>
-					<span class="block text-secondary">
+					<span class="mt-1 block text-secondary">
 						Default:
 						<span
-							class="font-semibold"
+							class="font-medium"
 							:class="{
 								'text-red': setting.type === 'toggle' && !setting.default,
 								'text-green': setting.type === 'toggle' && setting.default,
+								'italic opacity-50': setting.default === null,
 							}"
-							>{{ setting.default }}</span
-						>
+							>{{ setting.default ?? '(none)' }}
+						</span>
 					</span>
 				</label>
 
@@ -72,15 +75,23 @@ const displayedSettings = ref<{ [name: string]: SettingDefinition[] }>(flattened
 					class="!w-1/4"
 					@update:model-value="(value) => configuredSettings.set(setting, value)"
 				/>
-				<input
-					v-if="setting.type === 'string'"
-					type="text"
-					:value="configuredSettings.get(setting)"
-					class="input !w-1/4"
-					@input="
-						(event) => configuredSettings.set(setting, (event.target as HTMLInputElement).value)
-					"
-				/>
+				<div v-if="setting.type === 'string'" class="flex !w-1/4 flex-col items-start gap-2">
+					<Input
+						type="text"
+						:model-value="configuredSettings.get(setting) ?? ''"
+						@update:model-value="(value) => configuredSettings.set(setting, String(value ?? ''))"
+					/>
+					<Button
+						v-if="setting.id === 'alternative-hostname'"
+						type="outlined"
+						size="sm"
+						class="shrink-0"
+						:disabled="configuredSettings.get(setting) === localhostHostname"
+						@click="configuredSettings.set(setting, localhostHostname)"
+					>
+						Set to {{ localhostHostname }}
+					</Button>
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/apps/frontend/src/plugins/open-on-modrinth.client.ts b/apps/frontend/src/plugins/open-on-modrinth.client.ts
index 413460355a..e709473ad1 100644
--- a/apps/frontend/src/plugins/open-on-modrinth.client.ts
+++ b/apps/frontend/src/plugins/open-on-modrinth.client.ts
@@ -1,4 +1,10 @@
-import { notifyCopied, useModerationKeybinds } from '~/composables/moderation.ts'
+import { moderationSettings } from '@modrinth/moderation'
+
+import {
+	notifyCopied,
+	useModerationKeybinds,
+	useModerationSettings,
+} from '~/composables/moderation.ts'
 
 function getOfficialOrigin(apiBaseUrl: string): string {
 	if (apiBaseUrl.startsWith('https://staging-api.modrinth.com')) {
@@ -7,19 +13,42 @@ function getOfficialOrigin(apiBaseUrl: string): string {
 	return 'https://modrinth.com'
 }
 
+function getAlternativeOrigin(hostname: string | null | undefined): string | null {
+	const trimmed = hostname?.trim()
+	if (!trimmed) {
+		return null
+	}
+
+	try {
+		const url = trimmed.includes('://') ? new URL(trimmed) : new URL(`http://${trimmed}`)
+		if (url.protocol !== 'http:' && url.protocol !== 'https:') {
+			return null
+		}
+		return url.origin
+	} catch {
+		return null
+	}
+}
+
 export default defineNuxtPlugin(() => {
 	const config = useRuntimeConfig()
 	const keybinds = useModerationKeybinds()
+	const settings = useModerationSettings()
 
 	window.addEventListener('keydown', (event) => {
 		if (event.repeat) {
 			return
 		}
 
+		const pathAndSearch = `${window.location.pathname}${window.location.search}`
+		const alternativeOrigin = getAlternativeOrigin(
+			settings.value.get(moderationSettings.General.AlternativeHostname),
+		)
+
 		keybinds.value.handle(event, {
 			scope: 'global',
-			officialUrl: `${getOfficialOrigin(String(config.public.apiBaseUrl))}${window.location.pathname}${window.location.search}`,
-			localhostUrl: `http://localhost:3000${window.location.pathname}${window.location.search}`,
+			officialUrl: `${getOfficialOrigin(String(config.public.apiBaseUrl))}${pathAndSearch}`,
+			alternativeUrl: alternativeOrigin ? `${alternativeOrigin}${pathAndSearch}` : '',
 			notifyCopied,
 		})
 	})
diff --git a/packages/moderation/src/data/keybinds.ts b/packages/moderation/src/data/keybinds.ts
index 4ca0f406c9..92ba270e67 100644
--- a/packages/moderation/src/data/keybinds.ts
+++ b/packages/moderation/src/data/keybinds.ts
@@ -34,11 +34,6 @@ function isOfficialModrinthHost(): boolean {
 	return host === 'modrinth.com' || host === 'www.modrinth.com' || host === 'staging.modrinth.com'
 }
 
-function isLocalhost(): boolean {
-	const host = globalThis.location?.hostname
-	return host === 'localhost' || host === '127.0.0.1' || host === '[::1]'
-}
-
 const keybinds: { [id: string]: KeybindListener } = {
 	'next-stage': {
 		keybind: 'ArrowRight',
@@ -125,27 +120,21 @@ const keybinds: { [id: string]: KeybindListener } = {
 	},
 	'open-official-site': {
 		keybind: 'Ctrl+Shift+P',
-		description: 'Open current page on production/staging',
+		description: isOfficialModrinthHost()
+			? 'Open current page on production/staging'
+			: 'Open current page on alternative host',
 		scope: 'global',
-		enabled: () => !isOfficialModrinthHost(),
+		enabled: (ctx) => !isOfficialModrinthHost() || !!ctx.alternativeUrl,
 		action: (ctx) => {
-			globalThis.open(ctx.officialUrl, '_blank', 'noopener,noreferrer')
-		},
-	},
-	'open-localhost': {
-		keybind: [],
-		description: 'Open current page on localhost',
-		scope: 'global',
-		enabled: () => !isLocalhost(),
-		action: (ctx) => {
-			globalThis.open(ctx.localhostUrl, '_blank', 'noopener,noreferrer')
+			const url = isOfficialModrinthHost() ? ctx.alternativeUrl : ctx.officialUrl
+			globalThis.open(url, '_blank', 'noopener,noreferrer')
 		},
 	},
 	'copy-official-site': {
 		keybind: 'Ctrl+Shift+O',
-		description: 'Copy production/staging URL (localhost only)',
+		description: 'Copy official URL',
 		scope: 'global',
-		enabled: () => isLocalhost(),
+		enabled: () => !isOfficialModrinthHost(),
 		action: async (ctx) => {
 			await navigator.clipboard.writeText(ctx.officialUrl)
 			const environment = ctx.officialUrl.startsWith('https://staging.modrinth.com')
diff --git a/packages/moderation/src/data/settings.ts b/packages/moderation/src/data/settings.ts
index d62436821c..4e35197972 100644
--- a/packages/moderation/src/data/settings.ts
+++ b/packages/moderation/src/data/settings.ts
@@ -5,7 +5,7 @@ const settings = {
 		ChecklistPosition: setting.asEnum({
 			type: 'enum',
 			id: 'checklist-position',
-			title: 'Checklist Position',
+			title: 'Checklist position',
 			description: 'Where the checklist should be displayed on the page',
 			entries: [
 				{ value: 'left', label: 'Left' },
@@ -16,28 +16,28 @@ const settings = {
 		ProjectKeybinds: setting.asToggle({
 			type: 'toggle',
 			id: 'project-keybinds',
-			title: 'Enable Project Keybinds',
+			title: 'Enable project keybinds',
 			description: 'Weather certain keybinds should work without the checklist visible.',
 			default: false,
 		}),
 		PrivateMessageHighlight: setting.asToggle({
 			type: 'toggle',
 			id: 'private-message-highlight',
-			title: 'Highlight Private Messages',
+			title: 'Highlight private messages',
 			description: 'Whether private messages should be highlighted in the chat.',
 			default: true,
 		}),
 		SlicerButtonInVersions: setting.asToggle({
 			type: 'toggle',
 			id: 'slicer-button-in-versions',
-			title: 'Show Slicer Button in Versions Table and Page',
+			title: 'Show Slicer button in versions table and page',
 			description: 'Whether the slicer button should be shown in the versions table and page.',
 			default: false,
 		}),
 		AdjustPageAlignment: setting.asEnum({
 			type: 'enum',
 			id: 'adjust-page-alignment',
-			title: 'Adjust Page Alignment',
+			title: 'Adjust page alignment',
 			description:
 				'Whether the main page elements should be centered or offset opposite to the Checklist Position.',
 			entries: [
@@ -47,6 +47,14 @@ const settings = {
 			],
 			default: 'never',
 		}),
+		AlternativeHostname: setting.asString({
+			type: 'string',
+			id: 'alternative-hostname',
+			title: 'Alternative hostname',
+			description:
+				'When Open production/staging is used on an official host, open this hostname instead. Example: localhost:3000',
+			default: null,
+		}),
 	},
 } as const
 
diff --git a/packages/moderation/src/types/keybinds.ts b/packages/moderation/src/types/keybinds.ts
index 5cf798be74..3b78460ddd 100644
--- a/packages/moderation/src/types/keybinds.ts
+++ b/packages/moderation/src/types/keybinds.ts
@@ -58,7 +58,7 @@ export type ModerationTechReviewContext = {
 export type ModerationGlobalContext = {
 	scope: 'global'
 	officialUrl: string
-	localhostUrl: string
+	alternativeUrl: string
 	notifyCopied: (value: string, title: string) => void
 }
 

From 95b9bb72ce45ba608b68460a6bd0864f8761ba14 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sun, 30 Aug 2026 19:58:39 -0700
Subject: [PATCH 07/12] QA changes

---
 .../ui/moderation/ModerationTechRevCard.vue   | 22 +++++++--
 .../tech-review/TechRevClassItem.vue          | 48 ++++++++++---------
 .../tech-review/TechRevFileDetailTab.vue      |  9 +++-
 .../tech-review/TechRevFileItem.vue           | 26 +++++-----
 4 files changed, 61 insertions(+), 44 deletions(-)

diff --git a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
index 348996f021..f7ba2a85f5 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { CheckIcon, CodeIcon, ExternalIcon, TimerIcon } from '@modrinth/assets'
+import { CheckIcon, CodeIcon, ExternalIcon, VersionIcon, TimerIcon } from '@modrinth/assets'
 import {
 	Avatar,
 	ButtonLink,
@@ -15,6 +15,7 @@ import { computed, provide, ref, watch } from 'vue'
 import type { UnsafeFile } from '~/components/ui/moderation/MaliciousSummaryModal.vue'
 import {
 	getHighestSeverity,
+	getVersionPageHref,
 	getSeverityBadgeColor,
 } from '~/components/ui/moderation/tech-review/helpers'
 import TechRevFileActions from '~/components/ui/moderation/tech-review/TechRevFileActions.vue'
@@ -269,7 +270,8 @@ watch(
 								v-tooltip="'Open sources in new tab'"
 								:href="props.item.project.link_urls?.['source']?.url"
 								target="_blank"
-								class="!w-9 !rounded-full !px-0"
+								circular
+								icon-only
 							>
 								<CodeIcon />
 							</ButtonLink>
@@ -299,8 +301,20 @@ watch(
 					class="border border-solid border-surface-4 bg-surface-2"
 					@tab-click="handleTabClick"
 				/>
-
-				<TechRevFileActions v-if="currentTab === 'File' && selectedFile" :file="selectedFile" />
+				<div v-if="currentTab === 'File' && selectedFile" class="flex items-center gap-2">
+					<div class="flex items-center gap-1">
+						<ButtonLink
+							v-tooltip="'View version'"
+							type="outlined"
+							target="_blank"
+							:href="getVersionPageHref(item.project, selectedFile.version_id)"
+						>
+							<VersionIcon aria-hidden="true" />
+							{{ selectedFile.version_number }}
+						</ButtonLink>
+					</div>
+					<TechRevFileActions :file="selectedFile" />
+				</div>
 			</div>
 		</div>
 
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
index dfc5c0b314..2a5fde90a1 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevClassItem.vue
@@ -114,7 +114,7 @@ function createSlicerLink(url: string, group: ClassGroup | undefined) {
 			class="flex cursor-pointer items-center justify-between rounded-xl px-2 py-1 transition-colors duration-200 hover:bg-surface-3"
 			@click="emit('toggle')"
 		>
-			<div class="my-auto flex items-center gap-2">
+			<div class="flex grow items-center gap-2">
 				<IconButton
 					type="quiet"
 					label="Toggle details"
@@ -126,7 +126,7 @@ function createSlicerLink(url: string, group: ClassGroup | undefined) {
 
 				<span
 					v-tooltip="pathTooltip"
-					class="font-mono text-xs font-semibold"
+					class="font-mono text-sm font-semibold"
 					:class="{ 'opacity-50': allFlagsMarked }"
 				>
 					{{ truncatedPath }}
@@ -134,28 +134,30 @@ function createSlicerLink(url: string, group: ClassGroup | undefined) {
 
 				<TechRevFlagBadges :details="flagDetails" />
 
-				<ButtonLink
-					v-tooltip="'Open file in slicer'"
-					type="outlined"
-					:href="createSlicerLink(file.download_url, classItem)"
-					:target="file.file_id"
-					circular
-					icon-only
-					@click="$event.stopPropagation()"
-				>
-					<ExternalIcon />
-				</ButtonLink>
-				<Transition name="fade">
-					<div
-						v-if="isLoadingSource"
-						class="rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1"
+				<div class="ml-auto flex items-center gap-2">
+					<Transition name="fade">
+						<div
+							v-if="isLoadingSource"
+							class="rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1"
+						>
+							<span class="flex items-center gap-1.5 text-sm font-medium text-secondary">
+								<LoaderCircleIcon class="size-4 animate-spin" />
+								Loading source...
+							</span>
+						</div>
+					</Transition>
+					<ButtonLink
+						v-tooltip="'Open file in slicer'"
+						type="outlined"
+						:href="createSlicerLink(file.download_url, classItem)"
+						:target="file.file_id"
+						circular
+						icon-only
+						@click="$event.stopPropagation()"
 					>
-						<span class="flex items-center gap-1.5 text-sm font-medium text-secondary">
-							<LoaderCircleIcon class="size-4 animate-spin" />
-							Loading source...
-						</span>
-					</div>
-				</Transition>
+						<ExternalIcon />
+					</ButtonLink>
+				</div>
 			</div>
 		</div>
 
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 40fbfcb214..362b1eb157 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -1,10 +1,15 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
 import { ChevronRightIcon } from '@modrinth/assets'
-import { injectNotificationManager, Toggle } from '@modrinth/ui'
+import { CopyCode, injectNotificationManager, Toggle } from '@modrinth/ui'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 
-import { canUpdateGlobalDetail, getFileDetailCount, verdictToDecision } from './helpers'
+import {
+	canUpdateGlobalDetail,
+	getFileDetailCount,
+	getVersionPageHref,
+	verdictToDecision,
+} from './helpers'
 import TechRevClassItem from './TechRevClassItem.vue'
 import TechRevVerdictButtons from './TechRevVerdictButtons.vue'
 import type {
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
index 29e2062232..13b69c80d5 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
@@ -53,22 +53,18 @@ function viewFlags() {
 			>
 				<VersionIcon aria-hidden="true" />
 			</ButtonLink>
-			<div class="flex flex-col" :class="{ 'opacity-50': allFlagsMarked }">
-				<span
-					v-tooltip="file.file_name"
-					class="py-2 font-medium text-contrast"
-					:aria-label="`View flags for ${file.file_name}`"
-					tabindex="0"
-					:class="{ 'cursor-pointer hover:underline': hasFlags }"
-					@click="viewFlags"
-				>
-					{{ truncatedFileName }}
-				</span>
-				<span class="-mt-1.5 text-xs text-secondary">
-					Version {{ versionLabel }} / {{ file.version_id }}
-				</span>
+			<div
+				v-tooltip="file.file_name === truncatedFileName ? undefined : file.file_name"
+				class="group flex h-9 cursor-pointer flex-col justify-center rounded-sm font-medium text-contrast hover:underline"
+				:class="{ 'opacity-50': allFlagsMarked }"
+				@click="viewFlags"
+			>
+				{{ truncatedFileName }}
 			</div>
-			<div class="rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1">
+			<div
+				class="rounded-full border border-solid border-surface-5 bg-surface-3 px-2.5 py-1"
+				:class="{ 'opacity-50': allFlagsMarked }"
+			>
 				<span class="text-sm font-medium text-secondary">{{ fileSizeLabel }}</span>
 			</div>
 			<TechRevFlagBadges v-if="hasFlags" :details="details" />

From 3b40bbcc394a29d293b215e1bd769eec151b08a5 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sun, 30 Aug 2026 20:12:08 -0700
Subject: [PATCH 08/12] prepr

---
 .../components/ui/moderation/ModerationTechRevCard.vue   | 4 ++--
 .../ui/moderation/tech-review/TechRevFileDetailTab.vue   | 9 ++-------
 .../ui/moderation/tech-review/TechRevFileItem.vue        | 3 +--
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
index f7ba2a85f5..2748467d0c 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { CheckIcon, CodeIcon, ExternalIcon, VersionIcon, TimerIcon } from '@modrinth/assets'
+import { CheckIcon, CodeIcon, ExternalIcon, TimerIcon, VersionIcon } from '@modrinth/assets'
 import {
 	Avatar,
 	ButtonLink,
@@ -15,8 +15,8 @@ import { computed, provide, ref, watch } from 'vue'
 import type { UnsafeFile } from '~/components/ui/moderation/MaliciousSummaryModal.vue'
 import {
 	getHighestSeverity,
-	getVersionPageHref,
 	getSeverityBadgeColor,
+	getVersionPageHref,
 } from '~/components/ui/moderation/tech-review/helpers'
 import TechRevFileActions from '~/components/ui/moderation/tech-review/TechRevFileActions.vue'
 import TechRevFileDetailTab from '~/components/ui/moderation/tech-review/TechRevFileDetailTab.vue'
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 362b1eb157..40fbfcb214 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileDetailTab.vue
@@ -1,15 +1,10 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
 import { ChevronRightIcon } from '@modrinth/assets'
-import { CopyCode, injectNotificationManager, Toggle } from '@modrinth/ui'
+import { injectNotificationManager, Toggle } from '@modrinth/ui'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 
-import {
-	canUpdateGlobalDetail,
-	getFileDetailCount,
-	getVersionPageHref,
-	verdictToDecision,
-} from './helpers'
+import { canUpdateGlobalDetail, getFileDetailCount, verdictToDecision } from './helpers'
 import TechRevClassItem from './TechRevClassItem.vue'
 import TechRevVerdictButtons from './TechRevVerdictButtons.vue'
 import type {
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
index 13b69c80d5..199ce12afb 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileItem.vue
@@ -3,7 +3,7 @@ import { RightArrowIcon, VersionIcon } from '@modrinth/assets'
 import { Button, ButtonLink, useFormatBytes } from '@modrinth/ui'
 import { computed } from 'vue'
 
-import { getFileDetailCount, getVersionLabel, getVersionPageHref, truncateMiddle } from './helpers'
+import { getFileDetailCount, getVersionPageHref, truncateMiddle } from './helpers'
 import TechRevFileActions from './TechRevFileActions.vue'
 import TechRevFlagBadges from './TechRevFlagBadges.vue'
 import type { FlattenedFileReport, TechRevProjectRef } from './types'
@@ -28,7 +28,6 @@ const allFlagsMarked = computed(
 )
 
 const truncatedFileName = computed(() => truncateMiddle(props.file.file_name, 50))
-const versionLabel = computed(() => getVersionLabel(props.file))
 const versionHref = computed(() => getVersionPageHref(props.project, props.file.version_id))
 const fileSizeLabel = computed(() => formatBytes(props.file.file_size))
 

From 67f101f1c4a89b42b7d8280036b9baff432c128b Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 31 Aug 2026 05:06:10 -0700
Subject: [PATCH 09/12] remove duplicate key

---
 apps/frontend/src/locales/de-CH/index.json       |   6 ------
 apps/frontend/src/locales/de-DE/index.json       |   6 ------
 apps/frontend/src/locales/en-US/index.json       |   6 ------
 apps/frontend/src/locales/es-419/index.json      |   6 ------
 apps/frontend/src/locales/es-ES/index.json       |   6 ------
 apps/frontend/src/locales/fr-FR/index.json       |   6 ------
 apps/frontend/src/locales/it-IT/index.json       |   6 ------
 apps/frontend/src/locales/nl-NL/index.json       |   6 ------
 apps/frontend/src/locales/pt-BR/index.json       |   6 ------
 apps/frontend/src/locales/ru-RU/index.json       |   6 ------
 apps/frontend/src/locales/sv-SE/index.json       |   6 ------
 apps/frontend/src/locales/tr-TR/index.json       |   6 ------
 apps/frontend/src/locales/uk-UA/index.json       |   6 ------
 apps/frontend/src/locales/zh-CN/index.json       |   6 ------
 apps/frontend/src/locales/zh-TW/index.json       |   6 ------
 apps/frontend/src/pages/[type]/[project].vue     |   8 --------
 .../bin/main/com/modrinth/theseus/JavaInfo.class | Bin 0 -> 1532 bytes
 .../com/modrinth/theseus/MinecraftLaunch.class   | Bin 0 -> 6306 bytes
 .../com/modrinth/theseus/agent/InsnPattern.class | Bin 0 -> 2794 bytes
 .../theseus/agent/QuickPlayServerVersion.class   | Bin 0 -> 1445 bytes
 .../modrinth/theseus/agent/TheseusAgent.class    | Bin 0 -> 1114 bytes
 .../transformers/ClassNodeTransformer.class      | Bin 0 -> 1029 bytes
 .../agent/transformers/ClassTransformer.class    | Bin 0 -> 741 bytes
 .../transformers/MinecraftTransformer.class      | Bin 0 -> 3817 bytes
 .../com/modrinth/theseus/rpc/RpcHandlers.class   | Bin 0 -> 4668 bytes
 .../theseus/rpc/RpcMethodException.class         | Bin 0 -> 467 bytes
 .../theseus/rpc/TheseusRpc$ResponseWaiter.class  | Bin 0 -> 1041 bytes
 .../theseus/rpc/TheseusRpc$RpcMessage.class      | Bin 0 -> 1270 bytes
 .../com/modrinth/theseus/rpc/TheseusRpc.class    | Bin 0 -> 9518 bytes
 29 files changed, 98 deletions(-)
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/JavaInfo.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/MinecraftLaunch.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/agent/InsnPattern.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/agent/QuickPlayServerVersion.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/agent/TheseusAgent.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/ClassNodeTransformer.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/ClassTransformer.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/MinecraftTransformer.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/RpcHandlers.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/RpcMethodException.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc$ResponseWaiter.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc$RpcMessage.class
 create mode 100644 packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc.class

diff --git a/apps/frontend/src/locales/de-CH/index.json b/apps/frontend/src/locales/de-CH/index.json
index 0f03f6c968..27be807d53 100644
--- a/apps/frontend/src/locales/de-CH/index.json
+++ b/apps/frontend/src/locales/de-CH/index.json
@@ -3443,12 +3443,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Zurück zu allen Projekten"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Zurück zur Projektseite"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Entpacktes Modpack prüfen"
   },
diff --git a/apps/frontend/src/locales/de-DE/index.json b/apps/frontend/src/locales/de-DE/index.json
index 6effcf80be..8156327126 100644
--- a/apps/frontend/src/locales/de-DE/index.json
+++ b/apps/frontend/src/locales/de-DE/index.json
@@ -3443,12 +3443,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Zurück zu allen Projekten"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Zurück zur Projektseite"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Entpacktes Modpack prüfen"
   },
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index b55ccfdf5d..ec8d6e9bd5 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -3512,12 +3512,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Back to all projects"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Back to project page"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Check modpack unzip"
   },
diff --git a/apps/frontend/src/locales/es-419/index.json b/apps/frontend/src/locales/es-419/index.json
index 194bc96123..583ab7685a 100644
--- a/apps/frontend/src/locales/es-419/index.json
+++ b/apps/frontend/src/locales/es-419/index.json
@@ -3443,12 +3443,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Volver a todos los proyectos"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Volver a la página del proyecto"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Comprueba el descomprimido del Modpack"
   },
diff --git a/apps/frontend/src/locales/es-ES/index.json b/apps/frontend/src/locales/es-ES/index.json
index 5425a5dfe4..593feaf7bb 100644
--- a/apps/frontend/src/locales/es-ES/index.json
+++ b/apps/frontend/src/locales/es-ES/index.json
@@ -3434,12 +3434,6 @@
   "project-type.shader.singular": {
     "message": "Sombreador"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Volver a todos los proyectos"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Volver a la página del proyecto"
-  },
   "project.actions.checking-modpack-archives": {
     "message": "Comprobando..."
   },
diff --git a/apps/frontend/src/locales/fr-FR/index.json b/apps/frontend/src/locales/fr-FR/index.json
index 479eb460ad..cd813e7afa 100644
--- a/apps/frontend/src/locales/fr-FR/index.json
+++ b/apps/frontend/src/locales/fr-FR/index.json
@@ -3443,12 +3443,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Retour à tous les projets"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Retour à la page du projet"
-  },
   "project.actions.create-server": {
     "message": "Créer un serveur"
   },
diff --git a/apps/frontend/src/locales/it-IT/index.json b/apps/frontend/src/locales/it-IT/index.json
index 69b585c535..235a366e36 100644
--- a/apps/frontend/src/locales/it-IT/index.json
+++ b/apps/frontend/src/locales/it-IT/index.json
@@ -3434,12 +3434,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Torna a tutti i progetti"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Torna alla pagina del progetto"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Controlla il pacchetto"
   },
diff --git a/apps/frontend/src/locales/nl-NL/index.json b/apps/frontend/src/locales/nl-NL/index.json
index 334a5465fc..011aa1e4da 100644
--- a/apps/frontend/src/locales/nl-NL/index.json
+++ b/apps/frontend/src/locales/nl-NL/index.json
@@ -3440,12 +3440,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Terug naar alle projecten"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Terug naar project pagina"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Uitpakken van modpack controleren"
   },
diff --git a/apps/frontend/src/locales/pt-BR/index.json b/apps/frontend/src/locales/pt-BR/index.json
index 9aa7c48301..d1a02d15f7 100644
--- a/apps/frontend/src/locales/pt-BR/index.json
+++ b/apps/frontend/src/locales/pt-BR/index.json
@@ -3443,12 +3443,6 @@
   "project-type.shader.singular": {
     "message": "Sombreador"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Voltar aos projetos"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Voltar à página do projeto"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Verificar arquivo do pacote de mods"
   },
diff --git a/apps/frontend/src/locales/ru-RU/index.json b/apps/frontend/src/locales/ru-RU/index.json
index fe9c8c96cb..40d4999a13 100644
--- a/apps/frontend/src/locales/ru-RU/index.json
+++ b/apps/frontend/src/locales/ru-RU/index.json
@@ -3434,12 +3434,6 @@
   "project-type.shader.singular": {
     "message": "Шейдер"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Вернуться ко всем проектам"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Вернуться на страницу проекта"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Проверить распаковку сборки"
   },
diff --git a/apps/frontend/src/locales/sv-SE/index.json b/apps/frontend/src/locales/sv-SE/index.json
index 149f8fd755..9528eac19c 100644
--- a/apps/frontend/src/locales/sv-SE/index.json
+++ b/apps/frontend/src/locales/sv-SE/index.json
@@ -3113,12 +3113,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Tillbaka till alla projekt"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Tillbaka till projektsidan"
-  },
   "project.actions.create-server": {
     "message": "Skapa en server"
   },
diff --git a/apps/frontend/src/locales/tr-TR/index.json b/apps/frontend/src/locales/tr-TR/index.json
index 50cd9bac2e..246c3ddc7c 100644
--- a/apps/frontend/src/locales/tr-TR/index.json
+++ b/apps/frontend/src/locales/tr-TR/index.json
@@ -3434,12 +3434,6 @@
   "project-type.shader.singular": {
     "message": "Shader"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Tüm projelere geri dön"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Proje sayfasına geri dön"
-  },
   "project.actions.checking-modpack-archives": {
     "message": "Kontrol ediliyor..."
   },
diff --git a/apps/frontend/src/locales/uk-UA/index.json b/apps/frontend/src/locales/uk-UA/index.json
index 408c0b7075..b115b41de9 100644
--- a/apps/frontend/src/locales/uk-UA/index.json
+++ b/apps/frontend/src/locales/uk-UA/index.json
@@ -3440,12 +3440,6 @@
   "project-type.shader.singular": {
     "message": "Шейдер"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "Назад до всіх проєктів"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "Назад до сторінки проєкту"
-  },
   "project.actions.check-modpack-archives": {
     "message": "Перевірити розпакування збірки"
   },
diff --git a/apps/frontend/src/locales/zh-CN/index.json b/apps/frontend/src/locales/zh-CN/index.json
index 77fffff085..e7989fd5c4 100644
--- a/apps/frontend/src/locales/zh-CN/index.json
+++ b/apps/frontend/src/locales/zh-CN/index.json
@@ -3443,12 +3443,6 @@
   "project-type.shader.singular": {
     "message": "光影包"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "回到全部项目列表"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "回到项目页"
-  },
   "project.actions.check-modpack-archives": {
     "message": "检查整合包解压"
   },
diff --git a/apps/frontend/src/locales/zh-TW/index.json b/apps/frontend/src/locales/zh-TW/index.json
index 984d673a02..c33294eb04 100644
--- a/apps/frontend/src/locales/zh-TW/index.json
+++ b/apps/frontend/src/locales/zh-TW/index.json
@@ -3443,12 +3443,6 @@
   "project-type.shader.singular": {
     "message": "光影包"
   },
-  "project.actions.back-to-all-projects": {
-    "message": "回到所有專案"
-  },
-  "project.actions.back-to-project-page": {
-    "message": "回到專案頁面"
-  },
   "project.actions.check-modpack-archives": {
     "message": "檢查模組包解壓縮"
   },
diff --git a/apps/frontend/src/pages/[type]/[project].vue b/apps/frontend/src/pages/[type]/[project].vue
index e7956f8963..6676ffe757 100644
--- a/apps/frontend/src/pages/[type]/[project].vue
+++ b/apps/frontend/src/pages/[type]/[project].vue
@@ -844,14 +844,6 @@ const messages = defineMessages({
 		id: 'project.actions.project-page',
 		defaultMessage: 'Project page',
 	},
-	backToProjectPage: {
-		id: 'project.actions.back-to-project-page',
-		defaultMessage: 'Back to project page',
-	},
-	backToAllProjects: {
-		id: 'project.actions.back-to-all-projects',
-		defaultMessage: 'Back to all projects',
-	},
 	reviewProject: {
 		id: 'project.actions.review-project',
 		defaultMessage: 'Review project',
diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/JavaInfo.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/JavaInfo.class
new file mode 100644
index 0000000000000000000000000000000000000000..648d07c0d2c3a204f0fb19c2d98aa83e4b1914b7
GIT binary patch
literal 1532
zcmaJ>(Q?~F6g?ZslA|h3aO)Nml9rMdI|K^?loGq4sp}A@4$ah=Fc}`0jkCn6WvxeA
zXUIDr!7ERFrp!R6GxU)MexQHBClKyR9&oUy50-YX&)$2^xp(#F-!EPQxQnKZDTal%
z?0G$T6#1d*c&Z~}F^Iiwe!?5!chZK*F!zLZUckd+@6q8C(N+w(+E%^xu>RoN-N%o1
z>yP&u^%ldWZ<_xhTZ%FsR~WL@cHoD;T4ykdrF{moCXa-T3+EE2@GNE+Y#En%)b3<4
z%i!va<r5Lbz6__q@P>;FEQZ;pABwLAy+aZ0@xwq6r>1Q4V4p|6-VcLTHL2~uz!evl
zk)`^o<Hrowny*z(%*`J6LxwBG3A#%A4&KJ1jfL|vPGco{F0SD^!-Zp^b|cvrkve6#
zRUCJxG#;9!v^QM5izV_)4#?|#3i745tD8hl3Er#ZsE4;)yoVyg)gJGPnhe`qeeJ6b
ztzyMPMI!G^C^}wq0u2YtSh4Xwbv5bf`RXn{K$$w#*MtJ{C_kZ2YSD)-KEf)QDZckf
zj9F|XGr*%`qUS_H4WdvF1Osc3;;ta8a^n<fj{5&vInz?S-QD5+q{+4(2d5<mQCn>K
zdJ<-~hvQq;+^IqLrBtzscz;Kzjy#GTe1Q!c_ZXHEb;)e|;fd@DFP+5H%}w4`GCI{Z
z-)H!7ROAqyCfwrTQ6S=_rj*@5zcNmLBy#TH-f3S<fR7GbdgUskJsPH{@gQjVN>pYo
ztY=Xt``BGZccu}BBB}*Ejzw%^i{a*&%1OL!Y%?sr9?D>)BB`rXkA{%pEqx<tWgrWi
zehkyJTZKtaAeZ?a&ViA0TL)(DV(S;o{Y=p*=mE9}3&LGWB03k{(BXNH-umCn@^8rh
z|A>(saZ>=U;!Ofhqd-*B;(rktn_?SA^%>?4)-o?|o5uQ6lnR-J)t!~+m|wFB)*rb1
z4DYNItQWWm{EE_3WX$Rh23yFRKb^gre-2L<HWIGOaA-~6Oe&P8^*mf$#|+B2NM6k1
zV~SUa);-do^(-g)Hz=;XnWBmN1fLSUJQi^qpHXC<Xy2igh0h65fq8~GST@#3IHMPE
sMip!wu;C;jdg~~4VH7q+6e~%QDt*_HSXd*_18maHq1BgY;2{eC0QpyGYXATM

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/MinecraftLaunch.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/MinecraftLaunch.class
new file mode 100644
index 0000000000000000000000000000000000000000..d1bb51beeeb7a09439dff83a34c2de95612fc46d
GIT binary patch
literal 6306
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

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/InsnPattern.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/InsnPattern.class
new file mode 100644
index 0000000000000000000000000000000000000000..7175d018dac2167e47b66718bd7d0ac1450cdb72
GIT binary patch
literal 2794
zcmbVOO>@&$6g|(eBjSj}F(E)mfzkjrP7t9jrI_&LkmA-!XiaGw`X$>hj))_<l1yRW
zO@BgJv17x6MTZ$!Fm&7DH}r>en6~Fh%EYPdj_JaB(tY=yd+x`(&%gim`~`q{G&IBn
zj#r&cW7Da*mhG<_{<`#J%QMWnw0)y!d-e^}_oZuVhzq3dn0HO1VcK<LrE*7BeGP*G
zQ-QSQTMc8aWmkR6v5gz9tXWmlmjc6UmR-AI*UB4KQ(z%e+Ey=Fo?j%o={s)zcBwxm
z`RuB|P}!>6rr&bu!082fq2#!A!wH!FC@Y5PZ5qBSrE#U=`L0>@ReZ}%P3AAYnfG{s
zM#I>RQ4J#k6Wt@yk;0fj+?Mxzf$>Z>jJz#<c@296PV~t#i8S`=n7}^9Uzh$$vq~BQ
z1DR}b7y<`$OyVFN`qHDry-`}){bg4b>$h|q!eIez-Sn0Na)e+~M@yD1ms^_^>E1Le
z4ML|&PStGOGF?l3N5WlJR5F46y^2ZjX4p6a*}f|)phs3kyC&}mh$6$WSS6zLT}&2a
zC++*qE$W3HeBY!~1a_Bwv%0ZlHlu_LI#DHZnPRrzE>80do>mn*C6HLNWTPff$P~Lo
zd6WF}ed8wa9?oibpIPYaD+Q(F1Ds<J?4SkdRb8ve)A#TGEc=`X^?aIbbzYIo3(S+;
z_W6$#`liK}4T4k*RNr*xMmHlqHQI@#JG~0*YM7gqnmK)1V76=0x}S5^<y)q60++gl
z)P-6vFb&rPraMCk^cPi4w<gRG7Vwdd>$t>*t}*RNe2kKYPj(E|FsVA0)G;2EKeWt-
zx0N`B#A)4&-41U|W3ueD+^Sr()G<ye<7kkdQZ*E~-ImpGmgn2fM&}%VvlEiK>Nvid
zvCSpvuRAp_iO=zchFbzhw|mI4?>ZaOC<UdYqPfPI?6~)Je2K4kacpjj1YWg|v&b?8
zzi!&KhV-UOj<eBfMqva~FKW`ZP<I#x2kU=rhA!J(bpp4K`)IddHX3D4&-~~hZl-Wh
zP3>=VT*eg&z809t^eS)1jg?(Z;kyW;s^cmOgs4!)8CtY$=@uHM=Sfe)y1=oHoOjEd
zhC2d>{#%u88K#-{K5riW5}acR{0t4d5W^6^Vn||`>mPiJbG?>(@c@bV<AM1{m^=9l
zy1+}MmuH`1JoXTSk1&;+Iy3tW`(yY8BR|E&RPM#Y(16-g0uTOvHSm}~aU9|EQ~*9o
zrztv3)8!uM80WpX7jN@<7W;4x2XLP90;VVfPKHEq6z}khlrW8BBtL`;IF1t}IzdSW
zS%!3y`#SfO)=}iR&hR&eg!Y>MfnH;rPAC2hjAu!Peah`QuF6E4d=3M6!q-^9b}$eh
z30Q=v8fNJc^gV|&k@*U>2PoT}dy03LCTE`G!*-A)w?Tpll2+jy36&!tnlX%dLM2#(
zi@1bXDyf<(0x!^7*^dx>eDWc*_#?!FgbwteI1;3S{Ya|>V)|u4K(<%}Xc0~o_V7#y
zn4I|y3oP-#<C&LOSkBG<ip8fWs*;5s(t-MMj56>sCV7HMR&h)OybcH6R0)Q#j1}4_
tzj4GyIV*94?=gJJJ+*#@a%8tkz1#Q}-$T8bs6k?ldr6Y4!@>p*`~z>v=uiLv

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/QuickPlayServerVersion.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/QuickPlayServerVersion.class
new file mode 100644
index 0000000000000000000000000000000000000000..15ec8158971294c1e9c3cb5863a3b65a9e57511d
GIT binary patch
literal 1445
zcmbVMZBr6a6n?I}EZ~|(X})Dvrho>KFTFsf(dJNy<N`B{GdU~Xa1C~CS)AdQ^fwAW
z$kgQYxgXVZ?usKb*$3SZd+&4ioO7S^oOAZ~pYJCCUSL&14@10c)?zht*U}ApFJ|xY
zI&aitT7?^S?0rKof67(0rpm2DZWXyz*G)r$o8j8NcBsXwno)@<Mx(|cy(*+L`E-_H
zK6B}i2@2Tp-_9s&tEm!$FP(j>r1HvZhTcL}E#z_=n+}pvh0RSRo2PRnTUeheu4W2~
z%CN9?rHg&Za#c5Udzrx%3KtpNDRY<m;0b^sDB}ihGI*06lc7-NJag41)hdZ}xacR_
zAsHTceUJngks%4-6JT71PXNCFcVzhC6}!7KdLjF8pCNo!fhd)MTZUGRem)aFTJKgr
zfCre7FwHQ~MWk7`c}+$LVN#{S?VM#EaLaBoOkY4a{BI5-*;yHLcu1u@)T#}>@sVNe
zLg&kuS7aNL5rCJWKcgEw+o<huE3fTTIf<Mx%UZRlS-QZ^VE`@!sTB5}UMKY(LbO>5
zg|AX%q1h7|Pw|YwuUVGXESm?UO{6=$jh%g7wiD?tZO)FUz=BXh=#ykv>~>34wR%0#
z<<x14ZjHr+P>TmtvtgC_8(kzlcJXjUMNx^Rs#grnZdhcgbOjfYl2>T+<-|&yYT%;5
z_pXeHJ_Tr{7IjwYPG_aYB#RMIC}3bzv?pOVb#EW8k$*p-FNDRj{R6BN9B>`u`Vj^l
zaLet0VF!$Q95Cj9+g=AuNI%KR)xw}!a<?$7mOL$tsU>d<6Y3ErgZJ8)Y9n%l=r_8e
z2ao7IK{P>>`-s#i?PrLNO4PQ9<_B8ij-{}sQSFe7Q>r3aDKa~LjK}A}yksCU5>B$S
zmoV>S?Z*NZJMK$#op2v&VY2kj6*(y-1@U#)SQ|@oU+K#!wbN+y6Ln5NgG~d}i4h?i
baaSP7B5geX1@?cx9{L@Nn9F$StSf&3x{p@!

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/TheseusAgent.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/TheseusAgent.class
new file mode 100644
index 0000000000000000000000000000000000000000..66a10f38aeea13f1034c8671e1e8c60695ac6785
GIT binary patch
literal 1114
zcma)5-%k@k5T0#;YmX{W!QberC_SPyJosXfgkKVqQWGgn<i%|7rtOit-DY=>XpDc9
z@d2ZWzWYZR=dP7Ds0o+c?al1YH{Z;B`}5b=?*Q-|JO^?NmVFghV-@I7+FsT6&|qS!
zqKnd2n*(bzH5`~=FncUcL^Tq!TYc3&M&B}+-r3zc+<UvZx7%nkU`GrJ>wXl<&~7lu
zSG*R3iER~N0j3#T`IBfhz;@EjfL*u*GY(v4FgHTqQYu0rOE3#_4BRf-p@+djr9L`$
zV2O9P<{cG*&`U50Qw(P6p~OZKw^27mJ3<EKy7EQT5;{!np>t|IW9dR3u9x5{6o{$q
zg@%DwzhF~p44l5kScH;6?H|O(sD{#5oy2KhU!MI68!B1zS`OSH-lMv9wN|<SoUzuS
z)M!+6f&nL1{V>X6cwZ|jB{t8vTckPh7;R4lTm(T=3u!t^$EYjYkuc^(NHvd~9uFm_
zL38`QkNg}L9vUu{<)Yt@LO<;mC#dYW(A|u_;g!m|R9W~2kCX^dKjtHkpXO|c82@r^
zAr0#_2H2qi1>@UPjU_ozGj>$k&GEeqZ%0_+@h2Pn!$)sWuq8fd2Sun3F(l^rj;3J@
z!SFaSmbZ}$-brMJEFvo0qV5PET^APNemeCB|4|g_);&;(_AzZAiF5oitfrG9?KjZa
zeN2UB9H@|RE~uNOHCQ9T=II_XxS6V!{_;=&hh7FnvOHSTr&xBsK<P7-Kar7xdHPOe
zTMMv|c~S@x?=Y-NYZ^GYathbZhs<XorNIHXL7533Zo%zg@CtFrk<a}Gi*L$zPvPE=
XEX644)3c;GSjzSu!XsKI2x0j*Iw2|e

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/ClassNodeTransformer.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/ClassNodeTransformer.class
new file mode 100644
index 0000000000000000000000000000000000000000..477fa25d805056a1f58e731f861ab687e662b686
GIT binary patch
literal 1029
zcmb7D-EI<55dMZ;SXgN*s4cBl`d>hCZ%wF8OcN6m<ia*I_U^D8%T{2Uvj_VOzJkxt
z8*gZ$i4Wj28RMJ<ZG+UNImyh<nK|Fgd^7vw*Vpd=UZCV4LD=!bp4SW8D(LHur#mu|
zgUA!dvada@L_c~Ts-9Glx7QU>)Ck-1;PTdiO?ZAQge$KJshyx7=v{(UDmMxC9>cq^
zkjWy66k)C&^krkvYe{t=T3t!V*F#@)n?eP~9$(tJ6GVjF`mHLN=%q%;{B4-9S*nNX
z*b7@H(${CQ<%y`rgh+WwM6G;8csVUD=IX5!ZK-NgU}E>73N*XRM-K9Ym79{e$RXq6
z0Tvw06PEvtzmhbI0v4HG;rsGb6E?0bvKd5y4pr@Sx#@!NFpF8tnOw^T<1u0V#;0a-
zDHS(MC|=j@m<<j+iyQw>=$ILvhyQ2i2y0V-C&odT+1JAV@J5`D7sK5T2g;YP0<$`c
zF+meke|9213VW4XxA><3OERm+(qYSEO{|lZ3#7mBM*=QO;|2%ZVVNBTu$}>I+tA0i
zIo5aCV?aJJsLi_g4Y_w0xYu}6wT8G~sSdI98A<EB`gDj#_Bn@GG5iuIFu-YsoaHmm
wkOeam<l~f;5!@)H0p_z3mr=wj*0{(t7O;*D#@l3n8uSwdhY<){Y$ve&8<9{AKL7v#

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/ClassTransformer.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/ClassTransformer.class
new file mode 100644
index 0000000000000000000000000000000000000000..4d271e095e61b8763c4cce755802dfa1d8eb80aa
GIT binary patch
literal 741
zcmbVKOKVd>6#h=`O>YyE_8P74M-_y&3kO_@RY3xR5L>XNg1gDhF`1fsr_4<1&i~@R
z8$l3U_yhb=)-y@f*4B-ibLPCh^Z4fbkFVbVJi&5?8sTAKOI6x|GgTO=Fk;UWuk?_s
zpn}tte`{UI&a3WNd%yk1lOZMKyLw-%v95+{v%kwlAj~~Bl?hJ?$;#>uA??}$H<6&x
zLLGC2#h$5nV^a3nZR`G+37wuT^ms=*6YV2s8b-zw9`*irzI8(5_X31xD?RIm%1)<z
z&wZtRIos(K>jAs<e}!K=6C}L)hS08<2YxH);@wNVN4R$uW^l|i;0@Va>KeF!r3@Dd
z%cmzencc!ATqb1ua&TiS0=-Cp!@~^M2v<*6Z|)V+L(bGFB0I4m;qDomoNObfY5&^d
z=-kaMJ8=a+H<6H~zq!62X-@AzNR_Vxkrc@knTe%Dlj!=|7tDW>M-5GpF$~P(oXFNJ
zL3A7O-z;Ep>dkRpA`zr3RWUzb`;1QK%7^^HN7U1U<UoAMF}&6>yd2kYL*h55IkX@E
Jx8zyF?VpK?zcT;;

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/MinecraftTransformer.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/agent/transformers/MinecraftTransformer.class
new file mode 100644
index 0000000000000000000000000000000000000000..81ee25fcd45d14b1515f15561861c4dab81d2d26
GIT binary patch
literal 3817
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
CZw&YV

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/RpcHandlers.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/RpcHandlers.class
new file mode 100644
index 0000000000000000000000000000000000000000..c6b1ab59c25e62b6de13ed9568cbdba6b2994534
GIT binary patch
literal 4668
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

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/RpcMethodException.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/RpcMethodException.class
new file mode 100644
index 0000000000000000000000000000000000000000..434e0f70e06b1d81e6fcf5364d29e5787516d5fb
GIT binary patch
literal 467
zcmb7AK~BOz6n#?*B?SagAR%ttsYH7KlnrX4sV+d-4`tGhX{V$!H6Fz~7#FTgTzCNQ
z;uVaaYIMQM&HwY>y#M~2dH;NU18|J41B;;_q=}cL^Gqrec_tEC<l4&?fj3?Rm%>Ep
z{PaE$3nNqIz-H*(@;mOuT!r2^S4Jk{_nx7tMJ9PX6`3ae&G`ufyI`n~Ql$-7X3FDS
zlzLAOq5bi=%}_p)N}3@<d)NQ-oft|J4)&%D_9&eT7i(Cr!9|s!;Y%g1@?<8mYd(tw
zL(5MCTFGfK;UCgAk<<(a{y&~KU~m$lH4h8dl{^gYB+auxoXO?h?&=2}E@!X<Mu9=K
zhZ4%v9YPi=bRrK_sn&=Y5@%5_@AqF&e=al)s&2tLG+RNFaOYcv4YUZ69-G)IyxN2;
GbiM#y6?8WM

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc$ResponseWaiter.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc$ResponseWaiter.class
new file mode 100644
index 0000000000000000000000000000000000000000..d9d5a31e691b609b3d80507c26ecae399680f82a
GIT binary patch
literal 1041
zcmbVLU2hUm5Iq;x@*x&VTl}_au~HhniSb22UPu~ENKM)e#>ZuQyKG(V#e46X__G=%
zO*HWb_@j)oEJcYAqAz#n%*>fNnVJ3m<I6VyFVM&#!|=pcBR*2cI+S+E?NAsI8?MJb
zcT@Xt?AH&487pbT8!xm%=io3@PQ4Evk31Rh*Mn2xTL#B|91Di+UQ#kpDu@IRjFMc7
zlZZ07OL14d6SBonI0^&l*;o^!@pnesbz2>xt(?RcoT-4=h7tFb^kc1sw7jcE<49O<
z5Q+V1CUGA1mP?)YXooVi9fqAHgtd1240}r?rqz>dr>l-d5m~I2P(qa<+t}^rut5!%
z6I#SN)(T*_T0#NE#JXO>C9E)%d!ZBu@n|5ln+$=W+Ecz4^*tRXc;<BMFf<HLr-T2u
z?bASOizSn-roEp1N4<-w7mrk|eX$=VqRYRI?{P8{x{<c~Jl*4OH`nU?>0&6ol2Yhy
z<QXGO4iD%gmpF2U)x|Ss$R7w}Un*m9mqwhWzb1o9GG{`$DasS34b1UnvOr6{LYZmC
zD$3+}PwWhRH=F0EG{0i~?Kw6ls5SQ{xOPT?EN;+Sg+uQrde4aV85@}3CV6Tp8Mkno
m5S5vUxU&%3n#b}a!y(a$;CnM6_pwblk;+iV4p|SU@%m3*85ZCG

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc$RpcMessage.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc$RpcMessage.class
new file mode 100644
index 0000000000000000000000000000000000000000..bfd8bfda4dfaf096167d95e7702f079269752f9d
GIT binary patch
literal 1270
zcma))TTc@~6vzKl3Wd7T3Zkf7Dy7;k$b#sTmlu?XshG&+L7$d((k|KVlAWz@#;;)F
z-FP?Neet2u_}~ZdLmB_GZLEp`9(K;zIp@s$=6}wQpWnU%ID?Z3!~~{Fe$A@+<-qa6
zsufnHl67ST8zpPG>0j9>jq|%Cm9i@`fw(|=-M(&HuI*K<%WLbh6bi(gGWUy7pdLD|
zwX(8s?vy}RO@>vUvA$+3Dq0G8TZPfM9aNOS$hD%TsQ7-xl~zUho^_GSc~{n?7c#Fq
zkZQyCloS}=Cbd%rfgcDMj+*y_CFzxUm4LWPmeY>sgl7e2^P6F|MkuTjcFr%$Bs#Fy
zKpF!A9r?m)68mu=fkA=Zzu#`)APxy61KTV6HLV6U$QS-qs0VzKflhR3Z`42n-P${B
zpa)6qWex0tp}m}e-OcDx1HDKIq>7Fw7wfe(87$jtF6HSf`X$?4wF5{0w>INp)uGJO
zk#sxnHHDvUDb;T2mhx+va+^!q<I?K9&Py)&^`Io@9gUr858IT^X8#sEPX=?Yt&~&=
z9H$UFm{cCyo>k7xqEz7pUxmm}zYdOl7h6ZM>7}*Qk)_a)rOc6~$h5b##I(99jXkXI
zqjwXrXeVcWLBIJG`x+QBCmI+rCmYC^qJc5JjGOTWj(lc840*0&(UG?i#~pU_E)Tqi
z0o><|JisU(VjPc9U|yzqI803N56DH3BJwn5j9wa(EtnfEm}~??iXnaXh+Z<9XA6|a
zM0vsyd&*ZnLqDEl5HB!{mqdN_2TJxgN;c9>qh$3!wos1k1cf|fn&<zjye7&UqP!)_
nJEFWN$_Ju+B+934QFOC(OQr}GgN13@B%uUmFiY=5v_JC;sCW&@

literal 0
HcmV?d00001

diff --git a/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc.class b/packages/app-lib/java/bin/main/com/modrinth/theseus/rpc/TheseusRpc.class
new file mode 100644
index 0000000000000000000000000000000000000000..518c2978f355e70f725168bc7ad6df9a5e16c20c
GIT binary patch
literal 9518
zcmcIq33yc3b^ebu(vyaV!NM%VDli5iBxEpPkc2P@31mwGBq1TdmLD@u(xB1Ic;*cl
zyu^0A#7UFJ&SE=pohDsKlQxYpjDpqJP8ZXrNz=4$x~1v9rF)w$Zi&f%?|U<P(g=`~
zukbPR-o5wi|2g;EJACz>S6>6LLtZdYB)B=87_A#kL{ibXGhF8k+i5$Ku1h7ubv^EL
zS2AoMAeei?I%(C#toTsf{^KX?up<cU?cU!hSkSI`3?&jnF}rRkoru@%<wt|S>}cuk
z-nF-7pr`*p3q=*IOWA`la;ob&owR!rBeo(c?~V?|Ehm$*1&6Lr(WsYP$AHx|qQg$7
zts%Rii86}24m1mD+qFp<CmO2@C*t8uDrLu=I?G9nM#FWx^jDWXXmd1dld9+4te=ry
zTA4YcRy5u-oU*OR!Hk`u*{i1)v^$mvk3{1`dKLBQox!phsWH_(bFEWW)S;v<JDp6#
z(^P4WPgaMOr1Zm+M;d*vhYq#vX_#4DJOO=_XQvvgo3uyDhOKxcW~b7EhkR@)*OQ`A
z*zFLrLk+$KgPC~Pi4uRU-b3Tj0s!4fXtu=cQAXNT(T`jIq^nA4nm)IQ^&4F|aoefu
z)<bkbSz|aBjYpj(BC2X#FB76U5wQ&{6)c%9C3a_`v51`tVhNU;Sb>nBv{5rC$4cC6
zV3lC;R6=ED*ohOpCRXDXl63cUwKew$mKGQ{v9>`8S!<#S>jbmYwlgs$XsEgt<+_4N
zmCl~-4dqymS_3tLl~XlsjoPtDr!~r`97x2X;nOBIppL$1-{05LHPF1PyJeuSt!LlB
zq0T)mUER(5yIQ)Zs|p2tv@sh^Y{G4Vn`lhI3c>C|n+jGnT-!9|vMnaI;&#EjNHlF7
zkJ<a2(O645Y$a)wU`5sSIczsk4}zmK%#3!JI*YDCL{|!Sm?%N1ft`X4%AYeYWI^mg
zvw_{y1frm<n%ILDf^<kBd25vmWt~LLF)N*(#xDgdw6=Rq7$`H)CRqP2YG)Apuv}T&
zZekWpRZXICyE8L-+)ni<FAFN#6JaaXYo(&<-5ad;H1#E&#^$t6Vu|19m5qjVy+IUX
zxq&W0)wGIIfe|}0siFpP(ADygi5oD-K%ZdEw8YK%&0?RG9%fkzqSqxoV&X<rC{vG_
zSb&8=+=F`!46vqOHM%~<O;|WCC^@bQ1#1qGGogSgyNYwf#7(GRv2li@tdO@{-6az{
zIPtjV>g#+OaN!*8g>ml6yW){<$4U_~jef*<Ww&i+>{L|@w%i}Kld3SM4aAsR+NNlt
zu5EvQMnNR5V47ft=gjss8x02TWBzGMJ=_+H*+W*08aj5KOBv{prOj5nG7*oRuJjD4
zbP|=^@HrN?gGeHyYVS$G{AtWu*K6Q@`albsz+Diha7K|mz;<UEvNnY{?pA8aegp5B
z)GoPuyF%onCLY6kxp6QNb>`6-lZ<uKv4Z{C6DFR-Q_R^^CZ4a@(*oZYWe+aeL0y@6
zT;)<j8J?y(-YV^g4mKP?Jd6)0b$?8-&Tmnk&Q~S8n6K-tppj3M;m4;i>|*bt7(Qd-
zS$u>&9BcF*%N|Wo^+44T<(!A{F%utGTV6?8p-Kh(c@r<-6SR@br-Z|8F`39@Fq}wp
zx}s1Y&LtBHpu&PwoJxj?wTWhGGKm`m!aJxME%%K(Bk>a+VP<(1r<8$VHVD>wMf-Xl
zFT+{pcC$q^Mk-z6%H#H6B4uk&tIa)X#iD0yrgM-LF4kc?!wJ5m3iqqRnp<e{QQuI`
zNAA$nHnur2nvB_wf<S9VwbQiy*~XswLIzDUP^Gb_hpm~9)`P^4ppVPaz|T+9E%_R;
zAijVv8u&%lg{cjP>Pt+#jC1s@lTb80DVv+gMn9hOUYbhnlfed~3FlQdToBymr_P&s
zEoxOX#sr(xn(F{&b*`m$JKi9&xTxg5$^t!uFfbv?sp>D8_%dD-6h(=oxxV=8&U+T#
zz%Lv43gJCz_b~A*_*EuKGQ*VF=C{)GkuSV?uT4~3Z)g_Y#IGB;Bv>`U-FJMNw5OW*
z4Sba%tq2vJRBv+vj+D~{Uo-J_{1$trL5);y+CH0nyql-NH1nD0j;kXi8H{@A6|ho6
z+zaMSgHM*<6NJhxy<qvZPY5h6QGqe)o*f0ZUVYb_D8v5al;DQcq%)3S^UQcmqGIkY
znA{<$6SLbo%>XuTstLCL5TbKw`j&w|<?%$voO}2Fj6)nTJ#1^VFQrazYLEPL6Muof
z<o?N0=wIP>!PC*QrTJ_8t%1K`AFJo%WF8*2Qrr{jSe@e$D-~&W-+2Q1JN!L&kV8GK
z1KX&KixNMDw~`6{9sGkztbd$H=qXxz)oeQIb-fDZ|7_x4R6i1MtPxwK-M^Xmcl-zM
zHKOU(M5^14NA#&ch~Xyur-|Rjiz@g2TlF#jqZ3+N<ZomAJG7Sq2L6{7P_NWAyx<gD
zj>~w*!1pIL72T)Pjy-DP3L%POJC$O7x$dBu2h?qj8=Hm--trWgQY-<%!ckh%%s$9+
z`l8M-pSTyt9VQBk&xEdC(evx-4F#oC$_z1lO`K1bDdnoKGLlMsEKaY;EEC_vTeI-C
z%r@l)<&_dEnT(xg!Iim;kKD+l@@M<R-NDrk=Ikb9p3FDorkobq!TBc8lm)VoN$w<E
zrKdKOIa8=XNNKQ`J#?W4h2CHj^95OI$}(BbLgVf?JO}w5=S9@#%3aAMVWRsmrFW&Q
zGGrx-f@aT1xv68y&9a)VIi(UwwM?p?<l;4^tko^kU@Vg!He?;U+Z^SgczD?6-9*IS
zMN5^eS2oqCgv-Ohw}KmpAsYnCC+usBGkH^)q+>_&KBR$K7oy7BUh=xK6w!DEen#56
zs1Yo4g-s7&l9c7DAmK_2J*Z9&9G6W%*srtT$hFx2Xtz9u)U&weyt+Fxs4n~>s-v}2
zhBOL7xw*D@zT&ylta#F7%1*h15oN{mEnu$Y8hd)qH_;H32HCA*)Xa{-7o!R0*DOpy
z*)A=Lyj7hY@*#E=QU_no?=#sDs}x{yj;N!yLhfCrv`YsE2UCer)%ytA{Mhx<Lhlg%
z)GO>t{dK`ZJP$vz-;@J#ke+Zsk!y4WL+%ds?mD9x-XBif>*|^<-Kxp?1R<(Sw+Y`x
zc^6F%t%9+-<y32K|6#U8-c<@7yH-Q}?hN)i>>2fteydfLJz~mHyvPE=L{1R3ce5^C
zl@ZT3?ja<f?Lj$)Oi=EX<Azw=3pC)bd!8^QEUK%cAa&4~IEC|+b9$ow=p5&HD{;!L
zf@-srK~px%kSZHWO+VcHT{&AriJEc(Woi><$D?o@Q#c;wZG2(h<EJfPJTn~A2?<k@
zs%b6D8D<DEqJJlus%ZD=xMSU)_hard<~qxWn_zb$lM36dQFZq<XQFl7pj^+IyE~C^
z(oV`sx{*o;<$gJ12;J&7-P)<q_(}d|QrB*c9*<aDXboCnCy_dB$^-JCU>1Af+>qdF
z{#^GcUFPnsS$cJQA~BLldc{Wz$dv?*2fs*{P_^9t<&(HxbJ7)gZCZbo@i?nvb~jVD
zVNR)>nv0OCI**w6NrdJY@*WO&W4t^0j2?Sj4an2-0Yl!;V|sxdu7Pet)S7c%vG7Xd
z`Tu`+dEPzh7AWoB+@Z)fG>z%+D-&M8EIkw-i6>6QD;@WDI(^^3kn?t-QrM%m@e(hk
z?~`oycQ@q9v3u?$0(BYCKZzOgQ6jg%In$xTkdII59VUg`0}>0X3nfCZ(@r}bwz}s{
zW20(Rd9!6;k-GEd(_(d-%+Yc_7a_=Z-VW#AXQM*h!{*=T@|~Bf`S*Ez=0#}!eLkOg
z<w{;<{JRJt&MfBJ2zjeNb>mplKZa%JP?^P=bEwYZ)+{z>vF#N!Ry2JHcf5kuaqQ!o
zJ72+FFO#GQ9sFEHb|7;D^Dvtt=V3ktEuer3ETzEJeCpJz6$LK<J;7&at}?i)dJG4u
z$8nIHyDy-JkG*_6d;$H{>o4GFbxjs`UqE<5;$rQdN(A_e#2m_4jFsfO3Ttt*mQ?BT
zg^fY-rvz=d=%<@7L@mlOj3~cPa4bN5MwBaLE}xYxnRB=+i_teRdmPFBiqsgK*T-?H
zzk10SPIrz&`fF>(@L+vl91r)00{vM$()TJJrxV^chWFQ(Od9?mhd-o-jZjG-iw}nk
z{aKR5M?(fbC@aK~=ahNH+M$~mWnc}JTuWzGV;O%_szMERqLvrw8*mJDIF4Is$VSBY
ztB-@*wAuR@0xFMB;zfR|r=P$}G)_IaW-r5G?TTXZ>%gbzo&dRSWr_GSG1p5ceuhs5
zeu^~3ka<+$r|~mhyzWs$oLKC7=MBhR)t5XM{j73P^%pgn!bAlbgN%c?ogm#txYcVF
z6?}u3t3^YLA;2$Vk-_mt@mc(wj*Y^}=X6AtP%UNDK<#T^#^>t;#am0xVtyzvzvLVm
zYv-42%HkKgA1{&lCAF`8`pS35(bQiP3XI_u6@+a6`Z0W|zO?#0`a>n>F&-+th}VnJ
z$AO+u$wmBH5&A-<=kc3L@qqTd@;Z22<xfro^Bn}&PDY}cUfzR7v~W!;`mt9V)1|>O
zkcZg-zQGaYq5*Z*r4j1soA@0%&Y<Ui7jIEYkUW2naVa6sT6_z?&!<KL_Yd%gg!Lbh
zW`Rff4g4{=xpUv<oQg^iMc>D41AihnaurKES19Pd<2mYc<M>WL?K_&qpPj>Bjp4iP
z%G!(gC*je%siWpR{`Ccv)pVYP#fdQAzjqP;Rm91+>jR;{CCopE|5Kx{vP!bSC^>uO
zE84Bfe}S6w61*s;TK@SlnN!bbEUYih&zEMUVoVm*mxM|>Re;uKWy$)v!K|#{(=BJO
zoN6DJDn>=BUvGbzUg<#sDZ&i&$4g8?_5E3?^<vS>LISiCOr1pL0mk7Vaofdg=*AAx
z?#3aG^z!Kl`5a{)9OI7y_uy&Vi)UcrIcCWx8L^iTA>eGnYmfjN*0CF;Cqa<8C8C1Y
z{B?3GeYpY;>X;N!Qn74gbc)HZ!h70*cG)DiQNILdH|y9vnSXM)Zi{SXq&|gmKHW}!
zDxM1TF6A~-swf^n*=1B1QmLWebcMo7m;xLyH1^&G?lxrJWz6II6$UzxpH&NRh50Nh
zXZSJFX3%3rYD?#U!on76pwe%6T(<X*OM{CC*`e?tyT)WsJ7dFu>^+Cptla6r;(M2{
zl8ESM?8iMsWIJo$yz;H;+M29%p1tyQ1*Dpb(p7}BSKgQuNrm)d{Hr2(41@Uy)-(Bm
zQKo;4+9g=alB`+xF>)#9QJS&Ma6353jEa-)H15V3#^?c7wuf|-HWSsf!;4Y~&C(->
zXk|4kpvs&gatcZ>GpCreQ+=-Iq>ppT=PMAnjF2JQFJp`LD#J3_h3b4pmU_FD!^)Mo
zL`N!D?j-R0-^9Z8EEeN(j82mNF}Wuz1AQ;6F*=k(_WJWOoRyKR#QV--cBh)D)oZBp
z5?a1l?jt)@AeXZu0FUtVQ3`sDvrlmTNo>JW4Di$1`f68nzP{|#ma6)))3bhywmD4;
zb2#H1SACoEl+9%*UUJxw`^x!0lpMYnNk&fcdnqyd5dS?akIG~E>Amu#JS87w$M_-n
jFjp)l&n(}bVV*Sc`&s(=Bl0nMj`uCkbH0?0%A)B9U{|6F

literal 0
HcmV?d00001


From 7601f3a05da3f845566360cc8242c53f2febfd8f Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 31 Aug 2026 10:23:59 -0700
Subject: [PATCH 10/12] tech rev qa 3

---
 .../ui/moderation/ModerationItemHeader.vue    |  59 +++++
 .../ui/moderation/ModerationOwnerLink.vue     |  39 ++++
 .../ui/moderation/ModerationReportCard.vue    | 215 ++++++++----------
 .../ui/moderation/ModerationTechRevCard.vue   | 128 ++++-------
 .../src/components/ui/thread/ThreadView.vue   |  45 ++--
 apps/frontend/src/helpers/moderation.ts       |   3 +
 packages/assets/generated-icons.ts            |   2 +
 packages/assets/icons/sticky-note-plus.svg    |   1 +
 packages/moderation/src/types/reports.ts      |   1 +
 9 files changed, 268 insertions(+), 225 deletions(-)
 create mode 100644 apps/frontend/src/components/ui/moderation/ModerationItemHeader.vue
 create mode 100644 apps/frontend/src/components/ui/moderation/ModerationOwnerLink.vue
 create mode 100644 packages/assets/icons/sticky-note-plus.svg

diff --git a/apps/frontend/src/components/ui/moderation/ModerationItemHeader.vue b/apps/frontend/src/components/ui/moderation/ModerationItemHeader.vue
new file mode 100644
index 0000000000..a2672aecee
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/ModerationItemHeader.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { Avatar } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import ModerationOwnerLink, { type ModerationOwner } from './ModerationOwnerLink.vue'
+
+export type { ModerationOwner }
+
+const props = defineProps<{
+	avatarUrl?: string | null
+	title: string
+	titleTo?: string | null
+	owner?: ModerationOwner | null
+	circle?: boolean
+	padTransparentCorners?: boolean
+}>()
+</script>
+
+<template>
+	<div class="flex items-center gap-3">
+		<NuxtLink v-if="titleTo" :to="titleTo" target="_blank" tabindex="-1">
+			<Avatar
+				:src="avatarUrl"
+				:circle="circle"
+				:pad-transparent-corners="padTransparentCorners"
+                no-shadow
+				size="4rem"
+			/>
+		</NuxtLink>
+		<Avatar
+			v-else
+			:src="avatarUrl"
+			:circle="circle"
+			:pad-transparent-corners="padTransparentCorners"
+			no-shadow
+			size="4rem"
+		/>
+
+		<div class="flex flex-col gap-1.5">
+			<div class="flex flex-wrap items-center gap-2">
+				<NuxtLink
+					v-if="titleTo"
+					:to="titleTo"
+					target="_blank"
+					class="text-lg font-semibold text-contrast hover:underline focus-visible:underline"
+				>
+					{{ title }}
+				</NuxtLink>
+				<span v-else class="text-lg font-semibold text-contrast">
+					{{ title }}
+				</span>
+				<slot name="badges" />
+			</div>
+
+			<ModerationOwnerLink v-if="owner" :owner="owner" />
+			<slot name="subtitle" />
+		</div>
+	</div>
+</template>
diff --git a/apps/frontend/src/components/ui/moderation/ModerationOwnerLink.vue b/apps/frontend/src/components/ui/moderation/ModerationOwnerLink.vue
new file mode 100644
index 0000000000..e74e61a5fa
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/ModerationOwnerLink.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import { Avatar, CopyCode } from '@modrinth/ui'
+
+export type ModerationOwner = {
+	kind: 'user' | 'organization'
+	id: string
+	name: string
+	icon_url?: string | null
+}
+
+defineProps<{
+	owner: ModerationOwner
+}>()
+</script>
+
+<template>
+	<div class="flex items-center gap-2">
+		<NuxtLink
+			:to="`/${owner.kind}/${owner.id}`"
+			target="_blank"
+			class="flex items-center gap-1 text-sm font-medium text-secondary hover:underline"
+		>
+			<Avatar
+				:src="owner.icon_url"
+				:circle="owner.kind === 'user'"
+				size="1.5rem"
+                no-shadow
+
+			/>
+			{{ owner.name }}
+		</NuxtLink>
+		<ClientOnly>
+			<CopyCode
+				v-tooltip="owner.kind === 'organization' ? 'Copy organization ID' : 'Copy user ID'"
+				:text="owner.id"
+			/>
+		</ClientOnly>
+	</div>
+</template>
diff --git a/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue b/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
index adcfcd69e1..d586f185d4 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
@@ -58,126 +58,75 @@
 
 			<div class="my-4 h-px bg-surface-5" />
 
-			<div class="flex items-center justify-between">
-				<div class="flex items-center gap-4">
-					<Avatar
-						:src="reportItemAvatarUrl"
-						:circle="report.item_type === 'user'"
-						size="4rem"
-						:pad-transparent-corners="report.item_type === 'shared-instance'"
-						:class="[
-							'flex-shrink-0 border border-surface-5 bg-surface-4 !shadow-none',
-							report.item_type !== 'user' && 'rounded-2xl',
-						]"
-					/>
-
-					<div v-if="report.item_type === 'user'" class="flex flex-col gap-1.5">
-						<NuxtLink
-							:to="`/user/${report.user?.username}`"
-							target="_blank"
-							class="text-base font-semibold text-contrast hover:underline"
-						>
-							{{ report.user?.username || 'Unknown User' }}
-						</NuxtLink>
-
-						<span
-							v-if="report.user?.created"
-							v-tooltip="formatDateTime(report.user.created)"
-							class="cursor-help text-sm text-secondary"
-						>
-							Joined {{ formatRelativeTime(report.user.created) }}
+			<ModerationItemHeader
+				:avatar-url="reportItemAvatarUrl"
+				:title="reportItemTitle"
+				:title-to="reportItemTitleTo"
+				:owner="itemOwner"
+				:circle="report.item_type === 'user'"
+				:pad-transparent-corners="report.item_type === 'shared-instance'"
+			>
+				<template #badges>
+					<div
+						v-if="report.project?.project_type"
+						class="flex items-center gap-1 rounded-full border border-solid border-surface-5 bg-surface-4 px-2.5 py-1"
+					>
+						<component
+							:is="getProjectTypeIcon(report.project.project_type as any)"
+							aria-hidden="true"
+							class="h-4 w-4"
+						/>
+						<span class="text-sm font-medium text-secondary">
+							{{ formatProjectType(report.project.project_type, true) }}
 						</span>
 					</div>
 
-					<div v-else class="flex flex-col gap-1.5">
-						<div class="flex flex-wrap items-center gap-2">
-							<NuxtLink
-								v-if="report.item_type !== 'shared-instance'"
-								:to="reportItemUrl"
-								target="_blank"
-								class="text-base font-semibold text-contrast hover:underline"
-							>
-								{{ reportItemTitle }}
-							</NuxtLink>
-							<span v-else class="text-base font-semibold text-contrast">
-								{{ reportItemTitle }}
-							</span>
-
-							<div
-								v-if="report.project?.project_type"
-								class="flex items-center gap-1 rounded-full border border-solid border-surface-5 bg-surface-4 px-2.5 py-1"
-							>
-								<component
-									:is="getProjectTypeIcon(report.project.project_type as any)"
-									aria-hidden="true"
-									class="h-4 w-4"
-								/>
-								<span class="text-sm font-medium text-secondary">
-									{{ formatProjectType(report.project.project_type, true) }}
-								</span>
-							</div>
-
-							<span
-								v-if="report.item_type === 'version' && report.version"
-								class="text-sm text-secondary"
-							>
-								{{ report.version.files.find((f) => f.primary)?.filename || 'Unknown Version' }}
-							</span>
-							<span
-								v-if="
-									report.item_type === 'shared-instance' &&
-									report.shared_instance_version_id !== undefined
-								"
-								class="text-sm text-secondary"
-							>
-								Version {{ report.shared_instance_version_id }}
-							</span>
-							<CopyCode v-if="report.item_type === 'shared-instance'" :text="report.item_id" />
-							<span
-								v-if="report.item_type === 'shared-instance' && sharedInstanceQuarantined"
-								class="bg-orange-highlight inline-flex items-center gap-1 rounded-full border border-solid border-orange px-2.5 py-1 text-sm font-semibold text-orange"
-							>
-								<LockIcon class="size-4" />
-								Quarantined
-							</span>
-						</div>
-
-						<div v-if="report.target" class="flex items-center gap-1">
-							<Avatar
-								:src="report.target.avatar_url"
-								size="1.5rem"
-								circle
-								class="border border-surface-5 bg-surface-4 !shadow-none"
-							/>
-							<NuxtLink
-								:to="`/${report.target.type}/${report.target.slug}`"
-								target="_blank"
-								class="text-sm font-medium text-secondary hover:underline"
-							>
-								{{ report.target.name }}
-							</NuxtLink>
-						</div>
-						<div
-							v-else-if="report.item_type === 'shared-instance' && sharedInstanceDetails"
-							class="flex items-center gap-1"
-						>
-							<Avatar
-								:src="sharedInstanceDetails.owner.avatar_url"
-								size="1.5rem"
-								circle
-								class="border border-surface-5 bg-surface-4 !shadow-none"
-							/>
-							<NuxtLink
-								:to="`/user/${sharedInstanceDetails.owner.username}`"
-								target="_blank"
-								class="text-sm font-medium text-secondary hover:underline"
-							>
-								{{ sharedInstanceDetails.owner.username }}
-							</NuxtLink>
-						</div>
-					</div>
-				</div>
-			</div>
+					<span
+						v-if="report.item_type === 'version' && report.version"
+						class="text-sm text-secondary"
+					>
+						{{ report.version.files.find((f) => f.primary)?.filename || 'Unknown Version' }}
+					</span>
+					<span
+						v-if="
+							report.item_type === 'shared-instance' &&
+							report.shared_instance_version_id !== undefined
+						"
+						class="text-sm text-secondary"
+					>
+						Version {{ report.shared_instance_version_id }}
+					</span>
+					<CopyCode v-if="report.item_type === 'shared-instance'" :text="report.item_id" />
+					<span
+						v-if="report.item_type === 'shared-instance' && sharedInstanceQuarantined"
+						class="bg-orange-highlight inline-flex items-center gap-1 rounded-full border border-solid border-orange px-2.5 py-1 text-sm font-semibold text-orange"
+					>
+						<LockIcon class="size-4" />
+						Quarantined
+					</span>
+				</template>
+				<template #subtitle>
+					<span
+						v-if="report.item_type === 'user' && report.user?.created"
+						v-tooltip="formatDateTime(report.user.created)"
+						class="cursor-help text-sm text-secondary"
+					>
+						Joined {{ formatRelativeTime(report.user.created) }}
+					</span>
+					<Button
+						v-else-if="report.item_type === 'shared-instance' && !itemOwner"
+						type="outlined"
+						size="sm"
+						class="w-fit"
+						:loading="sharedInstanceLoading"
+						@click="loadSharedInstanceDetails"
+					>
+						<LoaderCircleIcon v-if="sharedInstanceLoading" class="animate-spin" />
+						<ReceiptTextIcon v-else />
+						Load shared instance details
+					</Button>
+				</template>
+			</ModerationItemHeader>
 		</div>
 		<CollapsibleRegion
 			v-model:collapsed="isThreadCollapsed"
@@ -286,6 +235,7 @@ import {
 	ExternalIcon,
 	LoaderCircleIcon,
 	LockIcon,
+	ReceiptTextIcon,
 } from '@modrinth/assets'
 import { type ExtendedReport, reportQuickReplies } from '@modrinth/moderation'
 import { Button, ButtonLink, IconButton } from '@modrinth/ui'
@@ -309,6 +259,7 @@ import { computed, onUnmounted, ref, watch } from 'vue'
 import { isStaff } from '~/helpers/users.js'
 
 import ThreadView from '../thread/ThreadView.vue'
+import ModerationItemHeader, { type ModerationOwner } from './ModerationItemHeader.vue'
 import SharedInstanceReportContext, {
 	type SharedInstanceOwnerInstance,
 	type SharedInstanceReportDetails,
@@ -888,6 +839,36 @@ const reportItemUrl = computed(() => {
 	}
 })
 
+const reportItemTitleTo = computed(() =>
+	props.report.item_type === 'shared-instance' ? undefined : reportItemUrl.value,
+)
+
+const itemOwner = computed((): ModerationOwner | null => {
+	if (props.report.item_type === 'user') return null
+
+	if (props.report.item_type === 'shared-instance') {
+		const owner = sharedInstanceDetails.value?.owner
+		if (!owner) return null
+
+		return {
+			kind: 'user',
+			id: owner.id,
+			name: owner.username,
+			icon_url: owner.avatar_url ?? null,
+		}
+	}
+
+	const target = props.report.target
+	if (!target) return null
+
+	return {
+		kind: target.type,
+		id: target.id,
+		name: target.name,
+		icon_url: target.avatar_url ?? null,
+	}
+})
+
 const formattedReportType = computed(() =>
 	formatReportType(formatMessage, props.report.report_type),
 )
diff --git a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
index 2748467d0c..5d209ae129 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
@@ -1,18 +1,12 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
 import { CheckIcon, CodeIcon, ExternalIcon, TimerIcon, VersionIcon } from '@modrinth/assets'
-import {
-	Avatar,
-	ButtonLink,
-	CopyCode,
-	CopyLinkButton,
-	getProjectTypeIcon,
-	NavTabs,
-} from '@modrinth/ui'
+import { ButtonLink, CopyCode, CopyLinkButton, getProjectTypeIcon, NavTabs } from '@modrinth/ui'
 import { capitalizeString, formatProjectType } from '@modrinth/utils'
 import { computed, provide, ref, watch } from 'vue'
 
 import type { UnsafeFile } from '~/components/ui/moderation/MaliciousSummaryModal.vue'
+import ModerationItemHeader from '~/components/ui/moderation/ModerationItemHeader.vue'
 import {
 	getHighestSeverity,
 	getSeverityBadgeColor,
@@ -178,88 +172,54 @@ watch(
 			class="flex flex-col gap-3 border-0 border-b border-solid border-surface-4 bg-surface-3 p-4 pb-3"
 		>
 			<div class="flex flex-wrap items-start justify-between">
-				<div class="flex items-center gap-3">
-					<NuxtLink
-						:to="`/${item.project.project_types[0]}/${item.project.slug ?? item.project.id}`"
-						target="_blank"
-						tabindex="-1"
-					>
-						<Avatar
-							:src="item.project.icon_url"
-							class="rounded-2xl border border-surface-5 bg-surface-4 !shadow-none"
-							size="4rem"
-						/>
-					</NuxtLink>
-
-					<div class="flex flex-col gap-1.5">
-						<div class="flex flex-wrap items-center gap-2">
-							<NuxtLink
-								:to="`/${item.project.project_types[0]}/${item.project.slug ?? item.project.id}`"
-								target="_blank"
-								class="text-lg font-semibold text-contrast hover:underline focus-visible:underline"
-							>
-								{{ item.project.name }}
-							</NuxtLink>
-
-							<div
-								class="flex items-center gap-1 rounded-full border border-solid border-surface-5 bg-surface-4 px-2.5 py-1"
+				<ModerationItemHeader
+					:avatar-url="item.project.icon_url"
+					:title="item.project.name"
+					:title-to="`/${item.project.project_types[0]}/${item.project.slug ?? item.project.id}`"
+					:owner="item.project_owner"
+				>
+					<template #badges>
+						<div
+							class="flex items-center gap-1 rounded-full border border-solid border-surface-5 bg-surface-4 px-2.5 py-1"
+						>
+							<component
+								:is="getProjectTypeIcon(item.project.project_types[0] as any)"
+								aria-hidden="true"
+								class="h-4 w-4"
+							/>
+							<span
+								v-for="project_type in item.project.project_types"
+								:key="project_type + item.project.id"
+								class="text-sm font-medium text-secondary"
+								>{{ formatProjectType(project_type, true) }}</span
 							>
-								<component
-									:is="getProjectTypeIcon(item.project.project_types[0] as any)"
-									aria-hidden="true"
-									class="h-4 w-4"
-								/>
-								<span
-									v-for="project_type in item.project.project_types"
-									:key="project_type + item.project.id"
-									class="text-sm font-medium text-secondary"
-									>{{ formatProjectType(project_type, true) }}</span
-								>
-							</div>
+						</div>
 
-							<div
-								class="flex items-center gap-1 rounded-full border border-solid px-2.5 py-1"
-								:class="
-									isProjectApproved
-										? 'border-green bg-highlight-green'
-										: 'border-orange bg-highlight-orange'
-								"
+						<div
+							class="flex items-center gap-1 rounded-full border border-solid px-2.5 py-1"
+							:class="
+								isProjectApproved
+									? 'border-green bg-highlight-green'
+									: 'border-orange bg-highlight-orange'
+							"
+						>
+							<CheckIcon v-if="isProjectApproved" aria-hidden="true" class="h-4 w-4 text-green" />
+							<TimerIcon v-else aria-hidden="true" class="h-4 w-4 text-orange" />
+							<span
+								class="text-sm font-medium"
+								:class="isProjectApproved ? 'text-green' : 'text-orange'"
 							>
-								<CheckIcon v-if="isProjectApproved" aria-hidden="true" class="h-4 w-4 text-green" />
-								<TimerIcon v-else aria-hidden="true" class="h-4 w-4 text-orange" />
-								<span
-									class="text-sm font-medium"
-									:class="isProjectApproved ? 'text-green' : 'text-orange'"
-								>
-									{{ isProjectApproved ? 'Live' : 'In review' }}
-								</span>
-							</div>
-
-							<div class="rounded-full border-solid px-2.5 py-1" :class="severityColor">
-								<span class="text-sm font-medium">{{
-									capitalizeString(highestSeverity.toLowerCase())
-								}}</span>
-							</div>
+								{{ isProjectApproved ? 'Live' : 'In review' }}
+							</span>
 						</div>
 
-						<div class="flex items-center gap-2">
-							<NuxtLink
-								:to="`/${item.project_owner.kind}/${item.project_owner.id}`"
-								target="_blank"
-								class="flex items-center gap-1 text-sm font-medium text-secondary hover:underline"
-							>
-								<Avatar
-									:src="item.project_owner.icon_url"
-									class="rounded-full border border-surface-5 bg-surface-4 !shadow-none"
-									size="1.5rem"
-									circle
-								/>
-								{{ item.project_owner.name }}
-							</NuxtLink>
-							<CopyCode v-tooltip="'Copy user ID'" :text="item.project_owner.id" />
+						<div class="rounded-full border-solid px-2.5 py-1" :class="severityColor">
+							<span class="text-sm font-medium">{{
+								capitalizeString(highestSeverity.toLowerCase())
+							}}</span>
 						</div>
-					</div>
-				</div>
+					</template>
+				</ModerationItemHeader>
 
 				<div class="flex flex-col items-end gap-2">
 					<div class="flex flex-wrap items-center justify-end gap-3">
diff --git a/apps/frontend/src/components/ui/thread/ThreadView.vue b/apps/frontend/src/components/ui/thread/ThreadView.vue
index 61668d6462..e9e81b6cdf 100644
--- a/apps/frontend/src/components/ui/thread/ThreadView.vue
+++ b/apps/frontend/src/components/ui/thread/ThreadView.vue
@@ -43,18 +43,22 @@
 				class="mt-4 flex flex-col items-stretch justify-between gap-3 px-4 pb-4 sm:flex-row sm:items-center sm:gap-2"
 			>
 				<div class="flex flex-col items-stretch gap-2 sm:flex-row sm:items-center">
-					<SplitButton
-						v-if="primaryAction === 'note' && isStaff(auth.user)"
-						type="colored"
-						color="brand"
-						menu-label="More send options"
-						:disabled="!replyBody"
-						:options="publicMessageOptions"
-						class="w-full sm:w-auto"
-						@click="sendReply(true)"
-					>
-						Add note
-					</SplitButton>
+					<template v-if="primaryAction === 'note' && isStaff(auth.user)">
+						<Button
+							type="colored"
+							color="brand"
+							:disabled="!replyBody"
+							class="w-full sm:w-auto"
+							@click="sendReply(true)"
+						>
+							<StickyNotePlusIcon />
+							Add note
+						</Button>
+						<Button :disabled="!replyBody" class="w-full sm:w-auto" @click="sendReply(false)">
+							<SendIcon />
+							Send publicly
+						</Button>
+					</template>
 					<template v-else>
 						<Button
 							v-if="sortedMessages.length > 0"
@@ -76,7 +80,7 @@
 							@click="sendReply()"
 						>
 							<SendIcon class="size-4" />
-							Send
+							Send publicly
 						</Button>
 						<Button
 							v-if="isStaff(auth.user)"
@@ -84,11 +88,13 @@
 							class="w-full sm:w-auto"
 							@click="sendReply(true)"
 						>
+							<StickyNotePlusIcon />
 							Add note
 						</Button>
 					</template>
 					<TeleportOverflowMenu
 						v-if="visibleQuickReplies.length > 0"
+						type="outlined"
 						label="More options"
 						:options="visibleQuickReplies"
 						class="!w-auto !rounded-xl !px-2.5"
@@ -114,9 +120,10 @@ import {
 	MessageIcon,
 	ReplyIcon,
 	SendIcon,
+	StickyNotePlusIcon,
 } from '@modrinth/assets'
 import type { QuickReply } from '@modrinth/moderation'
-import { Button, SplitButton, TeleportOverflowMenu } from '@modrinth/ui'
+import { Button, TeleportOverflowMenu } from '@modrinth/ui'
 import {
 	type ButtonMenuOption,
 	CopyCode,
@@ -198,16 +205,6 @@ const members = computed(() => {
 
 const replyBody = ref('')
 
-const publicMessageOptions = computed<ButtonMenuOption[]>(() => [
-	{
-		id: 'send-public',
-		label: 'Send publicly',
-		icon: SendIcon,
-		action: () => sendReply(false),
-		disabled: !replyBody.value,
-	},
-])
-
 function setReplyContent(content: string) {
 	replyBody.value = content
 }
diff --git a/apps/frontend/src/helpers/moderation.ts b/apps/frontend/src/helpers/moderation.ts
index e511e1758a..9a3f7bbc21 100644
--- a/apps/frontend/src/helpers/moderation.ts
+++ b/apps/frontend/src/helpers/moderation.ts
@@ -149,6 +149,7 @@ export async function enrichReportBatch(
 			const targetUser = cache.users.value.get(report.item_id)
 			if (targetUser) {
 				target = {
+					id: targetUser.id,
 					name: targetUser.username,
 					slug: targetUser.username,
 					avatar_url: targetUser.avatar_url,
@@ -172,6 +173,7 @@ export async function enrichReportBatch(
 
 			if (org) {
 				target = {
+					id: org.id,
 					name: org.name,
 					avatar_url: org.icon_url,
 					type: 'organization',
@@ -179,6 +181,7 @@ export async function enrichReportBatch(
 				}
 			} else if (owner) {
 				target = {
+					id: owner.user.id,
 					name: owner.user.username,
 					avatar_url: owner.user.avatar_url,
 					type: 'user',
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index 65e948ca7b..7bd890e1fd 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -279,6 +279,7 @@ import _SplitIcon from './icons/split.svg?component'
 import _SquareIcon from './icons/square.svg?component'
 import _SquarePlusIcon from './icons/square-plus.svg?component'
 import _StarIcon from './icons/star.svg?component'
+import _StickyNotePlusIcon from './icons/sticky-note-plus.svg?component'
 import _StopCircleIcon from './icons/stop-circle.svg?component'
 import _StoreIcon from './icons/store.svg?component'
 import _StrikethroughIcon from './icons/strikethrough.svg?component'
@@ -737,6 +738,7 @@ export const SplitIcon = _SplitIcon
 export const SquareIcon = _SquareIcon
 export const SquarePlusIcon = _SquarePlusIcon
 export const StarIcon = _StarIcon
+export const StickyNotePlusIcon = _StickyNotePlusIcon
 export const StopCircleIcon = _StopCircleIcon
 export const StoreIcon = _StoreIcon
 export const StrikethroughIcon = _StrikethroughIcon
diff --git a/packages/assets/icons/sticky-note-plus.svg b/packages/assets/icons/sticky-note-plus.svg
new file mode 100644
index 0000000000..a63427d1a8
--- /dev/null
+++ b/packages/assets/icons/sticky-note-plus.svg
@@ -0,0 +1 @@
+<svg 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" class="lucide lucide-sticky-note-plus-icon lucide-sticky-note-plus"><path d="M15 3v5a1 1 0 0 0 1 1h5"/><path d="M18 15v6"/><path d="M21 12.356V9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.355"/><path d="M21 18h-6"/></svg>
\ No newline at end of file
diff --git a/packages/moderation/src/types/reports.ts b/packages/moderation/src/types/reports.ts
index e83b72570b..ad00065449 100644
--- a/packages/moderation/src/types/reports.ts
+++ b/packages/moderation/src/types/reports.ts
@@ -2,6 +2,7 @@ import type { Labrinth, SharedInstances } from '@modrinth/api-client'
 import type { Thread, User, Version } from '@modrinth/utils'
 
 export interface OwnershipTarget {
+	id: string
 	name: string
 	slug: string
 	avatar_url?: string

From 053822c5c4f7dcc253b446d2048f9c1af3eee357 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 31 Aug 2026 11:08:28 -0700
Subject: [PATCH 11/12] report consistency + loading state to fix jumping

---
 .../src/components/ui/auth/CreateAccount.vue  |  2 +-
 .../ui/moderation/ModerationItemHeader.vue    |  6 +-
 .../ui/moderation/ModerationOwnerLink.vue     |  8 +--
 .../ui/moderation/ModerationQueueToolbar.vue  | 28 +++++++---
 .../ui/moderation/ModerationReportCard.vue    | 56 ++++++++-----------
 .../ui/moderation/ModerationTechRevCard.vue   |  8 +--
 .../ui/thread/ConversationThread.vue          |  3 +-
 .../src/components/ui/thread/ThreadView.vue   | 12 ++--
 apps/frontend/src/locales/en-US/index.json    |  5 +-
 apps/frontend/src/pages/moderation/index.vue  |  1 +
 .../src/pages/moderation/reports/index.vue    |  3 +-
 .../moderation/technical-review/index.vue     |  1 +
 12 files changed, 65 insertions(+), 68 deletions(-)

diff --git a/apps/frontend/src/components/ui/auth/CreateAccount.vue b/apps/frontend/src/components/ui/auth/CreateAccount.vue
index 013a469afe..46d4dc5ccd 100644
--- a/apps/frontend/src/components/ui/auth/CreateAccount.vue
+++ b/apps/frontend/src/components/ui/auth/CreateAccount.vue
@@ -244,7 +244,7 @@ const messages = defineMessages({
 		defaultMessage: 'Please enter a valid date of birth. Year cannot be 0000.',
 	},
 	under13HelperText: {
-		id: 'auth.create-account.date-of-birth.under13-helper',
+		id: 'auth.create-account.date-of-birth.not-meet-age-requirement',
 		defaultMessage: 'You do not meet the age requirement to create an account at Modrinth.',
 	},
 	ageRequirementWarningTitle: {
diff --git a/apps/frontend/src/components/ui/moderation/ModerationItemHeader.vue b/apps/frontend/src/components/ui/moderation/ModerationItemHeader.vue
index a2672aecee..5666f690fb 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationItemHeader.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationItemHeader.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { Avatar } from '@modrinth/ui'
-import { computed } from 'vue'
 
 import ModerationOwnerLink, { type ModerationOwner } from './ModerationOwnerLink.vue'
-
 export type { ModerationOwner }
 
-const props = defineProps<{
+defineProps<{
 	avatarUrl?: string | null
 	title: string
 	titleTo?: string | null
@@ -23,7 +21,7 @@ const props = defineProps<{
 				:src="avatarUrl"
 				:circle="circle"
 				:pad-transparent-corners="padTransparentCorners"
-                no-shadow
+				no-shadow
 				size="4rem"
 			/>
 		</NuxtLink>
diff --git a/apps/frontend/src/components/ui/moderation/ModerationOwnerLink.vue b/apps/frontend/src/components/ui/moderation/ModerationOwnerLink.vue
index e74e61a5fa..bf73c0b7a8 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationOwnerLink.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationOwnerLink.vue
@@ -20,13 +20,7 @@ defineProps<{
 			target="_blank"
 			class="flex items-center gap-1 text-sm font-medium text-secondary hover:underline"
 		>
-			<Avatar
-				:src="owner.icon_url"
-				:circle="owner.kind === 'user'"
-				size="1.5rem"
-                no-shadow
-
-			/>
+			<Avatar :src="owner.icon_url" :circle="owner.kind === 'user'" size="1.5rem" no-shadow />
 			{{ owner.name }}
 		</NuxtLink>
 		<ClientOnly>
diff --git a/apps/frontend/src/components/ui/moderation/ModerationQueueToolbar.vue b/apps/frontend/src/components/ui/moderation/ModerationQueueToolbar.vue
index 80151d115c..e39644b0c9 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationQueueToolbar.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationQueueToolbar.vue
@@ -18,19 +18,28 @@
 				<slot name="actions" />
 			</div>
 		</div>
-
 		<div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
 			<div class="flex min-w-0 flex-wrap items-center gap-3">
-				<slot name="meta" />
+				<div v-if="loading" class="h-6 w-64 animate-pulse rounded-full bg-surface-3"></div>
+				<slot v-else name="meta" />
 			</div>
 			<div class="flex shrink-0 items-center justify-end gap-2 sm:ml-auto">
-				<slot name="pagination-extra" />
-				<Pagination
-					v-if="totalPages > 1"
-					:page="page"
-					:count="totalPages"
-					@switch-page="$emit('switch-page', $event)"
-				/>
+				<div v-if="loading && !(totalPages > 1)" class="flex items-center gap-2">
+					<div
+						v-for="i in 3"
+						:key="`loading-skeleton-${i}`"
+						class="h-9 w-9 animate-pulse rounded-full bg-surface-3"
+					></div>
+				</div>
+				<template v-else>
+					<slot name="pagination-extra" />
+					<Pagination
+						v-if="totalPages > 1"
+						:page="page"
+						:count="totalPages"
+						@switch-page="$emit('switch-page', $event)"
+					/>
+				</template>
 			</div>
 		</div>
 	</div>
@@ -45,6 +54,7 @@ const query = defineModel<string>({ required: true })
 defineProps<{
 	page: number
 	totalPages: number
+	loading?: boolean
 }>()
 
 defineEmits<{
diff --git a/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue b/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
index d586f185d4..8eba611973 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
@@ -7,29 +7,17 @@
 			<div
 				class="flex w-full flex-col items-start justify-between gap-3 sm:flex-row sm:items-center sm:gap-0"
 			>
-				<span class="text-md flex flex-col gap-2 sm:flex-row sm:items-center">
-					<span class="flex items-center gap-2">
+				<span class="text-md flex flex-col flex-wrap gap-1 sm:flex-row sm:items-center">
+					<span class="flex items-center gap-1">
 						<span class="text-secondary">Reported for</span>
 						<span class="font-semibold text-contrast">
 							{{ formattedReportType }}
 						</span>
 					</span>
-					<span class="flex items-center gap-2">
-						<span class="hidden text-secondary sm:inline">By</span>
+					<span class="flex items-center gap-1">
+						<span class="hidden text-secondary sm:inline">by</span>
 						<span class="text-secondary sm:hidden">Reporter:</span>
-						<nuxt-link
-							:to="`/user/${report.reporter_user.username}`"
-							target="_blank"
-							class="inline-flex flex-row items-center gap-1 transition-colors duration-100 ease-in-out hover:text-brand"
-						>
-							<Avatar
-								:src="report.reporter_user.avatar_url"
-								circle
-								size="1.75rem"
-								class="flex-shrink-0"
-							/>
-							<span class="truncate">{{ report.reporter_user.username }}</span>
-						</nuxt-link>
+						<ModerationOwnerLink :owner="reporter" />
 					</span>
 				</span>
 
@@ -41,9 +29,11 @@
 						{{ formatRelativeTime(report.created) }}
 					</span>
 					<div class="flex items-center gap-2">
-						<IconButton v-tooltip="'Copy ID'" :label="'Copy ID'" @click="copyId">
-							<ClipboardCopyIcon />
-						</IconButton>
+						<CopyCode v-tooltip="'Copy report ID'" :text="report.id" />
+						<CopyLinkButton
+							copy-label="Copy report link"
+							:url="`https://modrinth.com/moderation/reports/${props.report.id}`"
+						/>
 						<ButtonLink
 							v-tooltip="'Open in new tab'"
 							:href="`/moderation/reports/${props.report.id}`"
@@ -231,19 +221,19 @@
 import type { Labrinth, SharedInstances } from '@modrinth/api-client'
 import {
 	CheckCircleIcon,
-	ClipboardCopyIcon,
 	ExternalIcon,
 	LoaderCircleIcon,
 	LockIcon,
 	ReceiptTextIcon,
 } from '@modrinth/assets'
 import { type ExtendedReport, reportQuickReplies } from '@modrinth/moderation'
-import { Button, ButtonLink, IconButton } from '@modrinth/ui'
 import {
-	Avatar,
+	Button,
+	ButtonLink,
 	CollapsibleRegion,
 	type ContentItem,
 	CopyCode,
+	CopyLinkButton,
 	formatReportType,
 	getProjectTypeIcon,
 	injectModrinthClient,
@@ -259,7 +249,8 @@ import { computed, onUnmounted, ref, watch } from 'vue'
 import { isStaff } from '~/helpers/users.js'
 
 import ThreadView from '../thread/ThreadView.vue'
-import ModerationItemHeader, { type ModerationOwner } from './ModerationItemHeader.vue'
+import ModerationItemHeader from './ModerationItemHeader.vue'
+import ModerationOwnerLink, { type ModerationOwner } from './ModerationOwnerLink.vue'
 import SharedInstanceReportContext, {
 	type SharedInstanceOwnerInstance,
 	type SharedInstanceReportDetails,
@@ -381,6 +372,13 @@ const expandText = computed(() => {
 	return `Show ${remainingMessageCount.value} more messages`
 })
 
+const reporter = computed<ModerationOwner>(() => ({
+	kind: 'user',
+	id: props.report.reporter_user.id,
+	name: props.report.reporter_user.username,
+	icon_url: props.report.reporter_user.avatar_url,
+}))
+
 async function closeReport(reply = false) {
 	if (reply && reportThread.value) {
 		await reportThread.value.sendReply()
@@ -873,16 +871,6 @@ const formattedReportType = computed(() =>
 	formatReportType(formatMessage, props.report.report_type),
 )
 
-function copyId() {
-	navigator.clipboard.writeText(props.report.id).then(() => {
-		addNotification({
-			type: 'success',
-			title: 'Report ID copied',
-			text: 'The ID of this report has been copied to your clipboard.',
-		})
-	})
-}
-
 async function banSharedInstanceOwner(owner: SharedInstanceReportUser) {
 	if (sharedInstanceBanPending.value) return
 	sharedInstanceBanPending.value = true
diff --git a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
index 5d209ae129..0a56144bfb 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue
@@ -214,9 +214,9 @@ watch(
 						</div>
 
 						<div class="rounded-full border-solid px-2.5 py-1" :class="severityColor">
-							<span class="text-sm font-medium">{{
-								capitalizeString(highestSeverity.toLowerCase())
-							}}</span>
+							<span class="text-sm font-medium">
+								{{ capitalizeString(highestSeverity.toLowerCase()) }}
+							</span>
 						</div>
 					</template>
 				</ModerationItemHeader>
@@ -236,7 +236,7 @@ watch(
 								<CodeIcon />
 							</ButtonLink>
 							<CopyLinkButton
-								copy-label="Copy project link"
+								copy-label="Copy tech review link"
 								:url="`https://modrinth.com/moderation/technical-review/${props.item.project.id}`"
 							/>
 							<ButtonLink
diff --git a/apps/frontend/src/components/ui/thread/ConversationThread.vue b/apps/frontend/src/components/ui/thread/ConversationThread.vue
index 071bfa87cb..4204c23409 100644
--- a/apps/frontend/src/components/ui/thread/ConversationThread.vue
+++ b/apps/frontend/src/components/ui/thread/ConversationThread.vue
@@ -188,7 +188,7 @@
 								class="animate-spin"
 								aria-hidden="true"
 							/>
-							<ScaleIcon v-else aria-hidden="true" />
+							<StickyNotePlusIcon v-else aria-hidden="true" />
 							{{ formatMessage(messages.actionAddPrivateNote) }}
 						</Button>
 						<template v-if="currentMember && !currentMember.staffOnly">
@@ -403,6 +403,7 @@ import {
 	ScaleIcon,
 	SendIcon,
 	SpinnerIcon,
+	StickyNotePlusIcon,
 	XIcon,
 } from '@modrinth/assets'
 import {
diff --git a/apps/frontend/src/components/ui/thread/ThreadView.vue b/apps/frontend/src/components/ui/thread/ThreadView.vue
index e9e81b6cdf..c1855b5cef 100644
--- a/apps/frontend/src/components/ui/thread/ThreadView.vue
+++ b/apps/frontend/src/components/ui/thread/ThreadView.vue
@@ -49,15 +49,15 @@
 							color="brand"
 							:disabled="!replyBody"
 							class="w-full sm:w-auto"
-							@click="sendReply(true)"
+							@click="sendReply(false)"
 						>
-							<StickyNotePlusIcon />
-							Add note
-						</Button>
-						<Button :disabled="!replyBody" class="w-full sm:w-auto" @click="sendReply(false)">
 							<SendIcon />
 							Send publicly
 						</Button>
+						<Button :disabled="!replyBody" class="w-full sm:w-auto" @click="sendReply(true)">
+							<StickyNotePlusIcon />
+							Add private note
+						</Button>
 					</template>
 					<template v-else>
 						<Button
@@ -89,7 +89,7 @@
 							@click="sendReply(true)"
 						>
 							<StickyNotePlusIcon />
-							Add note
+							Add private note
 						</Button>
 					</template>
 					<TeleportOverflowMenu
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index ec8d6e9bd5..85e2195dd9 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -782,6 +782,9 @@
   "auth.create-account.date-of-birth.label": {
     "message": "Date of birth"
   },
+  "auth.create-account.date-of-birth.not-meet-age-requirement": {
+    "message": "You do not meet the age requirement to create an account at Modrinth."
+  },
   "auth.create-account.date-of-birth.placeholder": {
     "message": "Select your date of birth"
   },
@@ -792,7 +795,7 @@
     "message": "Date of birth required"
   },
   "auth.create-account.date-of-birth.under13-helper": {
-    "message": "You do not meet the age requirement to create an account at Modrinth."
+    "message": "You cannot create an account at Modrinth unless you are over 13 years old."
   },
   "auth.create-account.info-panel.source-code-link": {
     "message": "Relevant source code"
diff --git a/apps/frontend/src/pages/moderation/index.vue b/apps/frontend/src/pages/moderation/index.vue
index efa648356e..eddc11790c 100644
--- a/apps/frontend/src/pages/moderation/index.vue
+++ b/apps/frontend/src/pages/moderation/index.vue
@@ -4,6 +4,7 @@
 			v-model="query"
 			:page="currentPage"
 			:total-pages="totalPages"
+			:loading="pending"
 			@search="goToPage(1)"
 			@switch-page="goToPage"
 		>
diff --git a/apps/frontend/src/pages/moderation/reports/index.vue b/apps/frontend/src/pages/moderation/reports/index.vue
index dafe872cd7..8baf641883 100644
--- a/apps/frontend/src/pages/moderation/reports/index.vue
+++ b/apps/frontend/src/pages/moderation/reports/index.vue
@@ -4,6 +4,7 @@
 			v-model="query"
 			:page="currentPage"
 			:total-pages="totalPages"
+			:loading="isLoading"
 			@search="goToPage(1)"
 			@switch-page="goToPage"
 		>
@@ -165,7 +166,7 @@
 				</TeleportPopoutMenu>
 			</template>
 			<template #meta>
-				<div v-if="sortedReports.length > 0">
+				<div v-if="!isLoading && sortedReports.length > 0">
 					Showing {{ formatNumber(pageStart) }}–{{ formatNumber(pageEnd) }} of
 					{{ formatNumber(sortedReports.length) }} reports
 				</div>
diff --git a/apps/frontend/src/pages/moderation/technical-review/index.vue b/apps/frontend/src/pages/moderation/technical-review/index.vue
index 9edb7a0aba..f200b8112f 100644
--- a/apps/frontend/src/pages/moderation/technical-review/index.vue
+++ b/apps/frontend/src/pages/moderation/technical-review/index.vue
@@ -608,6 +608,7 @@ onUnmounted(() => {
 			v-model="query"
 			:page="currentPage"
 			:total-pages="totalPages"
+			:loading="isLoading"
 			@search="goToPage(1)"
 			@switch-page="goToPage"
 		>

From ab83a486803c1b70865a33155fb3ad0527c91638 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 31 Aug 2026 11:17:58 -0700
Subject: [PATCH 12/12] fix error + queue consistency pt 2

---
 .../ui/moderation/ModerationQueueCard.vue     | 49 +++++++------------
 .../ui/moderation/ModerationReportCard.vue    |  3 +-
 .../ui/moderation/ModpackScanModal.vue        |  2 +-
 .../settings/ModerationSettings.vue           |  2 +-
 4 files changed, 22 insertions(+), 34 deletions(-)

diff --git a/apps/frontend/src/components/ui/moderation/ModerationQueueCard.vue b/apps/frontend/src/components/ui/moderation/ModerationQueueCard.vue
index 7df3d9deb1..53275963bf 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationQueueCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationQueueCard.vue
@@ -102,12 +102,20 @@
 				</span>
 
 				<div class="flex items-center gap-2">
-					<IconButton v-tooltip="'Copy ID'" :label="'Copy ID'" @click="copyId">
-						<ClipboardCopyIcon />
-					</IconButton>
-					<IconButton v-tooltip="'Copy link'" :label="'Copy link'" @click="copyLink">
-						<LinkIcon />
-					</IconButton>
+					<CopyCode v-tooltip="'Copy project ID'" :text="queueEntry.project.id" />
+					<CopyLinkButton
+						v-tooltip="'Copy project link'"
+						:url="`https://modrinth.com/project/${queueEntry.project.id}`"
+					/>
+					<ButtonLink
+						v-tooltip="'Open moderation thread'"
+						:href="`/project/${queueEntry.project.id}/moderation`"
+						target="_blank"
+						circular
+						icon-only
+					>
+						<ExternalIcon />
+					</ButtonLink>
 					<IconButton
 						v-tooltip="'Begin review'"
 						type="colored"
@@ -124,13 +132,15 @@
 </template>
 
 <script setup lang="ts">
-import { ClipboardCopyIcon, FileIcon, LinkIcon, ScaleIcon } from '@modrinth/assets'
+import { ExternalIcon, FileIcon, ScaleIcon } from '@modrinth/assets'
 import {
 	Avatar,
 	Badge,
+	ButtonLink,
+	CopyCode,
+	CopyLinkButton,
 	getProjectTypeIcon,
 	IconButton,
-	injectNotificationManager,
 	useFormatDateTime,
 	useRelativeTime,
 } from '@modrinth/ui'
@@ -140,7 +150,6 @@ import { computed } from 'vue'
 
 import type { ModerationProject } from '~/helpers/moderation'
 
-const { addNotification } = injectNotificationManager()
 const formatRelativeTime = useRelativeTime()
 const formatDateTimeFull = useFormatDateTime({
 	weekday: 'short',
@@ -199,28 +208,6 @@ const formattedDate = computed(() => {
 	}
 })
 
-function copyLink() {
-	const base = window.location.origin
-	const projectUrl = `${base}/project/${projectRouteParam.value}`
-	navigator.clipboard.writeText(projectUrl).then(() => {
-		addNotification({
-			type: 'success',
-			title: 'Project link copied',
-			text: 'The link to this project has been copied to your clipboard.',
-		})
-	})
-}
-
-function copyId() {
-	navigator.clipboard.writeText(props.queueEntry.project.id).then(() => {
-		addNotification({
-			type: 'success',
-			title: 'Project ID copied',
-			text: 'The ID of this project has been copied to your clipboard.',
-		})
-	})
-}
-
 function openProjectForReview() {
 	emit('startFromProject', props.queueEntry.project.id)
 }
diff --git a/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue b/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
index 8eba611973..7a572ef66f 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationReportCard.vue
@@ -38,7 +38,8 @@
 							v-tooltip="'Open in new tab'"
 							:href="`/moderation/reports/${props.report.id}`"
 							target="_blank"
-							class="!w-9 !rounded-full !px-0"
+							circular
+							icon-only
 						>
 							<ExternalIcon />
 						</ButtonLink>
diff --git a/apps/frontend/src/components/ui/moderation/ModpackScanModal.vue b/apps/frontend/src/components/ui/moderation/ModpackScanModal.vue
index 861b6b04ca..3c66a6191a 100644
--- a/apps/frontend/src/components/ui/moderation/ModpackScanModal.vue
+++ b/apps/frontend/src/components/ui/moderation/ModpackScanModal.vue
@@ -488,7 +488,7 @@ defineExpose({ show, hide })
 							</summary>
 							<div class="flex flex-wrap gap-1 pt-2">
 								<span
-									v-for="name of row.scan?.scanned_file_names ?? []"
+									v-for="name in row.scan?.scanned_file_names ?? []"
 									:key="name"
 									v-tooltip="name"
 									class="flex items-center gap-1 text-wrap rounded-full bg-button-bg px-2 py-0.5 text-xs font-medium text-contrast"
diff --git a/apps/frontend/src/components/ui/moderation/settings/ModerationSettings.vue b/apps/frontend/src/components/ui/moderation/settings/ModerationSettings.vue
index 150eec6189..eb22ba2d38 100644
--- a/apps/frontend/src/components/ui/moderation/settings/ModerationSettings.vue
+++ b/apps/frontend/src/components/ui/moderation/settings/ModerationSettings.vue
@@ -37,7 +37,7 @@ const displayedSettings = ref<{ [name: string]: SettingDefinition[] }>(flattened
 </script>
 
 <template>
-	<div v-for="[name, page] of Object.entries(displayedSettings)" :key="name" class="universal-card">
+	<div v-for="[name, page] in Object.entries(displayedSettings)" :key="name" class="universal-card">
 		<h2 class="text-2xl">{{ name }}</h2>
 		<div class="flex flex-col gap-3">
 			<div