From 13efdcde49c40646c800a02f3e66cee303a8ca80 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Nov 2026 16:52:15 -0600
Subject: [PATCH 1/2] feat: surface project flags in modview

---
 .../project-review/flag-list/flag-card.vue    |  47 ++++
 .../project-review/flag-list/index.vue        |  27 +++
 .../src/components/project-review/index.vue   |  12 +-
 .../project-review/project-info/section.vue   |  10 +-
 .../project-review/review-panel/anchor.vue    |   2 +
 .../review-panel/flags-count-badge.vue        |  21 ++
 .../project-review/review-panel/flags.vue     |  56 +++++
 .../project-review/review-panel/index.vue     |   3 +
 .../project-review/review-panel/popover.vue   |   2 +-
 .../re-review-findings-count-badge.vue        |   4 +-
 .../providers/project-review/review-flags.ts  |  97 ++++++++
 .../labrinth/project-flags/internal.ts        |   8 +
 .../modules/labrinth/project-flags/types.ts   |   9 +-
 packages/assets/generated-icons.ts            | 217 +++++++++---------
 14 files changed, 400 insertions(+), 115 deletions(-)
 create mode 100644 apps/frontend/src/components/project-review/flag-list/flag-card.vue
 create mode 100644 apps/frontend/src/components/project-review/flag-list/index.vue
 create mode 100644 apps/frontend/src/components/project-review/review-panel/flags-count-badge.vue
 create mode 100644 apps/frontend/src/components/project-review/review-panel/flags.vue
 create mode 100644 apps/frontend/src/providers/project-review/review-flags.ts

diff --git a/apps/frontend/src/components/project-review/flag-list/flag-card.vue b/apps/frontend/src/components/project-review/flag-list/flag-card.vue
new file mode 100644
index 00000000000..38a597789d5
--- /dev/null
+++ b/apps/frontend/src/components/project-review/flag-list/flag-card.vue
@@ -0,0 +1,47 @@
+<template>
+	<article
+		class="flex min-w-0 flex-col gap-2 rounded-xl border border-solid border-surface-3 bg-surface-2 p-2.5 text-sm"
+	>
+		<div class="flex items-center gap-2">
+			<h3 class="m-0 flex min-w-0 flex-1 items-center gap-1.5 text-sm font-medium text-contrast">
+				<TagCategoryFlagIcon class="size-4 shrink-0 text-purple" aria-hidden="true" />
+				<span class="min-w-0 break-words">{{ flag.name || flag.key }}</span>
+			</h3>
+			<ButtonLink
+				v-tooltip="'View flag rule'"
+				type="quiet"
+				size="xs"
+				class="-my-1 -mr-1 !size-7 shrink-0 !rounded-full !p-0"
+				href="/moderation/project-flag"
+				target="_blank"
+				rel="noopener noreferrer"
+				aria-label="View flag rule"
+			>
+				<ExternalIcon class="!size-3.5 !min-h-0 !min-w-0" aria-hidden="true" />
+			</ButtonLink>
+		</div>
+		<p v-if="flag.reason" class="m-0 whitespace-pre-wrap break-words text-primary">
+			{{ flag.reason }}
+		</p>
+		<div v-if="flag.location" class="flex">
+			<Button
+				size="xs"
+				type="quiet"
+				class="!h-auto !min-h-0 !rounded-full !bg-surface-3 !px-2.5 !py-1 !text-xs !font-medium hover:!bg-surface-4"
+				@click="emit('reveal', flag.location.review_panel_key)"
+			>
+				<PanelTopIcon class="!size-3.5 shrink-0" aria-hidden="true" />
+				{{ locationTitle || flag.location.review_panel_key }}
+			</Button>
+		</div>
+	</article>
+</template>
+
+<script setup lang="ts">
+import type { ProjectFlag } from '@modrinth/api-client'
+import { ExternalIcon, PanelTopIcon, TagCategoryFlagIcon } from '@modrinth/assets'
+import { Button, ButtonLink } from '@modrinth/ui'
+
+defineProps<{ flag: ProjectFlag; locationTitle?: string }>()
+const emit = defineEmits<{ reveal: [key: string] }>()
+</script>
diff --git a/apps/frontend/src/components/project-review/flag-list/index.vue b/apps/frontend/src/components/project-review/flag-list/index.vue
new file mode 100644
index 00000000000..9634efacdcc
--- /dev/null
+++ b/apps/frontend/src/components/project-review/flag-list/index.vue
@@ -0,0 +1,27 @@
+<template>
+	<div class="flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto">
+		<FlagCard
+			v-for="flag in flags"
+			:key="flag.key"
+			:flag="flag"
+			:location-title="locationTitle(flag.location?.review_panel_key)"
+			@reveal="revealPanel"
+		/>
+		<p v-if="!flags.length" class="m-0 text-sm text-secondary">No flags on this project.</p>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { injectReviewFlags } from '~/providers/project-review/review-flags'
+import { injectReviewPanels } from '~/providers/project-review/review-panels'
+
+import { injectReviewContext } from '../review-panel/context'
+import FlagCard from './flag-card.vue'
+
+const { flags } = injectReviewFlags()
+const panels = injectReviewPanels()
+const { revealPanel } = injectReviewContext()
+function locationTitle(key: string | undefined) {
+	return key ? panels.resolve({ kind: 'panel', key })?.panel.title : undefined
+}
+</script>
diff --git a/apps/frontend/src/components/project-review/index.vue b/apps/frontend/src/components/project-review/index.vue
index a28cf5962d3..21672abb249 100644
--- a/apps/frontend/src/components/project-review/index.vue
+++ b/apps/frontend/src/components/project-review/index.vue
@@ -70,6 +70,7 @@
 							</div>
 						</div>
 						<IssueList v-show="activeReviewTab === 'issues'" />
+						<FlagList v-show="activeReviewTab === 'flags'" />
 						<IssueList v-show="activeReviewTab === 're-review'" re-review />
 						<MessageThread v-show="activeReviewTab === 'thread'" ref="messageThread" />
 					</section>
@@ -105,6 +106,7 @@ import {
 import { isStaff } from '~/helpers/users.js'
 import { injectProjectReviewPageContext } from '~/providers/project-review'
 import { previousReviewLinkUrls } from '~/providers/project-review/project-links'
+import { createReviewFlags, provideReviewFlags } from '~/providers/project-review/review-flags'
 import {
 	createReviewMessages,
 	provideReviewMessages,
@@ -126,6 +128,7 @@ import {
 
 import Description from './description/index.vue'
 import Disclosures from './disclosures/index.vue'
+import FlagList from './flag-list/index.vue'
 import Gallery from './gallery/index.vue'
 import IssueList from './issue-list/index.vue'
 import IssuePicker from './issue-list/issue-picker.vue'
@@ -177,6 +180,7 @@ const visibleTabs = computed<readonly ProjectReviewTab[]>((previousTabs) => {
 	)
 })
 const reviewProjectId = computed(() => project.value?.id)
+const reviewFlags = provideReviewFlags(createReviewFlags(reviewProjectId))
 const session = provideReviewSession(createReviewSession())
 const settings = useModerationSettings()
 const panels = provideReviewPanels(
@@ -298,6 +302,7 @@ const rightPanelTabs = computed(() => [
 		value: 'issues',
 		label: `Issues (${issueCount.value})`,
 	},
+	{ value: 'flags', label: `Flags (${reviewFlags.flags.value.length})` },
 ])
 
 watch(
@@ -313,7 +318,12 @@ watch(projectId, () => {
 })
 
 useShortcut('cycle-conversation', () => {
-	const tabs = ['issues', 'thread', ...(hasPreviousStructuredIssues.value ? ['re-review'] : [])]
+	const tabs = [
+		'issues',
+		'flags',
+		'thread',
+		...(hasPreviousStructuredIssues.value ? ['re-review'] : []),
+	]
 	activeReviewTab.value = tabs[(tabs.indexOf(activeReviewTab.value) + 1) % tabs.length]
 	shortcuts.run('reveal-right')
 })
diff --git a/apps/frontend/src/components/project-review/project-info/section.vue b/apps/frontend/src/components/project-review/project-info/section.vue
index 556137c6943..0fd3a63d4de 100644
--- a/apps/frontend/src/components/project-review/project-info/section.vue
+++ b/apps/frontend/src/components/project-review/project-info/section.vue
@@ -12,10 +12,11 @@
 				<slot name="heading-after" />
 			</div>
 			<div
-				v-if="$slots.right || selectedFindingCount > 0 || reReviewFindingCount > 0"
+				v-if="$slots.right || flagCount > 0 || selectedFindingCount > 0 || reReviewFindingCount > 0"
 				class="flex shrink-0 items-center gap-2"
 			>
 				<slot name="right" />
+				<FlagsCountBadge :panel-key="target ? panels.resolve(target)?.key : undefined" />
 				<ReReviewFindingsCountBadge :count="reReviewFindingCount" />
 				<FindingsCountBadge :count="selectedFindingCount" />
 			</div>
@@ -28,9 +29,11 @@
 import { computed } from 'vue'
 
 import type { ReviewTarget } from '~/providers/project-review/review'
+import { injectReviewFlags } from '~/providers/project-review/review-flags'
 import { injectReviewPanels } from '~/providers/project-review/review-panels'
 import { injectReviewPreviousIssues } from '~/providers/project-review/review-previous-issues'
 
+import FlagsCountBadge from '../review-panel/flags-count-badge.vue'
 import FindingsCountBadge from '../review-panel/findings-count-badge.vue'
 import ReviewPanel from '../review-panel/index.vue'
 import ReReviewFindingsCountBadge from '../review-panel/re-review-findings-count-badge.vue'
@@ -41,6 +44,11 @@ const props = defineProps<{
 }>()
 const panels = injectReviewPanels()
 const previousIssues = injectReviewPreviousIssues()
+const reviewFlags = injectReviewFlags(null)
+const flagCount = computed(() => {
+	const binding = props.target ? panels.resolve(props.target) : undefined
+	return binding ? (reviewFlags?.forPanel(binding.key).length ?? 0) : 0
+})
 const reReviewFindingCount = computed(() => {
 	const binding = props.target ? panels.resolve(props.target) : undefined
 	return binding ? previousIssues.reReviewFindingCount(binding) : 0
diff --git a/apps/frontend/src/components/project-review/review-panel/anchor.vue b/apps/frontend/src/components/project-review/review-panel/anchor.vue
index 5634ba05012..466ff1628da 100644
--- a/apps/frontend/src/components/project-review/review-panel/anchor.vue
+++ b/apps/frontend/src/components/project-review/review-panel/anchor.vue
@@ -19,6 +19,7 @@
 		>
 			<slot />
 			<div v-if="showFindingBadge" class="absolute right-0 top-0 flex items-center gap-1">
+				<FlagsCountBadge :panel-key="panels.resolve(target)?.key" />
 				<ReReviewFindingsCountBadge :count="reReviewFindingCount" />
 				<FindingsCountBadge :count="selectedFindingCount" />
 			</div>
@@ -36,6 +37,7 @@ import { injectReviewPanels } from '~/providers/project-review/review-panels'
 import { injectReviewPreviousIssues } from '~/providers/project-review/review-previous-issues'
 
 import { injectReviewContext } from './context'
+import FlagsCountBadge from './flags-count-badge.vue'
 import FindingsCountBadge from './findings-count-badge.vue'
 import Highlight from './highlight.vue'
 import ReReviewFindingsCountBadge from './re-review-findings-count-badge.vue'
diff --git a/apps/frontend/src/components/project-review/review-panel/flags-count-badge.vue b/apps/frontend/src/components/project-review/review-panel/flags-count-badge.vue
new file mode 100644
index 00000000000..76de6571820
--- /dev/null
+++ b/apps/frontend/src/components/project-review/review-panel/flags-count-badge.vue
@@ -0,0 +1,21 @@
+<template>
+	<span
+		v-if="flags.length"
+		class="pointer-events-none flex shrink-0 items-center gap-0.5 text-xs font-medium leading-none text-purple"
+		:aria-label="`${flags.length} flags`"
+	>
+		<TagCategoryFlagIcon class="size-3.5 shrink-0 text-purple" aria-hidden="true" />
+		<span aria-hidden="true">{{ flags.length }}</span>
+	</span>
+</template>
+
+<script setup lang="ts">
+import { TagCategoryFlagIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+
+import { injectReviewFlags } from '~/providers/project-review/review-flags'
+
+const props = defineProps<{ panelKey?: string }>()
+const reviewFlags = injectReviewFlags(null)
+const flags = computed(() => (props.panelKey ? (reviewFlags?.forPanel(props.panelKey) ?? []) : []))
+</script>
diff --git a/apps/frontend/src/components/project-review/review-panel/flags.vue b/apps/frontend/src/components/project-review/review-panel/flags.vue
new file mode 100644
index 00000000000..74b0a9876ac
--- /dev/null
+++ b/apps/frontend/src/components/project-review/review-panel/flags.vue
@@ -0,0 +1,56 @@
+<template>
+	<div v-if="flags.length" class="flex flex-wrap gap-1">
+		<Tooltip
+			v-for="flag in flags"
+			:key="flag.key"
+			interactive
+			panel-class="w-[min(20rem,calc(100vw-1rem))] !border-0 !bg-transparent !p-0 font-normal !shadow-none [&_.tooltip-arrow]:!border-surface-3 [&_.tooltip-arrow]:!bg-surface-2"
+		>
+			<span class="inline-flex items-center gap-1.5 text-sm font-medium text-contrast">
+				<TagCategoryFlagIcon class="size-4 shrink-0 text-purple" aria-hidden="true" />
+				{{ flag.name || flag.key }}
+			</span>
+			<template #popper>
+				<FlagCard
+					:flag="flag"
+					:location-title="locationTitle(flag.location?.review_panel_key)"
+					@reveal="reviewContext.revealPanel"
+					@pointerenter="setPreviewHovered(true)"
+					@pointerleave="setPreviewHovered(false)"
+					@pointerdown.stop
+				/>
+			</template>
+		</Tooltip>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { TagCategoryFlagIcon } from '@modrinth/assets'
+import { Tooltip } from '@modrinth/ui'
+import { computed, onBeforeUnmount } from 'vue'
+
+import { injectReviewFlags } from '~/providers/project-review/review-flags'
+import { injectReviewPanels } from '~/providers/project-review/review-panels'
+
+import FlagCard from '../flag-list/flag-card.vue'
+import { injectReviewContext } from './context'
+
+const props = defineProps<{ panelKey?: string; panelId: string }>()
+const reviewFlags = injectReviewFlags(null)
+const panels = injectReviewPanels()
+const reviewContext = injectReviewContext()
+const flags = computed(() => (props.panelKey ? (reviewFlags?.forPanel(props.panelKey) ?? []) : []))
+let previewHovered = false
+
+function locationTitle(key: string | undefined) {
+	return key ? panels.resolve({ kind: 'panel', key })?.panel.title : undefined
+}
+
+function setPreviewHovered(hovered: boolean) {
+	if (previewHovered === hovered) return
+	previewHovered = hovered
+	reviewContext.setDropdownOpen(props.panelId, hovered)
+}
+
+onBeforeUnmount(() => setPreviewHovered(false))
+</script>
diff --git a/apps/frontend/src/components/project-review/review-panel/index.vue b/apps/frontend/src/components/project-review/review-panel/index.vue
index 455615302a4..b759f5eab0b 100644
--- a/apps/frontend/src/components/project-review/review-panel/index.vue
+++ b/apps/frontend/src/components/project-review/review-panel/index.vue
@@ -43,6 +43,7 @@
 					</Tooltip>
 				</div>
 			</template>
+			<Flags :panel-key="binding?.key" :panel-id="id" />
 			<Controls
 				:key="controlsKey"
 				:binding="binding"
@@ -97,6 +98,7 @@
 					<InfoIcon v-else class="size-4" aria-hidden="true" />
 				</Tooltip>
 			</div>
+			<Flags :panel-key="binding?.key" :panel-id="id" />
 			<template v-if="!disabled">
 				<Controls
 					:key="controlsKey"
@@ -128,6 +130,7 @@ import { injectProjectReviewContext, injectReviewSlot } from '../layout/context'
 import Anchor from './anchor.vue'
 import { flashReviewElement, injectReviewContext, scrollReviewElement } from './context'
 import Controls from './controls/index.vue'
+import Flags from './flags.vue'
 import Highlight from './highlight.vue'
 import Popover from './popover.vue'
 
diff --git a/apps/frontend/src/components/project-review/review-panel/popover.vue b/apps/frontend/src/components/project-review/review-panel/popover.vue
index 0e3fe9269dc..1fce60594a2 100644
--- a/apps/frontend/src/components/project-review/review-panel/popover.vue
+++ b/apps/frontend/src/components/project-review/review-panel/popover.vue
@@ -36,7 +36,7 @@
 					</IconButton>
 				</div>
 			</div>
-			<div class="space-y-4 break-words [&_a]:break-all">
+			<div class="flex flex-col gap-3 break-words [&_a]:break-all">
 				<slot />
 			</div>
 		</div>
diff --git a/apps/frontend/src/components/project-review/review-panel/re-review-findings-count-badge.vue b/apps/frontend/src/components/project-review/review-panel/re-review-findings-count-badge.vue
index d2acdf97813..fb7ebb84302 100644
--- a/apps/frontend/src/components/project-review/review-panel/re-review-findings-count-badge.vue
+++ b/apps/frontend/src/components/project-review/review-panel/re-review-findings-count-badge.vue
@@ -1,9 +1,9 @@
 <template>
 	<span
 		v-if="count > 0"
-		class="pointer-events-none flex h-[19px] min-w-[18px] shrink-0 items-center justify-center gap-1 rounded-full border border-solid border-surface-5 bg-surface-3 px-1.5 text-xs font-medium leading-none text-primary"
+		class="pointer-events-none flex shrink-0 items-center gap-0.5 text-xs font-medium leading-none text-orange"
 	>
-		<TagCategoryRefreshCcwIcon class="size-3 shrink-0 text-orange" aria-hidden="true" />
+		<TagCategoryRefreshCcwIcon class="size-3.5 shrink-0 text-orange" aria-hidden="true" />
 		<span aria-hidden="true">{{ count }}</span>
 		<span class="sr-only">{{
 			count === 1 ? `${count} re-review item` : `${count} re-review items`
diff --git a/apps/frontend/src/providers/project-review/review-flags.ts b/apps/frontend/src/providers/project-review/review-flags.ts
new file mode 100644
index 00000000000..be6470e6c7f
--- /dev/null
+++ b/apps/frontend/src/providers/project-review/review-flags.ts
@@ -0,0 +1,97 @@
+import type { ProjectFlag } from '@modrinth/api-client'
+import { createContext } from '@modrinth/ui'
+import { computed, type Ref } from 'vue'
+
+/** Temporary project flags until the project-flags endpoint is available. */
+const mockProjectFlags: ProjectFlag[] = [
+	{
+		key: 'owner-account-age-under-three-days',
+		name: 'Owner account is less than 3 days old',
+		reason: 'The project owner created their account 2 days ago, below the 3-day threshold.',
+	},
+	{
+		key: 'owner-has-rejected-projects',
+		name: 'Owner has previously rejected projects',
+		reason: 'The project owner has 2 projects with a rejected status.',
+	},
+	{
+		key: 'project-previous-malware-detection',
+		name: 'Project has a previous malware detection',
+		reason: 'A file in a previous version was identified as malware and removed.',
+		retain_if_removed: true,
+	},
+	{
+		key: 'owner-has-open-reports',
+		name: 'Owner has unresolved reports',
+		reason: 'There are 3 unresolved reports associated with the project owner.',
+	},
+	{
+		key: 'summary-contains-external-url',
+		name: 'Summary contains an external URL',
+		reason: 'The summary contains a link to an external download site.',
+		location: { review_panel_key: 'summary' },
+	},
+	{
+		key: 'summary-matches-rejected-project',
+		name: 'Summary matches a rejected project',
+		reason: 'The normalized summary is identical to the summary of a previously rejected project.',
+		location: { review_panel_key: 'summary' },
+	},
+	{
+		key: 'description-contains-shortened-url',
+		name: 'Description contains a shortened URL',
+		reason: 'The description contains a bit.ly URL that obscures the destination.',
+		location: { review_panel_key: 'description' },
+	},
+	{
+		key: 'license-custom-without-url',
+		name: 'Custom license has no license URL',
+		reason: 'The project uses LicenseRef-Custom but does not provide a URL to the license terms.',
+		location: { review_panel_key: 'license' },
+	},
+	{
+		key: 'slug-contains-official',
+		name: 'Project slug contains "official"',
+		reason: 'The slug contains the reserved branding term "official".',
+		location: { review_panel_key: 'slug' },
+	},
+	{
+		key: 'title-contains-truman',
+		name: 'Project name cannot contain "Truman"',
+		reason:
+			'The project name matches the prohibited term "Truman" using a case-insensitive comparison.',
+		location: { review_panel_key: 'title' },
+	},
+	{
+		key: 'disclosures-missing-external-service',
+		name: 'External service is not disclosed',
+		reason:
+			'An uploaded file references an external analytics endpoint, but no external service is disclosed.',
+		location: { review_panel_key: 'disclosures' },
+	},
+	{
+		key: 'version-file-matches-rejected-file',
+		name: 'Version file matches a rejected file',
+		reason:
+			'An uploaded file has the same SHA-512 hash as a file from a previously rejected project.',
+		location: { review_panel_key: 'versions' },
+	},
+]
+
+export const [injectReviewFlags, provideReviewFlags] =
+	createContext<ReturnType<typeof createReviewFlags>>('ProjectReviewFlags')
+
+export function createReviewFlags(projectId: Ref<string | undefined>) {
+	const flags = computed(() =>
+		(projectId.value ? [...mockProjectFlags] : []).sort(
+			(a, b) =>
+				Number(!!a.location) - Number(!!b.location) ||
+				(a.name || a.key).localeCompare(b.name || b.key, 'en'),
+		),
+	)
+	return {
+		flags,
+		forPanel: (key: string) =>
+			flags.value.filter((flag) => flag.location?.review_panel_key === key),
+	}
+}
diff --git a/packages/api-client/src/modules/labrinth/project-flags/internal.ts b/packages/api-client/src/modules/labrinth/project-flags/internal.ts
index a9428b2c5fc..11d6e7f2028 100644
--- a/packages/api-client/src/modules/labrinth/project-flags/internal.ts
+++ b/packages/api-client/src/modules/labrinth/project-flags/internal.ts
@@ -5,6 +5,7 @@ import type {
 	ListProjectFlagRulesParams,
 	ListProjectFlagRunsParams,
 	ListProjectFlagRunResultsParams,
+	ProjectFlag,
 	ProjectFlagRun,
 	ProjectFlagRunResults,
 	ProjectFlagEvaluation,
@@ -17,6 +18,13 @@ export class LabrinthProjectFlagsInternalModule extends AbstractModule {
 		return 'labrinth_project_flags_internal'
 	}
 
+	public async getProjectFlags(id: string): Promise<ProjectFlag[]> {
+		return this.client.request<ProjectFlag[]>(
+			`/moderation/project-flag/project/${encodeURIComponent(id)}`,
+			{ api: 'labrinth', version: 'internal', method: 'GET' },
+		)
+	}
+
 	public async getRuleSchema(): Promise<ProjectFlagRuleSchemaResponse> {
 		return this.client.request<ProjectFlagRuleSchemaResponse>(
 			'/moderation/project-flag/rules/schema',
diff --git a/packages/api-client/src/modules/labrinth/project-flags/types.ts b/packages/api-client/src/modules/labrinth/project-flags/types.ts
index 74dd3ebb9ba..483edb4ae09 100644
--- a/packages/api-client/src/modules/labrinth/project-flags/types.ts
+++ b/packages/api-client/src/modules/labrinth/project-flags/types.ts
@@ -39,8 +39,13 @@ export interface ProjectFlagEvaluation {
 
 export interface ProjectFlag {
 	key: string
-	retain_if_removed: boolean
-	[field: string]: ProjectFlagValue
+	retain_if_removed?: boolean
+	name?: string
+	reason?: string
+	location?: {
+		review_panel_key: string
+	}
+	[field: string]: ProjectFlagValue | undefined
 }
 
 export interface ProjectFlagRun {
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index a36555c8d76..38538142d94 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -985,140 +985,141 @@ export const XCircleIcon = _XCircleIcon
 export const ZoomInIcon = _ZoomInIcon
 export const ZoomOutIcon = _ZoomOutIcon
 
+
 export const categoryIconMap: Record<string, IconComponent> = {
-	adventure: TagCategoryAdventureIcon,
-	atmosphere: TagCategoryAtmosphereIcon,
-	audio: TagCategoryAudioIcon,
-	backpack: TagCategoryBackpackIcon,
-	badge: TagCategoryBadgeIcon,
+	'adventure': TagCategoryAdventureIcon,
+	'atmosphere': TagCategoryAtmosphereIcon,
+	'audio': TagCategoryAudioIcon,
+	'backpack': TagCategoryBackpackIcon,
+	'badge': TagCategoryBadgeIcon,
 	'badge-check': TagCategoryBadgeCheckIcon,
 	'bed-double': TagCategoryBedDoubleIcon,
-	blocks: TagCategoryBlocksIcon,
-	bloom: TagCategoryBloomIcon,
+	'blocks': TagCategoryBlocksIcon,
+	'bloom': TagCategoryBloomIcon,
 	'building-2': TagCategoryBuilding2Icon,
-	camera: TagCategoryCameraIcon,
-	cartoon: TagCategoryCartoonIcon,
-	castle: TagCategoryCastleIcon,
-	challenging: TagCategoryChallengingIcon,
-	clapperboard: TagCategoryClapperboardIcon,
-	cloud: TagCategoryCloudIcon,
+	'camera': TagCategoryCameraIcon,
+	'cartoon': TagCategoryCartoonIcon,
+	'castle': TagCategoryCastleIcon,
+	'challenging': TagCategoryChallengingIcon,
+	'clapperboard': TagCategoryClapperboardIcon,
+	'cloud': TagCategoryCloudIcon,
 	'colored-lighting': TagCategoryColoredLightingIcon,
-	combat: TagCategoryCombatIcon,
-	compass: TagCategoryCompassIcon,
+	'combat': TagCategoryCombatIcon,
+	'compass': TagCategoryCompassIcon,
 	'core-shaders': TagCategoryCoreShadersIcon,
-	crown: TagCategoryCrownIcon,
-	cursed: TagCategoryCursedIcon,
-	decoration: TagCategoryDecorationIcon,
-	dices: TagCategoryDicesIcon,
-	economy: TagCategoryEconomyIcon,
-	entities: TagCategoryEntitiesIcon,
-	environment: TagCategoryEnvironmentIcon,
-	equipment: TagCategoryEquipmentIcon,
-	fantasy: TagCategoryFantasyIcon,
-	film: TagCategoryFilmIcon,
-	flag: TagCategoryFlagIcon,
-	foliage: TagCategoryFoliageIcon,
-	fonts: TagCategoryFontsIcon,
-	food: TagCategoryFoodIcon,
-	footprints: TagCategoryFootprintsIcon,
+	'crown': TagCategoryCrownIcon,
+	'cursed': TagCategoryCursedIcon,
+	'decoration': TagCategoryDecorationIcon,
+	'dices': TagCategoryDicesIcon,
+	'economy': TagCategoryEconomyIcon,
+	'entities': TagCategoryEntitiesIcon,
+	'environment': TagCategoryEnvironmentIcon,
+	'equipment': TagCategoryEquipmentIcon,
+	'fantasy': TagCategoryFantasyIcon,
+	'film': TagCategoryFilmIcon,
+	'flag': TagCategoryFlagIcon,
+	'foliage': TagCategoryFoliageIcon,
+	'fonts': TagCategoryFontsIcon,
+	'food': TagCategoryFoodIcon,
+	'footprints': TagCategoryFootprintsIcon,
 	'game-mechanics': TagCategoryGameMechanicsIcon,
 	'gamepad-2': TagCategoryGamepad2Icon,
-	gauge: TagCategoryGaugeIcon,
-	globe: TagCategoryGlobeIcon,
+	'gauge': TagCategoryGaugeIcon,
+	'globe': TagCategoryGlobeIcon,
 	'grid-3x3': TagCategoryGrid3x3Icon,
-	gui: TagCategoryGuiIcon,
-	handshake: TagCategoryHandshakeIcon,
+	'gui': TagCategoryGuiIcon,
+	'handshake': TagCategoryHandshakeIcon,
 	'heart-crack': TagCategoryHeartCrackIcon,
 	'heart-pulse': TagCategoryHeartPulseIcon,
-	high: TagCategoryHighIcon,
-	house: TagCategoryHouseIcon,
-	items: TagCategoryItemsIcon,
+	'high': TagCategoryHighIcon,
+	'house': TagCategoryHouseIcon,
+	'items': TagCategoryItemsIcon,
 	'kitchen-sink': TagCategoryKitchenSinkIcon,
-	library: TagCategoryLibraryIcon,
-	lightweight: TagCategoryLightweightIcon,
-	locale: TagCategoryLocaleIcon,
-	lock: TagCategoryLockIcon,
-	low: TagCategoryLowIcon,
-	magic: TagCategoryMagicIcon,
-	management: TagCategoryManagementIcon,
+	'library': TagCategoryLibraryIcon,
+	'lightweight': TagCategoryLightweightIcon,
+	'locale': TagCategoryLocaleIcon,
+	'lock': TagCategoryLockIcon,
+	'low': TagCategoryLowIcon,
+	'magic': TagCategoryMagicIcon,
+	'management': TagCategoryManagementIcon,
 	'map-pinned': TagCategoryMapPinnedIcon,
-	medium: TagCategoryMediumIcon,
-	minigame: TagCategoryMinigameIcon,
-	mobs: TagCategoryMobsIcon,
-	modded: TagCategoryModdedIcon,
-	models: TagCategoryModelsIcon,
-	multiplayer: TagCategoryMultiplayerIcon,
-	network: TagCategoryNetworkIcon,
-	optimization: TagCategoryOptimizationIcon,
-	palette: TagCategoryPaletteIcon,
+	'medium': TagCategoryMediumIcon,
+	'minigame': TagCategoryMinigameIcon,
+	'mobs': TagCategoryMobsIcon,
+	'modded': TagCategoryModdedIcon,
+	'models': TagCategoryModelsIcon,
+	'multiplayer': TagCategoryMultiplayerIcon,
+	'network': TagCategoryNetworkIcon,
+	'optimization': TagCategoryOptimizationIcon,
+	'palette': TagCategoryPaletteIcon,
 	'path-tracing': TagCategoryPathTracingIcon,
 	'paw-print': TagCategoryPawPrintIcon,
-	pbr: TagCategoryPbrIcon,
-	pickaxe: TagCategoryPickaxeIcon,
-	potato: TagCategoryPotatoIcon,
-	quests: TagCategoryQuestsIcon,
-	realistic: TagCategoryRealisticIcon,
-	reflections: TagCategoryReflectionsIcon,
+	'pbr': TagCategoryPbrIcon,
+	'pickaxe': TagCategoryPickaxeIcon,
+	'potato': TagCategoryPotatoIcon,
+	'quests': TagCategoryQuestsIcon,
+	'realistic': TagCategoryRealisticIcon,
+	'reflections': TagCategoryReflectionsIcon,
 	'refresh-ccw': TagCategoryRefreshCcwIcon,
-	screenshot: TagCategoryScreenshotIcon,
+	'screenshot': TagCategoryScreenshotIcon,
 	'scroll-text': TagCategoryScrollTextIcon,
 	'semi-realistic': TagCategorySemiRealisticIcon,
-	shadows: TagCategoryShadowsIcon,
-	shield: TagCategoryShieldIcon,
-	simplistic: TagCategorySimplisticIcon,
-	skull: TagCategorySkullIcon,
-	social: TagCategorySocialIcon,
-	square: TagCategorySquareIcon,
-	storage: TagCategoryStorageIcon,
-	sword: TagCategorySwordIcon,
-	swords: TagCategorySwordsIcon,
-	target: TagCategoryTargetIcon,
-	technology: TagCategoryTechnologyIcon,
-	terminal: TagCategoryTerminalIcon,
-	theater: TagCategoryTheaterIcon,
-	themed: TagCategoryThemedIcon,
-	transportation: TagCategoryTransportationIcon,
+	'shadows': TagCategoryShadowsIcon,
+	'shield': TagCategoryShieldIcon,
+	'simplistic': TagCategorySimplisticIcon,
+	'skull': TagCategorySkullIcon,
+	'social': TagCategorySocialIcon,
+	'square': TagCategorySquareIcon,
+	'storage': TagCategoryStorageIcon,
+	'sword': TagCategorySwordIcon,
+	'swords': TagCategorySwordsIcon,
+	'target': TagCategoryTargetIcon,
+	'technology': TagCategoryTechnologyIcon,
+	'terminal': TagCategoryTerminalIcon,
+	'theater': TagCategoryTheaterIcon,
+	'themed': TagCategoryThemedIcon,
+	'transportation': TagCategoryTransportationIcon,
 	'tree-pine': TagCategoryTreePineIcon,
-	trophy: TagCategoryTrophyIcon,
-	tweaks: TagCategoryTweaksIcon,
-	users: TagCategoryUsersIcon,
-	utility: TagCategoryUtilityIcon,
+	'trophy': TagCategoryTrophyIcon,
+	'tweaks': TagCategoryTweaksIcon,
+	'users': TagCategoryUsersIcon,
+	'utility': TagCategoryUtilityIcon,
 	'vanilla-like': TagCategoryVanillaLikeIcon,
 	'wand-sparkles': TagCategoryWandSparklesIcon,
 	'wifi-off': TagCategoryWifiOffIcon,
-	worldgen: TagCategoryWorldgenIcon,
-	zap: TagCategoryZapIcon,
+	'worldgen': TagCategoryWorldgenIcon,
+	'zap': TagCategoryZapIcon,
 }
 
 export const loaderIconMap: Record<string, IconComponent> = {
-	babric: TagLoaderBabricIcon,
+	'babric': TagLoaderBabricIcon,
 	'bta-babric': TagLoaderBtaBabricIcon,
-	bukkit: TagLoaderBukkitIcon,
-	bungeecord: TagLoaderBungeecordIcon,
-	canvas: TagLoaderCanvasIcon,
-	datapack: TagLoaderDatapackIcon,
-	fabric: TagLoaderFabricIcon,
-	folia: TagLoaderFoliaIcon,
-	forge: TagLoaderForgeIcon,
-	geyser: TagLoaderGeyserIcon,
-	iris: TagLoaderIrisIcon,
+	'bukkit': TagLoaderBukkitIcon,
+	'bungeecord': TagLoaderBungeecordIcon,
+	'canvas': TagLoaderCanvasIcon,
+	'datapack': TagLoaderDatapackIcon,
+	'fabric': TagLoaderFabricIcon,
+	'folia': TagLoaderFoliaIcon,
+	'forge': TagLoaderForgeIcon,
+	'geyser': TagLoaderGeyserIcon,
+	'iris': TagLoaderIrisIcon,
 	'java-agent': TagLoaderJavaAgentIcon,
 	'legacy-fabric': TagLoaderLegacyFabricIcon,
-	liteloader: TagLoaderLiteloaderIcon,
-	minecraft: TagLoaderMinecraftIcon,
-	modloader: TagLoaderModloaderIcon,
-	mrpack: TagLoaderMrpackIcon,
-	neoforge: TagLoaderNeoforgeIcon,
-	nilloader: TagLoaderNilloaderIcon,
-	optifine: TagLoaderOptifineIcon,
-	ornithe: TagLoaderOrnitheIcon,
-	paper: TagLoaderPaperIcon,
-	purpur: TagLoaderPurpurIcon,
-	quilt: TagLoaderQuiltIcon,
-	rift: TagLoaderRiftIcon,
-	spigot: TagLoaderSpigotIcon,
-	sponge: TagLoaderSpongeIcon,
-	vanilla: TagLoaderVanillaIcon,
-	velocity: TagLoaderVelocityIcon,
-	waterfall: TagLoaderWaterfallIcon,
+	'liteloader': TagLoaderLiteloaderIcon,
+	'minecraft': TagLoaderMinecraftIcon,
+	'modloader': TagLoaderModloaderIcon,
+	'mrpack': TagLoaderMrpackIcon,
+	'neoforge': TagLoaderNeoforgeIcon,
+	'nilloader': TagLoaderNilloaderIcon,
+	'optifine': TagLoaderOptifineIcon,
+	'ornithe': TagLoaderOrnitheIcon,
+	'paper': TagLoaderPaperIcon,
+	'purpur': TagLoaderPurpurIcon,
+	'quilt': TagLoaderQuiltIcon,
+	'rift': TagLoaderRiftIcon,
+	'spigot': TagLoaderSpigotIcon,
+	'sponge': TagLoaderSpongeIcon,
+	'vanilla': TagLoaderVanillaIcon,
+	'velocity': TagLoaderVelocityIcon,
+	'waterfall': TagLoaderWaterfallIcon,
 }

From d28b4db19ea4c15c00ca9e41fc5cf1cbc88574a0 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 5 Nov 2026 16:54:40 -0600
Subject: [PATCH 2/2] pnpm prepr

---
 .../project-review/project-info/section.vue   |   2 +-
 .../project-review/review-panel/anchor.vue    |   2 +-
 .../project-flag/RhaiExpressionEditor.vue     |   2 +-
 .../ui/moderation/project-flag/ace-rhai.ts    |   5 +-
 .../labrinth/project-flags/internal.ts        |   6 +-
 packages/api-client/src/modules/types.ts      |   2 +-
 packages/assets/generated-icons.ts            | 217 +++++++++---------
 packages/ui/src/utils/ace-theme.ts            |   2 +-
 8 files changed, 118 insertions(+), 120 deletions(-)

diff --git a/apps/frontend/src/components/project-review/project-info/section.vue b/apps/frontend/src/components/project-review/project-info/section.vue
index 0fd3a63d4de..cc5c98023f9 100644
--- a/apps/frontend/src/components/project-review/project-info/section.vue
+++ b/apps/frontend/src/components/project-review/project-info/section.vue
@@ -33,8 +33,8 @@ import { injectReviewFlags } from '~/providers/project-review/review-flags'
 import { injectReviewPanels } from '~/providers/project-review/review-panels'
 import { injectReviewPreviousIssues } from '~/providers/project-review/review-previous-issues'
 
-import FlagsCountBadge from '../review-panel/flags-count-badge.vue'
 import FindingsCountBadge from '../review-panel/findings-count-badge.vue'
+import FlagsCountBadge from '../review-panel/flags-count-badge.vue'
 import ReviewPanel from '../review-panel/index.vue'
 import ReReviewFindingsCountBadge from '../review-panel/re-review-findings-count-badge.vue'
 
diff --git a/apps/frontend/src/components/project-review/review-panel/anchor.vue b/apps/frontend/src/components/project-review/review-panel/anchor.vue
index 466ff1628da..99b15ee0c7b 100644
--- a/apps/frontend/src/components/project-review/review-panel/anchor.vue
+++ b/apps/frontend/src/components/project-review/review-panel/anchor.vue
@@ -37,8 +37,8 @@ import { injectReviewPanels } from '~/providers/project-review/review-panels'
 import { injectReviewPreviousIssues } from '~/providers/project-review/review-previous-issues'
 
 import { injectReviewContext } from './context'
-import FlagsCountBadge from './flags-count-badge.vue'
 import FindingsCountBadge from './findings-count-badge.vue'
+import FlagsCountBadge from './flags-count-badge.vue'
 import Highlight from './highlight.vue'
 import ReReviewFindingsCountBadge from './re-review-findings-count-badge.vue'
 
diff --git a/apps/frontend/src/components/ui/moderation/project-flag/RhaiExpressionEditor.vue b/apps/frontend/src/components/ui/moderation/project-flag/RhaiExpressionEditor.vue
index 867f6490b6d..b90a01fd832 100644
--- a/apps/frontend/src/components/ui/moderation/project-flag/RhaiExpressionEditor.vue
+++ b/apps/frontend/src/components/ui/moderation/project-flag/RhaiExpressionEditor.vue
@@ -36,7 +36,7 @@
 import { LoaderCircleIcon } from '@modrinth/assets'
 import { Button } from '@modrinth/ui'
 import type { Ace } from 'ace-builds'
-import { computed, onMounted, ref, shallowRef, type Component } from 'vue'
+import { type Component, computed, onMounted, ref, shallowRef } from 'vue'
 
 const model = defineModel<string>({ required: true })
 const props = defineProps<{ id: string; disabled?: boolean }>()
diff --git a/apps/frontend/src/components/ui/moderation/project-flag/ace-rhai.ts b/apps/frontend/src/components/ui/moderation/project-flag/ace-rhai.ts
index 692e05d5519..457bcf37458 100644
--- a/apps/frontend/src/components/ui/moderation/project-flag/ace-rhai.ts
+++ b/apps/frontend/src/components/ui/moderation/project-flag/ace-rhai.ts
@@ -1,8 +1,7 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import 'ace-builds/src-noconflict/mode-rust'
 
-import ace from 'ace-builds'
 import type { Ace } from 'ace-builds'
+import ace from 'ace-builds'
 
 const RHAI_KEYWORDS =
 	'let const fn private if else switch for in while loop do until break continue return throw try catch import export as is this'
@@ -82,7 +81,7 @@ ace['define'](
 						regex: /[a-zA-Z_][\w]*(?=\s*\()/.source,
 					},
 					{ token: keywords, regex: /[a-zA-Z_][\w]*/.source },
-					{ token: 'paren.lparen', regex: /#\{|[\[({]/.source },
+					{ token: 'paren.lparen', regex: /#\{|[[({]/.source },
 					{ token: 'paren.rparen', regex: /[\])}]/.source },
 					{
 						token: 'keyword.operator',
diff --git a/packages/api-client/src/modules/labrinth/project-flags/internal.ts b/packages/api-client/src/modules/labrinth/project-flags/internal.ts
index 11d6e7f2028..14047417838 100644
--- a/packages/api-client/src/modules/labrinth/project-flags/internal.ts
+++ b/packages/api-client/src/modules/labrinth/project-flags/internal.ts
@@ -3,14 +3,14 @@ import type {
 	CreateProjectFlagRuleRequest,
 	EvalProjectFlagRuleRequest,
 	ListProjectFlagRulesParams,
-	ListProjectFlagRunsParams,
 	ListProjectFlagRunResultsParams,
+	ListProjectFlagRunsParams,
 	ProjectFlag,
-	ProjectFlagRun,
-	ProjectFlagRunResults,
 	ProjectFlagEvaluation,
 	ProjectFlagRule,
 	ProjectFlagRuleSchemaResponse,
+	ProjectFlagRun,
+	ProjectFlagRunResults,
 } from './types'
 
 export class LabrinthProjectFlagsInternalModule extends AbstractModule {
diff --git a/packages/api-client/src/modules/types.ts b/packages/api-client/src/modules/types.ts
index 7e0b78d9013..5a9aeba0b57 100644
--- a/packages/api-client/src/modules/types.ts
+++ b/packages/api-client/src/modules/types.ts
@@ -1,8 +1,8 @@
 export * from './archon/types'
 export * from './iso3166/types'
 export * from './kyros/types'
-export * from './labrinth/types'
 export * from './labrinth/project-flags/types'
+export * from './labrinth/types'
 export * from './launcher-meta/types'
 export * from './mclogs/types'
 export * from './paper/types'
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index 38538142d94..a36555c8d76 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -985,141 +985,140 @@ export const XCircleIcon = _XCircleIcon
 export const ZoomInIcon = _ZoomInIcon
 export const ZoomOutIcon = _ZoomOutIcon
 
-
 export const categoryIconMap: Record<string, IconComponent> = {
-	'adventure': TagCategoryAdventureIcon,
-	'atmosphere': TagCategoryAtmosphereIcon,
-	'audio': TagCategoryAudioIcon,
-	'backpack': TagCategoryBackpackIcon,
-	'badge': TagCategoryBadgeIcon,
+	adventure: TagCategoryAdventureIcon,
+	atmosphere: TagCategoryAtmosphereIcon,
+	audio: TagCategoryAudioIcon,
+	backpack: TagCategoryBackpackIcon,
+	badge: TagCategoryBadgeIcon,
 	'badge-check': TagCategoryBadgeCheckIcon,
 	'bed-double': TagCategoryBedDoubleIcon,
-	'blocks': TagCategoryBlocksIcon,
-	'bloom': TagCategoryBloomIcon,
+	blocks: TagCategoryBlocksIcon,
+	bloom: TagCategoryBloomIcon,
 	'building-2': TagCategoryBuilding2Icon,
-	'camera': TagCategoryCameraIcon,
-	'cartoon': TagCategoryCartoonIcon,
-	'castle': TagCategoryCastleIcon,
-	'challenging': TagCategoryChallengingIcon,
-	'clapperboard': TagCategoryClapperboardIcon,
-	'cloud': TagCategoryCloudIcon,
+	camera: TagCategoryCameraIcon,
+	cartoon: TagCategoryCartoonIcon,
+	castle: TagCategoryCastleIcon,
+	challenging: TagCategoryChallengingIcon,
+	clapperboard: TagCategoryClapperboardIcon,
+	cloud: TagCategoryCloudIcon,
 	'colored-lighting': TagCategoryColoredLightingIcon,
-	'combat': TagCategoryCombatIcon,
-	'compass': TagCategoryCompassIcon,
+	combat: TagCategoryCombatIcon,
+	compass: TagCategoryCompassIcon,
 	'core-shaders': TagCategoryCoreShadersIcon,
-	'crown': TagCategoryCrownIcon,
-	'cursed': TagCategoryCursedIcon,
-	'decoration': TagCategoryDecorationIcon,
-	'dices': TagCategoryDicesIcon,
-	'economy': TagCategoryEconomyIcon,
-	'entities': TagCategoryEntitiesIcon,
-	'environment': TagCategoryEnvironmentIcon,
-	'equipment': TagCategoryEquipmentIcon,
-	'fantasy': TagCategoryFantasyIcon,
-	'film': TagCategoryFilmIcon,
-	'flag': TagCategoryFlagIcon,
-	'foliage': TagCategoryFoliageIcon,
-	'fonts': TagCategoryFontsIcon,
-	'food': TagCategoryFoodIcon,
-	'footprints': TagCategoryFootprintsIcon,
+	crown: TagCategoryCrownIcon,
+	cursed: TagCategoryCursedIcon,
+	decoration: TagCategoryDecorationIcon,
+	dices: TagCategoryDicesIcon,
+	economy: TagCategoryEconomyIcon,
+	entities: TagCategoryEntitiesIcon,
+	environment: TagCategoryEnvironmentIcon,
+	equipment: TagCategoryEquipmentIcon,
+	fantasy: TagCategoryFantasyIcon,
+	film: TagCategoryFilmIcon,
+	flag: TagCategoryFlagIcon,
+	foliage: TagCategoryFoliageIcon,
+	fonts: TagCategoryFontsIcon,
+	food: TagCategoryFoodIcon,
+	footprints: TagCategoryFootprintsIcon,
 	'game-mechanics': TagCategoryGameMechanicsIcon,
 	'gamepad-2': TagCategoryGamepad2Icon,
-	'gauge': TagCategoryGaugeIcon,
-	'globe': TagCategoryGlobeIcon,
+	gauge: TagCategoryGaugeIcon,
+	globe: TagCategoryGlobeIcon,
 	'grid-3x3': TagCategoryGrid3x3Icon,
-	'gui': TagCategoryGuiIcon,
-	'handshake': TagCategoryHandshakeIcon,
+	gui: TagCategoryGuiIcon,
+	handshake: TagCategoryHandshakeIcon,
 	'heart-crack': TagCategoryHeartCrackIcon,
 	'heart-pulse': TagCategoryHeartPulseIcon,
-	'high': TagCategoryHighIcon,
-	'house': TagCategoryHouseIcon,
-	'items': TagCategoryItemsIcon,
+	high: TagCategoryHighIcon,
+	house: TagCategoryHouseIcon,
+	items: TagCategoryItemsIcon,
 	'kitchen-sink': TagCategoryKitchenSinkIcon,
-	'library': TagCategoryLibraryIcon,
-	'lightweight': TagCategoryLightweightIcon,
-	'locale': TagCategoryLocaleIcon,
-	'lock': TagCategoryLockIcon,
-	'low': TagCategoryLowIcon,
-	'magic': TagCategoryMagicIcon,
-	'management': TagCategoryManagementIcon,
+	library: TagCategoryLibraryIcon,
+	lightweight: TagCategoryLightweightIcon,
+	locale: TagCategoryLocaleIcon,
+	lock: TagCategoryLockIcon,
+	low: TagCategoryLowIcon,
+	magic: TagCategoryMagicIcon,
+	management: TagCategoryManagementIcon,
 	'map-pinned': TagCategoryMapPinnedIcon,
-	'medium': TagCategoryMediumIcon,
-	'minigame': TagCategoryMinigameIcon,
-	'mobs': TagCategoryMobsIcon,
-	'modded': TagCategoryModdedIcon,
-	'models': TagCategoryModelsIcon,
-	'multiplayer': TagCategoryMultiplayerIcon,
-	'network': TagCategoryNetworkIcon,
-	'optimization': TagCategoryOptimizationIcon,
-	'palette': TagCategoryPaletteIcon,
+	medium: TagCategoryMediumIcon,
+	minigame: TagCategoryMinigameIcon,
+	mobs: TagCategoryMobsIcon,
+	modded: TagCategoryModdedIcon,
+	models: TagCategoryModelsIcon,
+	multiplayer: TagCategoryMultiplayerIcon,
+	network: TagCategoryNetworkIcon,
+	optimization: TagCategoryOptimizationIcon,
+	palette: TagCategoryPaletteIcon,
 	'path-tracing': TagCategoryPathTracingIcon,
 	'paw-print': TagCategoryPawPrintIcon,
-	'pbr': TagCategoryPbrIcon,
-	'pickaxe': TagCategoryPickaxeIcon,
-	'potato': TagCategoryPotatoIcon,
-	'quests': TagCategoryQuestsIcon,
-	'realistic': TagCategoryRealisticIcon,
-	'reflections': TagCategoryReflectionsIcon,
+	pbr: TagCategoryPbrIcon,
+	pickaxe: TagCategoryPickaxeIcon,
+	potato: TagCategoryPotatoIcon,
+	quests: TagCategoryQuestsIcon,
+	realistic: TagCategoryRealisticIcon,
+	reflections: TagCategoryReflectionsIcon,
 	'refresh-ccw': TagCategoryRefreshCcwIcon,
-	'screenshot': TagCategoryScreenshotIcon,
+	screenshot: TagCategoryScreenshotIcon,
 	'scroll-text': TagCategoryScrollTextIcon,
 	'semi-realistic': TagCategorySemiRealisticIcon,
-	'shadows': TagCategoryShadowsIcon,
-	'shield': TagCategoryShieldIcon,
-	'simplistic': TagCategorySimplisticIcon,
-	'skull': TagCategorySkullIcon,
-	'social': TagCategorySocialIcon,
-	'square': TagCategorySquareIcon,
-	'storage': TagCategoryStorageIcon,
-	'sword': TagCategorySwordIcon,
-	'swords': TagCategorySwordsIcon,
-	'target': TagCategoryTargetIcon,
-	'technology': TagCategoryTechnologyIcon,
-	'terminal': TagCategoryTerminalIcon,
-	'theater': TagCategoryTheaterIcon,
-	'themed': TagCategoryThemedIcon,
-	'transportation': TagCategoryTransportationIcon,
+	shadows: TagCategoryShadowsIcon,
+	shield: TagCategoryShieldIcon,
+	simplistic: TagCategorySimplisticIcon,
+	skull: TagCategorySkullIcon,
+	social: TagCategorySocialIcon,
+	square: TagCategorySquareIcon,
+	storage: TagCategoryStorageIcon,
+	sword: TagCategorySwordIcon,
+	swords: TagCategorySwordsIcon,
+	target: TagCategoryTargetIcon,
+	technology: TagCategoryTechnologyIcon,
+	terminal: TagCategoryTerminalIcon,
+	theater: TagCategoryTheaterIcon,
+	themed: TagCategoryThemedIcon,
+	transportation: TagCategoryTransportationIcon,
 	'tree-pine': TagCategoryTreePineIcon,
-	'trophy': TagCategoryTrophyIcon,
-	'tweaks': TagCategoryTweaksIcon,
-	'users': TagCategoryUsersIcon,
-	'utility': TagCategoryUtilityIcon,
+	trophy: TagCategoryTrophyIcon,
+	tweaks: TagCategoryTweaksIcon,
+	users: TagCategoryUsersIcon,
+	utility: TagCategoryUtilityIcon,
 	'vanilla-like': TagCategoryVanillaLikeIcon,
 	'wand-sparkles': TagCategoryWandSparklesIcon,
 	'wifi-off': TagCategoryWifiOffIcon,
-	'worldgen': TagCategoryWorldgenIcon,
-	'zap': TagCategoryZapIcon,
+	worldgen: TagCategoryWorldgenIcon,
+	zap: TagCategoryZapIcon,
 }
 
 export const loaderIconMap: Record<string, IconComponent> = {
-	'babric': TagLoaderBabricIcon,
+	babric: TagLoaderBabricIcon,
 	'bta-babric': TagLoaderBtaBabricIcon,
-	'bukkit': TagLoaderBukkitIcon,
-	'bungeecord': TagLoaderBungeecordIcon,
-	'canvas': TagLoaderCanvasIcon,
-	'datapack': TagLoaderDatapackIcon,
-	'fabric': TagLoaderFabricIcon,
-	'folia': TagLoaderFoliaIcon,
-	'forge': TagLoaderForgeIcon,
-	'geyser': TagLoaderGeyserIcon,
-	'iris': TagLoaderIrisIcon,
+	bukkit: TagLoaderBukkitIcon,
+	bungeecord: TagLoaderBungeecordIcon,
+	canvas: TagLoaderCanvasIcon,
+	datapack: TagLoaderDatapackIcon,
+	fabric: TagLoaderFabricIcon,
+	folia: TagLoaderFoliaIcon,
+	forge: TagLoaderForgeIcon,
+	geyser: TagLoaderGeyserIcon,
+	iris: TagLoaderIrisIcon,
 	'java-agent': TagLoaderJavaAgentIcon,
 	'legacy-fabric': TagLoaderLegacyFabricIcon,
-	'liteloader': TagLoaderLiteloaderIcon,
-	'minecraft': TagLoaderMinecraftIcon,
-	'modloader': TagLoaderModloaderIcon,
-	'mrpack': TagLoaderMrpackIcon,
-	'neoforge': TagLoaderNeoforgeIcon,
-	'nilloader': TagLoaderNilloaderIcon,
-	'optifine': TagLoaderOptifineIcon,
-	'ornithe': TagLoaderOrnitheIcon,
-	'paper': TagLoaderPaperIcon,
-	'purpur': TagLoaderPurpurIcon,
-	'quilt': TagLoaderQuiltIcon,
-	'rift': TagLoaderRiftIcon,
-	'spigot': TagLoaderSpigotIcon,
-	'sponge': TagLoaderSpongeIcon,
-	'vanilla': TagLoaderVanillaIcon,
-	'velocity': TagLoaderVelocityIcon,
-	'waterfall': TagLoaderWaterfallIcon,
+	liteloader: TagLoaderLiteloaderIcon,
+	minecraft: TagLoaderMinecraftIcon,
+	modloader: TagLoaderModloaderIcon,
+	mrpack: TagLoaderMrpackIcon,
+	neoforge: TagLoaderNeoforgeIcon,
+	nilloader: TagLoaderNilloaderIcon,
+	optifine: TagLoaderOptifineIcon,
+	ornithe: TagLoaderOrnitheIcon,
+	paper: TagLoaderPaperIcon,
+	purpur: TagLoaderPurpurIcon,
+	quilt: TagLoaderQuiltIcon,
+	rift: TagLoaderRiftIcon,
+	spigot: TagLoaderSpigotIcon,
+	sponge: TagLoaderSpongeIcon,
+	vanilla: TagLoaderVanillaIcon,
+	velocity: TagLoaderVelocityIcon,
+	waterfall: TagLoaderWaterfallIcon,
 }
diff --git a/packages/ui/src/utils/ace-theme.ts b/packages/ui/src/utils/ace-theme.ts
index d8b5c90fe05..e78e42d4835 100644
--- a/packages/ui/src/utils/ace-theme.ts
+++ b/packages/ui/src/utils/ace-theme.ts
@@ -1,7 +1,7 @@
-import ace from 'ace-builds'
 import 'ace-builds/esm-resolver'
 
 import cssText from '@modrinth/assets/styles/ace.css?raw'
+import ace from 'ace-builds'
 
 ace['define'](
 	'ace/theme/modrinth',