diff --git a/.github/workflows/frontend-preview.yml b/.github/workflows/frontend-preview.yml
index 0c9d5f2d2..4bf94d4f0 100644
--- a/.github/workflows/frontend-preview.yml
+++ b/.github/workflows/frontend-preview.yml
@@ -87,7 +87,11 @@ jobs:
           command: versions upload --preview-alias git-${{ steps.meta.outputs.sha_short }}
 
   comment:
-    if: github.repository_owner == 'modrinth' && github.event.pull_request.head.repo.full_name == github.repository
+    if: |
+      !cancelled()
+      && github.repository_owner == 'modrinth'
+      && github.event.pull_request.head.repo.full_name == github.repository
+      && needs.deploy.result == 'success'
     runs-on: ubuntu-latest
     needs: [deploy, deploy-storybook]
     steps:
@@ -101,16 +105,25 @@ jobs:
         id: urls
         env:
           HEAD_SHA: ${{ github.event.pull_request.head.sha }}
+          STORYBOOK_RESULT: ${{ needs.deploy-storybook.result }}
+          RUN_URL: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}
         run: |
           STAGING_PREVIEW_URL=$(cat deployment-url-staging-preview.txt)
           PRODUCTION_PREVIEW_URL=$(cat deployment-url-production-preview.txt)
 
+          if [ "$STORYBOOK_RESULT" = "success" ]; then
+            STORYBOOK_PREVIEW_URL="https://git-${HEAD_SHA::8}-storybook.modrinth.workers.dev"
+          else
+            STORYBOOK_PREVIEW_URL="⚠️ Deployment $STORYBOOK_RESULT ([logs]($RUN_URL))"
+          fi
+
           echo "Production preview URL: $PRODUCTION_PREVIEW_URL"
           echo "Staging preview URL: $STAGING_PREVIEW_URL"
+          echo "Storybook preview URL: $STORYBOOK_PREVIEW_URL"
 
           echo "staging-preview-url=$STAGING_PREVIEW_URL" >> $GITHUB_OUTPUT
           echo "production-preview-url=$PRODUCTION_PREVIEW_URL" >> $GITHUB_OUTPUT
-          echo "storybook-preview-url=https://git-${HEAD_SHA::8}-storybook.modrinth.workers.dev" >> $GITHUB_OUTPUT
+          echo "storybook-preview-url=$STORYBOOK_PREVIEW_URL" >> $GITHUB_OUTPUT
 
       - name: Find comment
         if: github.event_name == 'pull_request'
diff --git a/_typos.toml b/_typos.toml
index 10e569e22..74efbceb9 100644
--- a/_typos.toml
+++ b/_typos.toml
@@ -8,6 +8,7 @@ extend-exclude = [
   "packages/blog/",
   # contains licenses like `CC-BY-ND-4.0`
   "packages/moderation/src/data/stages/license.ts",
+  "packages/moderation/src/utils.ts",
   # contains payment card IDs like `IY1VMST1MOXS` which are flagged
   "apps/labrinth/src/queue/payouts/mod.rs",
   # contains domain names with deliberate typos
diff --git a/apps/frontend/src/components/ui/moderation/checklist/ModerationChecklist.vue b/apps/frontend/src/components/ui/moderation/checklist/ModerationChecklist.vue
index 015ac19c7..21acd31a1 100644
--- a/apps/frontend/src/components/ui/moderation/checklist/ModerationChecklist.vue
+++ b/apps/frontend/src/components/ui/moderation/checklist/ModerationChecklist.vue
@@ -1,7 +1,7 @@
 <template>
 	<KeybindsModal ref="keybindsModal" />
 	<ConfirmModal
-		v-if="lockStatus?.locked && !lockStatus?.isOwnLock"
+		v-if="isLockedByOther"
 		ref="takeOverModal"
 		title="Override moderation lock"
 		description="Are you sure you want to override?"
@@ -12,44 +12,103 @@
 	/>
 	<div
 		tabindex="0"
-		class="moderation-checklist flex w-[600px] max-w-full flex-col rounded-2xl border-[1px] border-solid border-orange bg-bg-raised p-4 transition-all delay-200 duration-200 ease-in-out"
-		:class="{ '!w-fit': collapsed, locked: lockStatus?.locked && !lockStatus?.isOwnLock }"
+		class="moderation-checklist flex max-h-[calc(100vh-2rem)] w-[600px] max-w-full flex-col overflow-hidden rounded-2xl border-[1px] border-solid border-orange bg-bg-raised p-4 transition-all delay-200 duration-200 ease-in-out"
+		:class="{ '!w-fit': collapsed, locked: isLockedByOther }"
 	>
-		<div class="flex grow-0 items-center gap-2">
-			<h1 class="m-0 mr-auto flex items-center gap-2 text-2xl font-extrabold text-contrast">
-				<ScaleIcon class="text-orange" /> Moderation
-			</h1>
-			<ButtonStyled circular>
-				<button v-tooltip="`Keyboard shortcuts`" @click="keybindsModal?.show($event)">
-					<KeyboardIcon />
-				</button>
-			</ButtonStyled>
-			<ButtonStyled circular>
-				<a v-tooltip="`Stage guidance`" target="_blank" :href="currentStageObj.guidance_url">
-					<FileTextIcon />
-				</a>
-			</ButtonStyled>
-			<ButtonStyled circular color="red" color-fill="none" hover-color-fill="background">
-				<button v-tooltip="`Reset progress`" @click="resetProgress">
-					<BrushCleaningIcon />
-				</button>
-			</ButtonStyled>
-			<ButtonStyled circular color="red" color-fill="none" hover-color-fill="background">
-				<button v-tooltip="`Exit moderation`" @click="handleExit">
-					<XIcon />
-				</button>
-			</ButtonStyled>
-			<ButtonStyled circular>
-				<button v-tooltip="collapsed ? `Expand` : `Collapse`" @click="emit('toggleCollapsed')">
-					<DropdownIcon class="transition-transform" :class="{ 'rotate-180': collapsed }" />
-				</button>
-			</ButtonStyled>
+		<div class="flex grow-0 flex-col gap-1">
+			<div class="flex items-center gap-2">
+				<h1 class="m-0 mr-auto">
+					<TeleportOverflowMenu
+						v-if="canOpenStageSelectorFromTitle"
+						:options="stageOptions"
+						placement="center"
+						btn-class="inline-flex items-center gap-2 bg-transparent p-0 text-2xl font-extrabold text-contrast"
+					>
+						<component
+							:is="isPseudoStage ? ScaleIcon : (currentStageObj._icon ?? ScaleIcon)"
+							class="text-orange"
+						/>
+						{{ checklistTitleText }}
+						<template v-for="opt in stageOptions" #[opt.id] :key="opt.id">
+							<component :is="opt.icon" v-if="opt.icon" class="mr-2" />
+							<span>
+								{{ opt.text }}<span v-if="opt.requiredMissing" class="font-bold text-red">*</span>
+							</span>
+							<span v-if="opt.messages" class="ml-auto pl-2 font-semibold opacity-75">{{
+								opt.messages
+							}}</span>
+							<span v-if="opt.fixes" class="pl-2 font-semibold text-blue">{{ opt.fixes }}</span>
+						</template>
+					</TeleportOverflowMenu>
+					<button
+						v-else
+						disabled
+						class="inline-flex cursor-default items-center gap-2 bg-transparent p-0 text-2xl font-extrabold text-contrast"
+					>
+						<component
+							:is="isPseudoStage ? ScaleIcon : (currentStageObj._icon ?? ScaleIcon)"
+							class="text-orange"
+						/>
+						{{ checklistTitleText }}
+					</button>
+				</h1>
+				<ButtonStyled circular>
+					<button v-tooltip="`Keyboard shortcuts`" @click="keybindsModal?.show($event)">
+						<KeyboardIcon />
+					</button>
+				</ButtonStyled>
+				<ButtonStyled v-if="!isPseudoStage && currentStageObj._guidanceUrl" circular>
+					<a v-tooltip="`Stage guidance`" target="_blank" :href="currentStageObj._guidanceUrl">
+						<FileTextIcon />
+					</a>
+				</ButtonStyled>
+				<ButtonStyled
+					circular
+					:color="!isPseudoStage && currentStageHasState ? 'orange' : 'red'"
+					color-fill="none"
+					hover-color-fill="background"
+				>
+					<button
+						v-tooltip="
+							!isPseudoStage && currentStageHasState
+								? 'Reset Stage'
+								: !isPseudoStage && !checklistHasState
+									? 'Return to Start'
+									: 'Reset Checklist'
+						"
+						:disabled="!isPseudoStage && !checklistHasState && isOnFirstStage"
+						@click="resetProgress"
+					>
+						<UndoIcon v-if="!isPseudoStage && !checklistHasState" />
+						<BrushCleaningIcon v-else />
+					</button>
+				</ButtonStyled>
+				<ButtonStyled circular color="red" color-fill="none" hover-color-fill="background">
+					<button v-tooltip="`Exit moderation`" @click="handleExit">
+						<XIcon />
+					</button>
+				</ButtonStyled>
+				<ButtonStyled circular>
+					<button v-tooltip="collapsed ? `Expand` : `Collapse`" @click="emit('toggleCollapsed')">
+						<DropdownIcon class="transition-transform" :class="{ 'rotate-180': collapsed }" />
+					</button>
+				</ButtonStyled>
+			</div>
 		</div>
+		<p
+			v-if="currentStageObj._hint && !collapsed && !isPseudoStage"
+			class="m-0 text-sm text-secondary"
+		>
+			{{ currentStageObj._hint }}
+		</p>
+		<Collapsible
+			base-class="grow min-h-0"
+			class="flex min-h-0 grow flex-col"
+			:collapsed="collapsed"
+		>
+			<div class="mb-3 mt-2 h-[1px] w-full bg-divider" />
 
-		<Collapsible base-class="grow" class="flex grow flex-col" :collapsed="collapsed">
-			<div class="my-4 h-[1px] w-full bg-divider" />
-
-			<div v-if="lockStatus?.locked && !lockStatus?.isOwnLock" class="flex flex-1 flex-col">
+			<div v-if="isLockedByOther" class="flex flex-1 flex-col">
 				<div class="flex flex-1 flex-col items-center justify-center gap-4 py-8 text-center">
 					<LockIcon class="size-8 text-orange" />
 					<span class="text-secondary">
@@ -127,7 +186,7 @@
 			</div>
 
 			<template v-else>
-				<div class="flex-1">
+				<div class="flex min-h-0 flex-1 flex-col">
 					<div v-if="done">
 						<p>
 							You are done moderating this project!
@@ -137,193 +196,53 @@
 							</template>
 						</p>
 					</div>
-					<div v-else-if="generatedMessage">
-						<div>
-							<ButtonStyled>
-								<button class="mb-2" @click="useSimpleEditor = !useSimpleEditor">
-									<template v-if="!useSimpleEditor">
-										<ToggleLeftIcon aria-hidden="true" />
-										Use simple mode
-									</template>
-									<template v-else>
-										<ToggleRightIcon aria-hidden="true" />
-										Use advanced mode
-									</template>
-								</button>
-							</ButtonStyled>
+					<div v-else-if="generatedMessage" class="flex min-h-0 flex-1 flex-col gap-2">
+						<ButtonStyled class="shrink-0 self-start">
+							<button @click="useSimpleEditor = !useSimpleEditor">
+								<template v-if="!useSimpleEditor">
+									<ToggleLeftIcon aria-hidden="true" />
+									Use simple mode
+								</template>
+								<template v-else>
+									<ToggleRightIcon aria-hidden="true" />
+									Use advanced mode
+								</template>
+							</button>
+						</ButtonStyled>
+						<div class="min-h-0 flex-1 overflow-y-auto">
 							<MarkdownEditor
 								v-if="!useSimpleEditor"
-								v-model="message"
+								v-model="messageText"
 								:max-height="400"
 								placeholder="No message generated."
 								:disabled="false"
 								:heading-buttons="false"
 								:on-image-upload="onUploadHandler"
-								@input="persistGeneratedMessageState"
 							/>
 							<StyledInput
 								v-else
-								v-model="message"
+								v-model="messageText"
 								multiline
 								placeholder="No message generated."
 								autocomplete="off"
 								input-class="h-[400px] font-mono"
-								@input="persistGeneratedMessageState"
 							/>
 						</div>
 					</div>
-					<div v-else-if="isModpackPermissionsStage">
-						<ModpackPermissionsFlow
-							v-model="modpackJudgements"
-							:project-id="projectV2.id"
-							:project-updated="projectV2.updated"
-							@complete="handleModpackPermissionsComplete"
+					<div v-else class="flex min-h-0 flex-1 flex-col">
+						<NodeRenderer
+							class="min-h-0 flex-1 overflow-y-auto p-1"
+							:nodes="
+								resolveChildren(
+									currentStageObj,
+									(nodeStates[currentStageObj.id!] ?? {}) as Record<string, NodeState>,
+								)
+							"
+							:show-context="(nodeStates[currentStageObj.id!] ?? {}) as Record<string, NodeState>"
+							:on-image-upload="onUploadHandler"
+							:parent-state-path="currentStageObj._statePath ?? []"
 						/>
 					</div>
-					<div v-else>
-						<h2 class="m-0 mb-2 text-lg font-extrabold">
-							{{ currentStageObj.title }}
-						</h2>
-
-						<div v-if="currentStageObj.text" class="mb-4">
-							<div v-if="stageTextExpanded" class="markdown-body" v-html="stageTextExpanded"></div>
-							<div v-else class="markdown-body">Loading stage content...</div>
-						</div>
-
-						<!-- Action components grouped by type -->
-						<div class="space-y-4">
-							<!-- Button actions group -->
-							<div v-if="buttonActions.length > 0" class="button-actions-group">
-								<div class="flex flex-wrap gap-2">
-									<template v-for="action in buttonActions" :key="getActionKey(action)">
-										<ButtonStyled
-											:color="isActionSelected(action) ? 'brand' : 'standard'"
-											@click="toggleAction(action)"
-										>
-											<button>
-												{{ action.label }}
-											</button>
-										</ButtonStyled>
-									</template>
-								</div>
-							</div>
-
-							<!-- Toggle actions group -->
-							<div v-if="toggleActions.length > 0" class="toggle-actions-group space-y-3">
-								<template v-for="action in toggleActions" :key="getActionKey(action)">
-									<Checkbox
-										:model-value="isActionSelected(action)"
-										:label="action.label"
-										:description="action.description"
-										:disabled="false"
-										@update:model-value="toggleAction(action)"
-									/>
-								</template>
-							</div>
-
-							<!-- Dropdown actions group -->
-							<div v-if="dropdownActions.length > 0" class="dropdown-actions-group space-y-3">
-								<template v-for="action in dropdownActions" :key="getActionKey(action)">
-									<div class="inputs universal-labels">
-										<div>
-											<label :for="`dropdown-${getActionId(action)}`">
-												<span class="label__title">{{ action.label }}</span>
-											</label>
-											<DropdownSelect
-												:max-visible-options="3"
-												render-up
-												:name="`dropdown-${getActionId(action)}`"
-												:options="getVisibleDropdownOptions(action)"
-												:model-value="getDropdownValue(action)"
-												:placeholder="'Select an option'"
-												:disabled="false"
-												:display-name="(opt: any) => opt?.label || 'Unknown option'"
-												@update:model-value="
-													(selected: any) => selectDropdownOption(action, selected)
-												"
-											/>
-										</div>
-									</div>
-								</template>
-							</div>
-
-							<!-- Multi-select chips actions group -->
-							<div
-								v-if="multiSelectActions.length > 0"
-								class="multi-select-actions-group space-y-3"
-							>
-								<template v-for="action in multiSelectActions" :key="getActionKey(action)">
-									<div>
-										<div class="mb-2 font-semibold">{{ action.label }}</div>
-										<div class="flex flex-wrap gap-2">
-											<ButtonStyled
-												v-for="(option, optIndex) in getVisibleMultiSelectOptions(action)"
-												:key="`${getActionId(action)}-chip-${optIndex}`"
-												:color="isChipSelected(action, optIndex) ? 'brand' : 'standard'"
-												@click="toggleChip(action, optIndex)"
-											>
-												<button>
-													{{ option.label }}
-												</button>
-											</ButtonStyled>
-										</div>
-									</div>
-								</template>
-							</div>
-						</div>
-
-						<div v-if="isAnyVisibleInputs" class="my-4 h-[1px] w-full bg-divider" />
-
-						<!-- Additional text inputs -->
-						<div class="space-y-4">
-							<template v-for="action in visibleActions" :key="`inputs-${getActionKey(action)}`">
-								<div
-									v-if="action.relevantExtraInput && isActionSelected(action)"
-									class="inputs universal-labels"
-								>
-									<div
-										v-for="(input, inputIndex) in getVisibleInputs(action, actionStates)"
-										:key="`input-${getActionId(action)}-${inputIndex}`"
-										class="mt-2"
-									>
-										<template v-if="input.large">
-											<label :for="`input-${getActionId(action)}-${inputIndex}`">
-												<span class="label__title">
-													{{ input.label }}
-													<span v-if="input.required" class="required">*</span>
-												</span>
-											</label>
-											<MarkdownEditor
-												:id="`input-${getActionId(action)}-${inputIndex}`"
-												v-model="textInputValues[`${getActionId(action)}-${inputIndex}`]"
-												:placeholder="input.placeholder"
-												:max-height="300"
-												:disabled="false"
-												:heading-buttons="false"
-												:on-image-upload="onUploadHandler"
-												@input="persistState"
-											/>
-										</template>
-										<template v-else>
-											<label :for="`input-${getActionId(action)}-${inputIndex}`">
-												<span class="label__title">
-													{{ input.label }}
-													<span v-if="input.required" class="required">*</span>
-												</span>
-											</label>
-											<StyledInput
-												:id="`input-${getActionId(action)}-${inputIndex}`"
-												v-model="textInputValues[`${getActionId(action)}-${inputIndex}`]"
-												:placeholder="input.placeholder"
-												autocomplete="off"
-												@update:model-value="persistState"
-											/>
-										</template>
-									</div>
-								</div>
-							</template>
-						</div>
-					</div>
 				</div>
 
 				<!-- Stage control buttons -->
@@ -341,6 +260,26 @@
 						</div>
 
 						<div class="flex items-center gap-2">
+							<ButtonStyled v-if="!done" circular>
+								<TeleportOverflowMenu :options="stageOptions" placement="center">
+									<ListBulletedIcon />
+									<span class="sr-only">Stages</span>
+									<template v-for="opt in stageOptions" #[opt.id] :key="opt.id">
+										<component :is="opt.icon" v-if="opt.icon" class="mr-2" />
+										<span>
+											{{ opt.text
+											}}<span v-if="opt.requiredMissing" class="font-bold text-red">*</span>
+										</span>
+										<span v-if="opt.messages" class="ml-auto pl-2 font-semibold opacity-75">{{
+											opt.messages
+										}}</span>
+										<span v-if="opt.fixes" class="pl-2 font-semibold text-blue">{{
+											opt.fixes
+										}}</span>
+									</template>
+								</TeleportOverflowMenu>
+							</ButtonStyled>
+
 							<div v-if="done">
 								<ButtonStyled color="brand">
 									<button @click="endChecklist(undefined)">
@@ -358,7 +297,7 @@
 
 							<div v-else-if="generatedMessage" class="flex items-center gap-2">
 								<ButtonStyled>
-									<button :disabled="loadingModerationDecision" @click="goBackToStages">
+									<button :disabled="loadingModerationDecision" @click="previousStage">
 										<LeftArrowIcon aria-hidden="true" />
 										Edit
 									</button>
@@ -402,34 +341,18 @@
 							</div>
 
 							<div v-else class="flex items-center gap-2">
-								<OverflowMenu
-									v-if="!generatedMessage"
-									:options="stageOptions"
-									class="bg-transparent p-0"
-								>
-									<ButtonStyled circular>
-										<button v-tooltip="`Stages`">
-											<ListBulletedIcon />
-										</button>
-									</ButtonStyled>
-
-									<template v-for="opt in stageOptionsForSlots" #[opt.id] :key="opt.id">
-										<component :is="opt.icon" v-if="opt.icon" class="mr-2" />
-										{{ opt.text }}
-									</template>
-								</OverflowMenu>
 								<ButtonStyled>
 									<button :disabled="!hasValidPreviousStage" @click="previousStage">
 										<LeftArrowIcon aria-hidden="true" /> Previous
 									</button>
 								</ButtonStyled>
-								<ButtonStyled v-if="!isLastVisibleStage" color="brand">
-									<button @click="nextStage"><RightArrowIcon aria-hidden="true" /> Next</button>
-								</ButtonStyled>
-								<ButtonStyled v-else color="brand" :disabled="loadingMessage">
-									<button @click="generateMessage">
-										<CheckIcon aria-hidden="true" />
-										{{ loadingMessage ? 'Generating...' : 'Generate Message' }}
+								<ButtonStyled color="brand" :disabled="isLastVisibleStage && loadingMessage">
+									<button @click="nextStage">
+										<template v-if="isLastVisibleStage">
+											<CheckIcon aria-hidden="true" />
+											{{ loadingMessage ? 'Generating...' : 'Generate Message' }}
+										</template>
+										<template v-else> <RightArrowIcon aria-hidden="true" /> Next </template>
 									</button>
 								</ButtonStyled>
 							</div>
@@ -457,77 +380,66 @@ import {
 	SpinnerIcon,
 	ToggleLeftIcon,
 	ToggleRightIcon,
+	UndoIcon,
 	XIcon,
 } from '@modrinth/assets'
+import type {
+	IdentifiedNodeBuilder,
+	NodeState,
+	Priority,
+	StageNodeBuilder,
+	ValueNodeBuilder,
+} from '@modrinth/moderation'
 import {
-	type Action,
-	type ActionState,
-	type ButtonAction,
-	checklist,
-	type ConditionalButtonAction,
-	type DropdownAction,
+	createTrackedPatch,
+	evalSegment,
 	expandVariables,
-	finalPermissionMessages,
-	findMatchingVariant,
-	flattenProjectV3Variables,
-	flattenProjectVariables,
-	flattenStaticVariables,
-	getActionIdForStage,
-	getActionMessage,
-	getVisibleInputs,
+	getBooleanChildState,
+	GLOBAL_STATE_KEY,
 	handleKeybind,
-	initializeActionState,
+	isNodeActive,
 	kebabToTitleCase,
-	type MultiSelectChipsAction,
-	processMessage,
-	type Stage,
-	type ToggleAction,
+	NodeBuilder,
+	resolve,
+	resolveChildren,
+	setMessageProject,
+	setMissingMdHandler,
+	useStages,
+	walkNodes,
 } from '@modrinth/moderation'
 import {
 	Avatar,
 	ButtonStyled,
-	Checkbox,
 	Collapsible,
 	ConfirmModal,
-	DropdownSelect,
+	injectModrinthClient,
 	injectNotificationManager,
 	injectProjectPageContext,
 	MarkdownEditor,
-	OverflowMenu,
-	type OverflowMenuOption,
 	StyledInput,
 	useDebugLogger,
 } from '@modrinth/ui'
-import {
-	type ModerationJudgements,
-	type ModerationModpackItem,
-	type ProjectStatus,
-	renderHighlightedString,
-} from '@modrinth/utils'
+import TeleportOverflowMenu from '@modrinth/ui/src/components/base/TeleportOverflowMenu.vue'
+import type { ProjectStatus } from '@modrinth/utils'
 import { useQueryClient } from '@tanstack/vue-query'
-import { computedAsync, useDebounceFn } from '@vueuse/core'
+import { useDebounceFn } from '@vueuse/core'
 import type { Component } from 'vue'
+import { computed, nextTick, provide, ref, toRaw, watch } from 'vue'
 
 import { useGeneratedState } from '~/composables/generated'
 import { useImageUpload } from '~/composables/image-upload.ts'
 import { getProjectTypeForUrlShorthand } from '~/helpers/projects.js'
 import {
-	clearChecklistProgressState,
-	clearGeneratedMessageState as clearPersistedGeneratedMessageState,
-	createEmptyGeneratedMessageState,
-	loadChecklistActionStates,
-	loadChecklistStage,
-	loadChecklistTextInputs,
-	loadGeneratedMessageState,
-	saveChecklistActionStates,
-	saveChecklistStage,
-	saveChecklistTextInputs,
-	saveGeneratedMessageState,
+	clearChecklistState,
+	loadChecklistState,
+	saveChecklistState,
 } from '~/services/moderation-checklist-storage.ts'
-import { type LockAcquireResponse, useModerationQueue } from '~/services/moderation-queue.ts'
+import type { LockAcquireResponse } from '~/services/moderation-queue.ts'
+import { useModerationQueue } from '~/services/moderation-queue.ts'
 
+import { type ActiveAction, type LiveNode, NODE_META_KEY, STATE_KEY } from './checklist-context'
 import KeybindsModal from './ChecklistKeybindsModal.vue'
-import ModpackPermissionsFlow from './ModpackPermissionsFlow.vue'
+import NodeRenderer from './NodeRenderer.vue'
 
 const notifications = injectNotificationManager()
 const { addNotification } = notifications
@@ -541,7 +453,15 @@ const props = defineProps<{
 	collapsed: boolean
 }>()
 
-const { projectV2, projectV3, invalidate } = injectProjectPageContext()
+const { projectV2, projectV3, versions, loadVersions, invalidate, thread } =
+	injectProjectPageContext()
+setMessageProject(projectV3, projectV2)
+const missingMdPaths = new Set<string>()
+setMissingMdHandler((path) => missingMdPaths.add(path))
+
+const nodeStates = ref<Record<string, Record<string, NodeState>>>({})
+const resolvedStages = ref(useStages(nodeStates))
+const client = injectModrinthClient()
 
 const moderationQueue = useModerationQueue()
 const queryClient = useQueryClient()
@@ -672,7 +592,6 @@ function handleLockLost(result: LockAcquireResponse) {
 function handleLockAcquired() {
 	lockStatus.value = { locked: false, isOwnLock: true }
 	lockError.value = false
-	initializeAllStages()
 	clearLockCountdown()
 	startLockHeartbeat()
 	maintainPrefetchQueue() // Start prefetching immediately (not debounced)
@@ -681,7 +600,6 @@ function handleLockAcquired() {
 function handleLockUnavailable() {
 	lockError.value = true
 	lockStatus.value = { locked: false, isOwnLock: false }
-	initializeAllStages()
 	clearLockCountdown()
 	addNotification({
 		title: 'Lock unavailable',
@@ -728,20 +646,6 @@ async function navigateToNextUnlockedProject(): Promise<boolean> {
 	return true
 }
 
-const variables = computed(() => {
-	return {
-		...flattenStaticVariables(),
-		...flattenProjectVariables(projectV2.value),
-		...flattenProjectV3Variables(projectV3.value),
-	}
-})
-
-const modpackPermissionsComplete = ref(false)
-const modpackJudgements = ref<ModerationJudgements>({})
-const isModpackPermissionsStage = computed(() => {
-	return currentStageObj.value.id === 'modpack-permissions'
-})
-
 async function onUploadHandler(file: File) {
 	const response = await useImageUpload(file, {
 		context: 'thread_message',
@@ -751,14 +655,16 @@ async function onUploadHandler(file: File) {
 }
 
 const useSimpleEditor = ref(false)
-const checklistPersistenceProjectSlug = projectV2.value.slug
-const persistedGeneratedMessage = import.meta.client
-	? await loadGeneratedMessageState(checklistPersistenceProjectSlug)
-	: createEmptyGeneratedMessageState()
-const message = ref(
-	typeof persistedGeneratedMessage.message === 'string' ? persistedGeneratedMessage.message : '',
-)
-const generatedMessage = ref(persistedGeneratedMessage.generated === true)
+const checklistPersistenceProjectId = projectV2.value.id
+const persistedState = import.meta.client
+	? await loadChecklistState(checklistPersistenceProjectId)
+	: null
+nodeStates.value = persistedState?.state ?? {}
+const reviewedAnyway = ref(persistedState?.reviewAnyway ?? false)
+const message = ref<string | null>(persistedState?.message ?? null)
+const generatedActiveActions = ref<ActiveAction[] | null>(null)
+const resolvedMessageAvailability = ref<Map<IdentifiedNodeBuilder, boolean>>(new Map())
+const generatedMessage = computed(() => message.value !== null)
 const loadingMessage = ref(false)
 const moderationDecision = ref<ProjectStatus | null>(null)
 const loadingModerationDecision = computed(() => moderationDecision.value !== null)
@@ -767,24 +673,16 @@ const approveSendStatus = computed<ProjectStatus>(() => {
 	return requested ?? 'approved'
 })
 const done = ref(false)
-
-function persistGeneratedMessageState() {
-	void saveGeneratedMessageState(checklistPersistenceProjectSlug, {
-		generated: generatedMessage.value,
-		message: message.value,
-	})
-}
+const messageText = computed({
+	get: () => message.value ?? '',
+	set: (v: string) => {
+		message.value = v
+	},
+})
 
 function clearGeneratedMessageState() {
-	generatedMessage.value = false
-	message.value = ''
-	void clearPersistedGeneratedMessageState(checklistPersistenceProjectSlug)
-}
-
-watch([generatedMessage, message], persistGeneratedMessageState, { flush: 'sync' })
-
-function handleModpackPermissionsComplete() {
-	modpackPermissionsComplete.value = true
+	message.value = null
+	generatedActiveActions.value = null
 }
 
 const emit = defineEmits<{
@@ -801,6 +699,8 @@ async function handleExit() {
 			console.warn('Failed to release moderation lock for project:', projectId)
 		}
 	}
+	await persistStateImmediately(false, true)
+	persistenceEnabled = false
 	emit('exit')
 }
 
@@ -845,7 +745,8 @@ async function confirmTakeOverOverride() {
 
 function reviewAnyway() {
 	alreadyReviewed.value = false
-	initializeAllStages()
+	reviewedAnyway.value = true
+	persistState()
 	// Start prefetching the next project in the background
 	maintainPrefetchQueue()
 }
@@ -1077,31 +978,35 @@ async function skipToNextProject() {
 	emit('exit')
 }
 
+const currentStageHasState = computed(() => {
+	const stageId = currentStageObj.value.id
+	if (!stageId) return false
+	const stageState = nodeStates.value[stageId]
+	return !!stageState && Object.keys(stageState).length > 0
+})
+
+const checklistHasState = computed(() =>
+	Object.values(nodeStates.value).some((s) => s && Object.keys(s).length > 0),
+)
+
 function resetProgress() {
+	if (!isPseudoStage.value && currentStageHasState.value) {
+		Reflect.deleteProperty(nodeStates.value, currentStageObj.value.id!)
+		clearGeneratedMessageState()
+		return
+	}
+
 	currentStage.value = findFirstValidStage()
-	actionStates.value = {}
-	textInputValues.value = {}
+	nodeStates.value = {}
 
 	done.value = false
 	clearGeneratedMessageState()
 	loadingMessage.value = false
 	moderationDecision.value = null
-
-	localStorage.removeItem(`modpack-permissions-${projectV2.value.id}`)
-	localStorage.removeItem(`modpack-permissions-index-${projectV2.value.id}`)
-
-	sessionStorage.removeItem(`modpack-permissions-data-${projectV2.value.id}`)
-	sessionStorage.removeItem(`modpack-permissions-permanent-no-${projectV2.value.id}`)
-	sessionStorage.removeItem(`modpack-permissions-updated-${projectV2.value.id}`)
-
-	modpackPermissionsComplete.value = false
-	modpackJudgements.value = {}
-
-	initializeAllStages()
 }
 
 function findFirstValidStage(): number {
-	for (let i = 0; i < checklist.length; i++) {
+	for (let i = 0; i < resolvedStages.value.length; i++) {
 		if (shouldShowStageIndex(i)) {
 			return i
 		}
@@ -1109,88 +1014,243 @@ function findFirstValidStage(): number {
 	return 0
 }
 
-const currentStageObj = computed(() => checklist[currentStage.value])
-const persistedStage = import.meta.client
-	? await loadChecklistStage(checklistPersistenceProjectSlug)
-	: null
-const currentStage = ref(
-	persistedStage !== null && checklist[persistedStage] ? persistedStage : findFirstValidStage(),
+const currentStageObj = computed(() => resolvedStages.value[currentStage.value])
+const isOnFirstStage = computed(() => currentStage.value === findFirstValidStage())
+const isLockedByOther = computed(() => lockStatus.value?.locked && !lockStatus.value?.isOwnLock)
+const isPseudoStage = computed(
+	() => alreadyReviewed.value || done.value || generatedMessage.value || isLockedByOther.value,
+)
+const canOpenStageSelectorFromTitle = computed(
+	() => !alreadyReviewed.value && !done.value && !isLockedByOther.value,
 )
 
-const stageTextExpanded = computedAsync(async () => {
-	const stageIndex = currentStage.value
-	const stage = checklist[stageIndex]
-	if (stage.text) {
-		return renderHighlightedString(
-			expandVariables(
-				await stage.text(projectV2.value, projectV3.value),
-				projectV2.value,
-				projectV3.value,
-				variables.value,
-			),
-		)
-	}
-	return null
-}, null)
+const checklistTitleText = computed(() => {
+	if (alreadyReviewed.value || done.value) return 'Moderation'
+	if (generatedMessage.value) return 'Generated Message'
 
-const persistedActionStates = import.meta.client
-	? await loadChecklistActionStates(checklistPersistenceProjectSlug)
-	: {}
+	return currentStageObj.value.label ?? kebabToTitleCase(currentStageObj.value.id)
+})
+const checklistLive = computed<Map<IdentifiedNodeBuilder, LiveNode>>(() => {
+	const map = new Map<IdentifiedNodeBuilder, LiveNode>()
+
+	for (const stage of resolvedStages.value) {
+		const stageState = (nodeStates.value[stage.id!] ?? {}) as Record<string, NodeState>
+
+		let isVisible = false
+		let messageCount = 0
+		let fixCount = 0
+		let hasRequiredMissing = false
+		const stageActiveActions: ActiveAction[] = []
+
+		if (stage._shown === undefined || resolve(stage._shown)) {
+			if (stage._segments.length > 0) {
+				messageCount++
+				stageActiveActions.push({
+					node: stage,
+					state: stageState,
+					statePath: stage._statePath ?? [],
+				})
+			}
+
+			walkNodes(resolveChildren(stage, stageState), stageState, (node, nodeState, localState) => {
+				isVisible = true
+				const active = isNodeActive(node, nodeState)
+				const actionState =
+					node.type === 'toggle' || node.type === 'check' || node.type === 'option'
+						? (getBooleanChildState(nodeState) as Record<string, NodeState>)
+						: localState
+				const isRequired = !!(node as ValueNodeBuilder)._required
+				const nodeActiveActions: ActiveAction[] = []
+
+				let isFixActionable = false
+				if (active) {
+					if (node._segments.length > 0) {
+						messageCount++
+						nodeActiveActions.push({ node, state: actionState, statePath: node._statePath ?? [] })
+						stageActiveActions.push({ node, state: actionState, statePath: node._statePath ?? [] })
+					}
+					isFixActionable = node._fixes.some((f) => {
+						if (f._projectFn) {
+							const { proxy, changes } = createTrackedPatch(projectV3.value as any)
+							f._projectFn(proxy as any, actionState)
+							return Object.keys(changes()).length > 0
+						}
+						if (f._versionFn) {
+							const version = versions.value?.[0]
+							if (!version) return true
+							const { proxy, changes } = createTrackedPatch(version as any)
+							f._versionFn(proxy as any, actionState)
+							return Object.keys(changes()).length > 0
+						}
+						return false
+					})
+					if (isFixActionable) fixCount++
+				}
+
+				if (isRequired && !active) hasRequiredMissing = true
+				map.set(node, {
+					isActive: active,
+					isVisible: node._shown === undefined || resolve(node._shown),
+					isFixActionable,
+					messageCount: active && node._segments.some((s) => s.type !== 'collect') ? 1 : 0,
+					fixCount: isFixActionable ? 1 : 0,
+					hasRequiredMissing: isRequired && !active,
+					activeActions: nodeActiveActions,
+				})
+			})
+		}
+
+		map.set(stage, {
+			isActive: true,
+			isVisible,
+			isFixActionable: false,
+			messageCount,
+			fixCount,
+			hasRequiredMissing,
+			activeActions: stageActiveActions,
+		})
+	}
+
+	return map
+})
+
+const restoredStage = persistedState
+	? resolvedStages.value.findIndex((s) => s.id === persistedState.stage)
+	: -1
+const currentStage = ref(restoredStage >= 0 ? restoredStage : findFirstValidStage())
+const initialAutoStage = currentStage.value
+
+// Thread data may not be loaded when currentStage is first set, so stages that depend on it
+// (like re-review) may be invisible initially. Re-evaluate once thread loads.
+if (!persistedState) {
+	watch(
+		thread,
+		() => {
+			if (thread.value === undefined) return
+			if (currentStage.value === initialAutoStage) {
+				const firstValid = findFirstValidStage()
+				if (firstValid !== currentStage.value) {
+					currentStage.value = firstValid
+				}
+			}
+		},
+		{ once: true },
+	)
+}
 
 const router = useRouter()
 
-const persistedTextInputs = import.meta.client
-	? await loadChecklistTextInputs(checklistPersistenceProjectSlug)
-	: {}
+let persistenceEnabled = true
+let persistenceTimer: ReturnType<typeof setTimeout> | null = null
 
-const actionStates = ref<Record<string, ActionState>>(persistedActionStates)
-const textInputValues = ref<Record<string, string>>(persistedTextInputs)
-
-const persistState = () => {
-	void saveChecklistActionStates(checklistPersistenceProjectSlug, actionStates.value)
-	void saveChecklistTextInputs(checklistPersistenceProjectSlug, textInputValues.value)
+function cancelPendingPersistence() {
+	if (persistenceTimer === null) return
+	clearTimeout(persistenceTimer)
+	persistenceTimer = null
 }
 
-watch(currentStage, (stage) => {
-	void saveChecklistStage(checklistPersistenceProjectSlug, stage)
-})
-watch(actionStates, persistState, { deep: true })
-watch(textInputValues, persistState, { deep: true })
+function savePersistedState(open: boolean, resetReviewAnyway = false) {
+	const rawState = toRaw(nodeStates.value)
+	const openVal = open || undefined
+	const reviewAnywayVal = resetReviewAnyway ? undefined : reviewedAnyway.value || undefined
+	const stageVal =
+		currentStage.value !== findFirstValidStage() ? currentStageObj.value.id : undefined
+	const messageVal = message.value ?? undefined
+	const stateVal = Object.keys(rawState).length > 0 ? rawState : undefined
+	if (!openVal && !reviewAnywayVal && !stageVal && !messageVal && !stateVal) {
+		return clearChecklistState(checklistPersistenceProjectId)
+	}
+	return saveChecklistState(checklistPersistenceProjectId, {
+		...(openVal && { open: openVal }),
+		...(reviewAnywayVal && { reviewAnyway: reviewAnywayVal }),
+		...(stageVal && { stage: stageVal }),
+		...(messageVal && { message: messageVal }),
+		...(stateVal && { state: stateVal }),
+	})
+}
+
+function persistState() {
+	if (!persistenceEnabled || !import.meta.client) return
+	cancelPendingPersistence()
+	persistenceTimer = setTimeout(() => {
+		persistenceTimer = null
+		void savePersistedState(true)
+	}, 150)
+}
+
+async function persistStateImmediately(open: boolean, resetReviewAnyway = false) {
+	if (!import.meta.client) return
+	cancelPendingPersistence()
+	await savePersistedState(open, resetReviewAnyway)
+}
+
+watch(currentStage, persistState)
+watch(nodeStates, persistState, { deep: true })
+watch(message, persistState)
+
+watch(
+	nodeStates,
+	async () => {
+		const active = collectActiveActions()
+		const newMap = new Map<IdentifiedNodeBuilder, boolean>()
+		await Promise.all(
+			active
+				.filter((a) => a.node._segments.some((s) => s.type !== 'collect'))
+				.map(async ({ node, state, statePath }) => {
+					try {
+						let hasContent = false
+						for (const seg of node._segments) {
+							if (seg.type === 'collect') continue
+							const text = await evalSegment(seg, state, statePath)
+							if (text?.trim()) {
+								hasContent = true
+								break
+							}
+						}
+						newMap.set(node, hasContent)
+					} catch {
+						newMap.set(node, false)
+					}
+				}),
+		)
+		resolvedMessageAvailability.value = newMap
+	},
+	{ deep: true, immediate: true },
+)
 
 interface MessagePart {
-	weight: number
+	priority?: Priority
 	content: string
-	actionId: string
-	stageIndex: number
+}
+
+function ignoreLegacyActionKeybind() {
+	return undefined
 }
 
 function handleKeybinds(event: KeyboardEvent) {
-	const focusedActionIndex = ref<number | null>(null)
-
 	handleKeybind(
 		event,
 		{
 			project: projectV2.value,
 			state: {
 				currentStage: currentStage.value,
-				totalStages: checklist.length,
+				totalStages: resolvedStages.value.length,
 				currentStageId: currentStageObj.value.id,
-				currentStageTitle: currentStageObj.value.title,
+				currentStageTitle: currentStageObj.value.label,
 
 				isCollapsed: props.collapsed,
 				isDone: done.value,
 				hasGeneratedMessage: generatedMessage.value,
 				isLoadingMessage: loadingMessage.value,
-				isModpackPermissionsStage: isModpackPermissionsStage.value,
 
 				futureProjectCount: moderationQueue.queueLength,
-				visibleActionsCount: visibleActions.value.length,
+				visibleActionsCount: resolveChildren(
+					currentStageObj.value,
+					nodeStates.value[currentStageObj.value.id!] ?? {},
+				).filter((c) => c instanceof NodeBuilder).length,
 
-				focusedActionIndex: focusedActionIndex.value,
-				focusedActionType:
-					focusedActionIndex.value !== null
-						? (visibleActions.value[focusedActionIndex.value]?.type as any)
-						: null,
+				focusedActionIndex: null,
+				focusedActionType: null,
 			},
 			actions: {
 				tryGoNext: nextStage,
@@ -1205,7 +1265,7 @@ function handleKeybinds(event: KeyboardEvent) {
 				tryApprove: () => sendMessage(approveSendStatus.value),
 				tryReject: () => sendMessage('rejected'),
 				tryWithhold: () => sendMessage('withheld'),
-				tryEditMessage: goBackToStages,
+				tryEditMessage: previousStage,
 
 				tryCopyLink: async (permalink: boolean, relative: boolean, page: boolean) => {
 					let url = ``
@@ -1230,63 +1290,12 @@ function handleKeybinds(event: KeyboardEvent) {
 
 				tryCopyId: async () => await navigator.clipboard.writeText(projectV2.value.id),
 
-				tryToggleAction: (actionIndex: number) => {
-					const action = visibleActions.value[actionIndex]
-					if (action) {
-						toggleAction(action)
-					}
-				},
-				trySelectDropdownOption: (actionIndex: number, optionIndex: number) => {
-					const action = visibleActions.value[actionIndex] as DropdownAction
-					if (action && action.type === 'dropdown') {
-						const visibleOptions = getVisibleDropdownOptions(action)
-						if (optionIndex < visibleOptions.length) {
-							selectDropdownOption(action, visibleOptions[optionIndex])
-						}
-					}
-				},
-				tryToggleChip: (actionIndex: number, chipIndex: number) => {
-					const action = visibleActions.value[actionIndex] as MultiSelectChipsAction
-					if (action && action.type === 'multi-select-chips') {
-						const visibleOptions = getVisibleMultiSelectOptions(action)
-						if (chipIndex < visibleOptions.length) {
-							toggleChip(action, chipIndex)
-						}
-					}
-				},
-
-				tryFocusNextAction: () => {
-					if (visibleActions.value.length === 0) return
-					if (focusedActionIndex.value === null) {
-						focusedActionIndex.value = 0
-					} else {
-						focusedActionIndex.value = (focusedActionIndex.value + 1) % visibleActions.value.length
-					}
-				},
-				tryFocusPreviousAction: () => {
-					if (visibleActions.value.length === 0) return
-					if (focusedActionIndex.value === null) {
-						focusedActionIndex.value = visibleActions.value.length - 1
-					} else {
-						focusedActionIndex.value =
-							focusedActionIndex.value === 0
-								? visibleActions.value.length - 1
-								: focusedActionIndex.value - 1
-					}
-				},
-				tryActivateFocusedAction: () => {
-					if (focusedActionIndex.value === null) return
-					const action = visibleActions.value[focusedActionIndex.value]
-					if (!action) return
-
-					if (
-						action.type === 'button' ||
-						action.type === 'conditional-button' ||
-						action.type === 'toggle'
-					) {
-						toggleAction(action)
-					}
-				},
+				tryToggleAction: ignoreLegacyActionKeybind,
+				trySelectDropdownOption: ignoreLegacyActionKeybind,
+				tryToggleChip: ignoreLegacyActionKeybind,
+				tryFocusNextAction: ignoreLegacyActionKeybind,
+				tryFocusPreviousAction: ignoreLegacyActionKeybind,
+				tryActivateFocusedAction: ignoreLegacyActionKeybind,
 			},
 		},
 		Object.values(keybinds.value),
@@ -1302,16 +1311,30 @@ watch(currentStage, () => {
 })
 
 onMounted(async () => {
+	void persistStateImmediately(true)
 	window.addEventListener('keydown', handleKeybinds)
 	window.addEventListener('beforeunload', handleBeforeUnload)
 	document.addEventListener('visibilitychange', handleVisibilityChange)
 	notifications.setNotificationLocation('left')
 
-	if (projectV2.value.status !== 'processing') {
+	const finishedId = localStorage.getItem('moderation-checklist-finished')
+	if (finishedId === projectV2.value.id) {
+		localStorage.removeItem('moderation-checklist-finished')
+		hasNextProject.value = moderationQueue.queueLength > 0
+		done.value = true
+		return
+	}
+
+	if (projectV2.value.status !== 'processing' && !reviewedAnyway.value) {
 		alreadyReviewed.value = true
 		return
 	}
 
+	const initialStage = resolvedStages.value[currentStage.value]
+	if (initialStage?._navigate) {
+		router.push(`/${projectV2.value.project_type}/${projectV2.value.slug}${initialStage._navigate}`)
+	}
+
 	const result = await moderationQueue.acquireLock(projectV2.value.id)
 
 	if (result.success) {
@@ -1353,6 +1376,10 @@ function handleBeforeUnload() {
 }
 
 onUnmounted(() => {
+	cancelPendingPersistence()
+	if (persistenceEnabled) {
+		void savePersistedState(true)
+	}
 	window.removeEventListener('beforeunload', handleBeforeUnload)
 	window.removeEventListener('keydown', handleKeybinds)
 	document.removeEventListener('visibilitychange', handleVisibilityChange)
@@ -1374,454 +1401,128 @@ onUnmounted(() => {
 	isPrefetching.value = false
 })
 
-function initializeAllStages() {
-	checklist.forEach((stage, stageIndex) => {
-		initializeStageActions(stage, stageIndex)
-	})
-}
-
-function initializeCurrentStage() {
-	initializeStageActions(currentStageObj.value, currentStage.value)
-}
-
 watch(
 	currentStage,
 	(newIndex, oldIndex) => {
-		const stage = checklist[newIndex]
+		const stage = resolvedStages.value[newIndex]
 		// only navigate when the stage actually changes (not on initial mount/remount)
-		if (oldIndex !== undefined && newIndex !== oldIndex && stage?.navigate) {
-			router.push(`/${projectV2.value.project_type}/${projectV2.value.slug}${stage.navigate}`)
+		if (oldIndex !== undefined && newIndex !== oldIndex && stage?._navigate) {
+			router.push(`/${projectV2.value.project_type}/${projectV2.value.slug}${stage._navigate}`)
 		}
-
-		initializeCurrentStage()
 	},
 	{ immediate: true },
 )
 
-function initializeStageActions(stage: Stage, stageIndex: number) {
-	stage.actions.forEach((action, index) => {
-		const actionId = getActionIdForStage(action, stageIndex, index)
-		if (!actionStates.value[actionId]) {
-			actionStates.value[actionId] = initializeActionState(action)
+watch(
+	() => currentStageObj.value.id,
+	(stageId) => {
+		if (stageId === 'versions') {
+			loadVersions()
 		}
-	})
-
-	stage.actions.forEach((action) => {
-		if (action.enablesActions) {
-			action.enablesActions.forEach((enabledAction, index) => {
-				const actionId = getActionIdForStage(enabledAction, currentStage.value, index)
-				if (!actionStates.value[actionId]) {
-					actionStates.value[actionId] = initializeActionState(enabledAction)
-				}
-			})
-		}
-	})
-}
-
-function getActionId(action: Action, index?: number): string {
-	// If index is not provided, find it in the current stage's actions
-	if (index === undefined) {
-		index = currentStageObj.value.actions.indexOf(action)
-	}
-	return getActionIdForStage(action, currentStage.value, index)
-}
-
-function getActionKey(action: Action): string {
-	// Find the actual index of this action in the current stage's actions array
-	const index = currentStageObj.value.actions.indexOf(action)
-	return `${currentStage.value}-${index}-${getActionId(action, index)}`
-}
-
-const visibleActions = computed(() => {
-	const selectedActionIds = Object.entries(actionStates.value)
-		.filter(([_, state]) => state.selected)
-		.map(([id]) => id)
-
-	const allActions: Action[] = []
-	const actionSources = new Map<Action, { enabledBy?: Action; actionIndex?: number }>()
-
-	currentStageObj.value.actions.forEach((action, actionIndex) => {
-		if (shouldShowAction(action)) {
-			allActions.push(action)
-			actionSources.set(action, { actionIndex })
-
-			if (action.enablesActions) {
-				action.enablesActions.forEach((enabledAction) => {
-					if (shouldShowAction(enabledAction)) {
-						allActions.push(enabledAction)
-						actionSources.set(enabledAction, { enabledBy: action, actionIndex })
-					}
-				})
-			}
-		}
-	})
-
-	return allActions.filter((action) => {
-		const source = actionSources.get(action)
-
-		if (source?.enabledBy) {
-			const enablerId = getActionId(source.enabledBy, source.actionIndex)
-			if (!selectedActionIds.includes(enablerId)) {
-				return false
-			}
-		}
-
-		const disabledByOthers = currentStageObj.value.actions.some((otherAction, otherIndex) => {
-			const otherId = getActionId(otherAction, otherIndex)
-			return (
-				selectedActionIds.includes(otherId) &&
-				otherAction.disablesActions?.includes(
-					action.id || `action-${currentStage.value}-${source?.actionIndex}`,
-				)
-			)
-		})
-
-		return !disabledByOthers
-	})
-})
-
-const buttonActions = computed(() =>
-	visibleActions.value.filter(
-		(action) => action.type === 'button' || action.type === 'conditional-button',
-	),
+	},
+	{ immediate: true },
 )
 
-const toggleActions = computed(() =>
-	visibleActions.value.filter((action) => action.type === 'toggle'),
-)
-
-const dropdownActions = computed(() =>
-	visibleActions.value.filter((action) => action.type === 'dropdown'),
-)
-
-const multiSelectActions = computed(() =>
-	visibleActions.value.filter((action) => action.type === 'multi-select-chips'),
-)
-
-function getDropdownValue(action: DropdownAction) {
-	const actionIndex = currentStageObj.value.actions.indexOf(action)
-	const actionId = getActionId(action, actionIndex)
-	const visibleOptions = getVisibleDropdownOptions(action)
-	const currentValue = actionStates.value[actionId]?.value ?? action.defaultOption ?? 0
-
-	const allOptions = action.options
-	const storedOption = allOptions[currentValue]
-
-	if (storedOption && visibleOptions.includes(storedOption)) {
-		return storedOption
-	}
-
-	return visibleOptions[0] || null
+function countStageActions(stage: StageNodeBuilder): number {
+	const actions = checklistLive.value.get(stage)?.activeActions ?? []
+	const resolved = resolvedMessageAvailability.value
+	return actions.filter((a) => {
+		if (a.node._segments.every((s) => s.type === 'collect')) return false
+		return resolved.get(a.node) ?? true
+	}).length
 }
 
-function isActionSelected(action: Action): boolean {
-	const actionIndex = currentStageObj.value.actions.indexOf(action)
-	const actionId = getActionId(action, actionIndex)
-	return actionStates.value[actionId]?.selected || false
+function countStageFixes(stage: StageNodeBuilder): number {
+	return checklistLive.value.get(stage)?.fixCount ?? 0
 }
 
-function toggleAction(action: Action) {
-	const actionIndex = currentStageObj.value.actions.indexOf(action)
-	const actionId = getActionId(action, actionIndex)
-	const state = actionStates.value[actionId]
-	if (state) {
-		state.selected = !state.selected
-		persistState()
-	}
+function hasRequiredMissing(stage: StageNodeBuilder): boolean {
+	return checklistLive.value.get(stage)?.hasRequiredMissing ?? false
 }
 
-function selectDropdownOption(action: DropdownAction, selected: any) {
-	const actionIndex = currentStageObj.value.actions.indexOf(action)
-	const actionId = getActionId(action, actionIndex)
-	const state = actionStates.value[actionId]
-	if (state && selected !== undefined && selected !== null) {
-		const optionIndex = action.options.findIndex(
-			(opt) => opt === selected || (opt?.label && selected?.label && opt.label === selected.label),
-		)
-
-		if (optionIndex !== -1) {
-			state.value = optionIndex
-			state.selected = true
-			persistState()
-		}
-	}
+function collectActiveActions(): ActiveAction[] {
+	return resolvedStages.value.flatMap((s) => checklistLive.value.get(s)?.activeActions ?? [])
 }
 
-function isChipSelected(action: MultiSelectChipsAction, optionIndex: number): boolean {
-	const actionIndex = currentStageObj.value.actions.indexOf(action)
-	const actionId = getActionId(action, actionIndex)
-	const selectedSet = actionStates.value[actionId]?.value as Set<number> | undefined
-
-	const visibleOptions = getVisibleMultiSelectOptions(action)
-	const visibleOption = visibleOptions[optionIndex]
-	const originalIndex = action.options.findIndex((opt) => opt === visibleOption)
-
-	return selectedSet?.has(originalIndex) || false
-}
-
-function toggleChip(action: MultiSelectChipsAction, optionIndex: number) {
-	const actionIndex = currentStageObj.value.actions.indexOf(action)
-	const actionId = getActionId(action, actionIndex)
-	const state = actionStates.value[actionId]
-	if (state && state.value instanceof Set) {
-		const visibleOptions = getVisibleMultiSelectOptions(action)
-		const visibleOption = visibleOptions[optionIndex]
-		const originalIndex = action.options.findIndex((opt) => opt === visibleOption)
-
-		if (originalIndex !== -1) {
-			if (state.value.has(originalIndex)) {
-				state.value.delete(originalIndex)
-			} else {
-				state.value.add(originalIndex)
-			}
-			state.selected = state.value.size > 0
-			persistState()
-		}
-	}
-}
-
-const isAnyVisibleInputs = computed(() => {
-	return visibleActions.value.some((action) => {
-		const visibleInputs = getVisibleInputs(action, actionStates.value)
-		return visibleInputs.length > 0 && isActionSelected(action)
-	})
-})
-
-function getModpackFilesFromStorage(): {
-	interactive: ModerationModpackItem[]
-	permanentNo: ModerationModpackItem[]
-} {
-	try {
-		const sessionData = sessionStorage.getItem(`modpack-permissions-data-${projectV2.value.id}`)
-		const interactive = sessionData ? (JSON.parse(sessionData) as ModerationModpackItem[]) : []
-
-		const permanentNoData = sessionStorage.getItem(
-			`modpack-permissions-permanent-no-${projectV2.value.id}`,
-		)
-		const permanentNo = permanentNoData
-			? (JSON.parse(permanentNoData) as ModerationModpackItem[])
-			: []
-
-		return {
-			interactive: interactive || [],
-			permanentNo: permanentNo || [],
-		}
-	} catch (error) {
-		console.warn('Failed to parse session storage modpack data:', error)
-		return { interactive: [], permanentNo: [] }
-	}
+function isDescendant(childPath: string[], ancestorPath: string[]): boolean {
+	return (
+		childPath.length > ancestorPath.length && ancestorPath.every((key, i) => childPath[i] === key)
+	)
 }
 
 async function assembleFullMessage() {
-	const messageParts: MessagePart[] = []
+	const allEntries = collectActiveActions()
+	generatedActiveActions.value = allEntries
 
-	for (let stageIndex = 0; stageIndex < checklist.length; stageIndex++) {
-		const stage = checklist[stageIndex]
+	const consumed = new Set<IdentifiedNodeBuilder>()
 
-		await processStageActions(stage, stageIndex, messageParts)
+	async function evalEntry(entry: ActiveAction): Promise<string> {
+		let result = ''
+		for (const seg of entry.node._segments) {
+			if (seg.type === 'collect') {
+				let collected = ''
+				for (const childEntry of allEntries) {
+					if (consumed.has(childEntry.node)) continue
+					if (!isDescendant(childEntry.statePath, entry.statePath)) continue
+					consumed.add(childEntry.node)
+					collected += await evalEntry(childEntry)
+				}
+				if (!collected.trim() && seg.fallback) {
+					collected = await evalSegment(seg.fallback, entry.state, entry.statePath)
+				}
+				result += collected
+			} else {
+				result += await evalSegment(seg, entry.state, entry.statePath)
+			}
+		}
+		return result
 	}
 
-	messageParts.sort((a, b) => a.weight - b.weight)
+	const parts: MessagePart[] = []
+	for (const entry of allEntries) {
+		if (consumed.has(entry.node)) continue
+		const content = await evalEntry(entry)
+		if (content.trim()) {
+			parts.push({ priority: entry.node._priority, content })
+		}
+	}
 
-	const finalMessage = expandVariables(
-		messageParts
-			.map((part) => part.content)
-			.filter((content) => content.trim().length > 0)
+	parts.sort((a, b) => {
+		if (!a.priority && !b.priority) return 0
+		if (!a.priority) return 1
+		if (!b.priority) return -1
+		return a.priority.compareTo(b.priority)
+	})
+
+	return expandVariables(
+		parts
+			.map((p) => p.content)
+			.filter((c) => c.trim().length > 0)
 			.join('\n\n'),
 		projectV2.value,
 		projectV3.value,
 	)
-
-	return finalMessage
 }
 
-async function processStageActions(stage: Stage, stageIndex: number, messageParts: MessagePart[]) {
-	const selectedActionIds = Object.entries(actionStates.value)
-		.filter(([_, state]) => state.selected)
-		.map(([id]) => id)
+provide(NODE_META_KEY, checklistLive)
+provide(STATE_KEY, nodeStates)
+provide(GLOBAL_STATE_KEY, nodeStates)
 
-	for (let actionIndex = 0; actionIndex < stage.actions.length; actionIndex++) {
-		const action = stage.actions[actionIndex]
-		const actionId = getActionIdForStage(action, stageIndex, actionIndex)
-		const state = actionStates.value[actionId]
-
-		if (!state?.selected) continue
-
-		await processAction(action, actionId, state, selectedActionIds, stageIndex, messageParts)
-
-		if (action.enablesActions) {
-			for (let enabledIndex = 0; enabledIndex < action.enablesActions.length; enabledIndex++) {
-				const enabledAction = action.enablesActions[enabledIndex]
-				const enabledActionId = getActionIdForStage(
-					enabledAction,
-					stageIndex,
-					actionIndex,
-					enabledIndex,
-				)
-				const enabledState = actionStates.value[enabledActionId]
-
-				if (enabledState?.selected) {
-					await processAction(
-						enabledAction,
-						enabledActionId,
-						enabledState,
-						selectedActionIds,
-						stageIndex,
-						messageParts,
-					)
-				}
-			}
-		}
-	}
-}
-
-async function processAction(
-	action: Action,
-	actionId: string,
-	state: ActionState,
-	selectedActionIds: string[],
-	stageIndex: number,
-	messageParts: MessagePart[],
-) {
-	const allValidActionIds: string[] = []
-	checklist.forEach((stage, stageIdx) => {
-		stage.actions.forEach((stageAction, actionIdx) => {
-			allValidActionIds.push(getActionIdForStage(stageAction, stageIdx, actionIdx))
-			if (stageAction.enablesActions) {
-				stageAction.enablesActions.forEach((enabledAction, enabledIdx) => {
-					allValidActionIds.push(
-						getActionIdForStage(enabledAction, stageIdx, actionIdx, enabledIdx),
-					)
-				})
-			}
-		})
-	})
-
-	if (action.type === 'button' || action.type === 'toggle') {
-		const buttonAction = action as ButtonAction | ToggleAction
-		const message = await getActionMessage(buttonAction, selectedActionIds, allValidActionIds)
-		if (message) {
-			messageParts.push({
-				weight: buttonAction.weight,
-				content: processMessage(message, action, stageIndex, textInputValues.value),
-				actionId,
-				stageIndex,
-			})
-		}
-	} else if (action.type === 'conditional-button') {
-		const conditionalAction = action as ConditionalButtonAction
-		const matchingVariant = findMatchingVariant(
-			conditionalAction.messageVariants,
-			selectedActionIds,
-			allValidActionIds,
-			stageIndex,
-		)
-
-		let message: string
-		let weight: number
-
-		if (matchingVariant) {
-			message = (await matchingVariant.message()) as string
-			weight = matchingVariant.weight
-		} else if (conditionalAction.fallbackMessage) {
-			message = (await conditionalAction.fallbackMessage()) as string
-			weight = conditionalAction.fallbackWeight ?? 0
-		} else {
-			return
-		}
-
-		messageParts.push({
-			weight,
-			content: processMessage(message, action, stageIndex, textInputValues.value),
-			actionId,
-			stageIndex,
-		})
-	} else if (action.type === 'dropdown') {
-		const dropdownAction = action as DropdownAction
-		const selectedIndex = state.value ?? 0
-		const selectedOption = dropdownAction.options[selectedIndex]
-
-		if (selectedOption && 'message' in selectedOption && 'weight' in selectedOption) {
-			const message = (await selectedOption.message()) as string
-			messageParts.push({
-				weight: selectedOption.weight,
-				content: processMessage(message, action, stageIndex, textInputValues.value),
-				actionId,
-				stageIndex,
-			})
-		}
-	} else if (action.type === 'multi-select-chips') {
-		const multiSelectAction = action as MultiSelectChipsAction
-		const selectedIndices = state.value as Set<number>
-
-		for (const index of selectedIndices) {
-			const option = multiSelectAction.options[index]
-			if (option && 'message' in option && 'weight' in option) {
-				const message = (await option.message()) as string
-				messageParts.push({
-					weight: option.weight,
-					content: processMessage(message, action, stageIndex, textInputValues.value),
-					actionId: `${actionId}-option-${index}`,
-					stageIndex,
-				})
-			}
-		}
-	}
-}
-
-function shouldShowStage(stage: Stage): boolean {
-	let hasVisibleActions = false
-
-	for (const a of stage.actions) {
-		if (shouldShowAction(a)) {
-			hasVisibleActions = true
-		}
-	}
-
-	if (!hasVisibleActions) {
-		return false
-	}
-
-	if (typeof stage.shouldShow === 'function') {
-		return stage.shouldShow(projectV2.value, projectV3.value)
-	}
-
-	return true
-}
-
-function shouldShowAction(action: Action): boolean {
-	if (typeof action.shouldShow === 'function') {
-		return action.shouldShow(projectV2.value, projectV3.value)
-	}
-
-	return true
-}
-
-function getVisibleDropdownOptions(action: DropdownAction) {
-	return action.options.filter((option) => {
-		if (typeof option.shouldShow === 'function') {
-			return option.shouldShow(projectV2.value, projectV3.value)
-		}
-		return true
-	})
-}
-
-function getVisibleMultiSelectOptions(action: MultiSelectChipsAction) {
-	return action.options.filter((option) => {
-		if (typeof option.shouldShow === 'function') {
-			return option.shouldShow(projectV2.value, projectV3.value)
-		}
-		return true
-	})
+function shouldShowStage(stage: StageNodeBuilder): boolean {
+	return checklistLive.value.get(stage)?.isVisible ?? false
 }
 
 function shouldShowStageIndex(stageIndex: number): boolean {
-	return shouldShowStage(checklist[stageIndex])
+	return shouldShowStage(resolvedStages.value[stageIndex])
 }
 
 function previousStage() {
-	let targetStage = currentStage.value - 1
+	if (generatedMessage.value) {
+		goBackToStages()
+		return
+	}
 
+	let targetStage = currentStage.value - 1
 	while (targetStage >= 0) {
 		if (shouldShowStageIndex(targetStage)) {
 			currentStage.value = targetStage
@@ -1832,35 +1533,24 @@ function previousStage() {
 }
 
 function nextStage() {
-	if (isModpackPermissionsStage.value && !modpackPermissionsComplete.value) {
-		addNotification({
-			title: 'Modpack permissions stage unfinished',
-			text: 'Please complete the modpack permissions stage before proceeding.',
-			type: 'error',
-		})
-
-		return
-	}
+	if (generatedMessage.value) return
 
 	let targetStage = currentStage.value + 1
-
-	while (targetStage < checklist.length) {
+	while (targetStage < resolvedStages.value.length) {
 		if (shouldShowStageIndex(targetStage)) {
 			currentStage.value = targetStage
-			if (!isModpackPermissionsStage.value) {
-				modpackPermissionsComplete.value = false
-			}
-
 			return
 		}
 		targetStage++
 	}
+
+	generateMessage()
 }
 
 function goBackToStages() {
 	clearGeneratedMessageState()
 
-	let targetStage = checklist.length - 1
+	let targetStage = resolvedStages.value.length - 1
 	while (targetStage >= 0) {
 		if (shouldShowStageIndex(targetStage)) {
 			currentStage.value = targetStage
@@ -1878,23 +1568,16 @@ async function generateMessage() {
 	router.push(`/${projectV2.value.project_type}/${projectV2.value.slug}/moderation`)
 
 	try {
+		missingMdPaths.clear()
 		const baseMessage = await assembleFullMessage()
-		let fullMessage = baseMessage
-
-		if (projectV2.value.project_type === 'modpack') {
-			const modpackFilesData = getModpackFilesFromStorage()
-
-			if (modpackFilesData.interactive.length > 0 || modpackFilesData.permanentNo.length > 0) {
-				const modpackMessage = generateModpackMessage(modpackFilesData)
-				if (modpackMessage) {
-					fullMessage = baseMessage ? `${baseMessage}\n\n${modpackMessage}` : modpackMessage
-				}
-			}
+		if (missingMdPaths.size > 0) {
+			addNotification({
+				title: 'Missing message files',
+				text: [...missingMdPaths].join('\n'),
+				type: 'warning',
+			})
 		}
-
-		message.value = fullMessage
-
-		generatedMessage.value = true
+		message.value = baseMessage
 	} catch (error) {
 		console.error('Error generating message:', error)
 		addNotification({
@@ -1907,69 +1590,6 @@ async function generateMessage() {
 	}
 }
 
-function generateModpackMessage(allFiles: {
-	interactive: ModerationModpackItem[]
-	permanentNo: ModerationModpackItem[]
-}) {
-	const issues = []
-
-	const attributeMods: string[] = []
-	const noMods: string[] = []
-	const permanentNoMods: string[] = []
-	const unidentifiedMods: string[] = []
-
-	allFiles.interactive.forEach((file) => {
-		if (file.status === 'unidentified') {
-			if (file.approved === 'no') {
-				unidentifiedMods.push(file.file_name)
-			}
-		} else if (file.status === 'with-attribution' && file.approved === 'no') {
-			attributeMods.push(file.file_name)
-		} else if (file.status === 'no' && file.approved === 'no') {
-			noMods.push(file.file_name)
-		} else if (file.status === 'permanent-no') {
-			permanentNoMods.push(file.file_name)
-		}
-	})
-
-	allFiles.permanentNo.forEach((file) => {
-		permanentNoMods.push(file.file_name)
-	})
-
-	if (
-		attributeMods.length > 0 ||
-		noMods.length > 0 ||
-		permanentNoMods.length > 0 ||
-		unidentifiedMods.length > 0
-	) {
-		issues.push('## Copyrighted content')
-
-		if (unidentifiedMods.length > 0) {
-			issues.push(
-				`${finalPermissionMessages.unidentified}\n${unidentifiedMods.map((mod) => `- ${mod}`).join('\n')}`,
-			)
-		}
-
-		if (attributeMods.length > 0) {
-			issues.push(
-				`${finalPermissionMessages['with-attribution']}\n${attributeMods.map((mod) => `- ${mod}`).join('\n')}`,
-			)
-		}
-
-		if (noMods.length > 0) {
-			issues.push(`${finalPermissionMessages.no}\n${noMods.map((mod) => `- ${mod}`).join('\n')}`)
-		}
-
-		if (permanentNoMods.length > 0) {
-			issues.push(
-				`${finalPermissionMessages['permanent-no']}\n${permanentNoMods.map((mod) => `- ${mod}`).join('\n')}`,
-			)
-		}
-	}
-
-	return issues.join('\n\n')
-}
-
 const hasNextProject = ref(false)
 async function refreshModerationCaches(threadId?: string) {
 	const refreshes: Promise<unknown>[] = [
@@ -1988,7 +1608,6 @@ async function sendMessage(status: ProjectStatus) {
 	// Capture project data upfront to avoid null issues during async operations
 	const projectId = projectV2.value?.id
 	const threadId = projectV2.value?.thread_id
-	const projectType = projectV2.value?.project_type
 
 	if (!projectId) {
 		addNotification({
@@ -1999,13 +1618,14 @@ async function sendMessage(status: ProjectStatus) {
 		return
 	}
 
+	const active = generatedActiveActions.value ?? collectActiveActions()
+	const shouldApplyFixes = active.some((a) => a.node._applyFixes)
+
 	moderationDecision.value = status
 	try {
 		await useBaseFetch(`project/${projectId}`, {
 			method: 'PATCH',
-			body: {
-				status,
-			},
+			body: { status },
 		})
 
 		if (message.value && threadId) {
@@ -2020,12 +1640,41 @@ async function sendMessage(status: ProjectStatus) {
 			})
 		}
 
-		if (projectType === 'modpack' && Object.keys(modpackJudgements.value).length > 0) {
-			await useBaseFetch(`moderation/project`, {
-				internal: true,
-				method: 'POST',
-				body: modpackJudgements.value,
-			})
+		let projectFixChanges: Partial<typeof projectV3.value> = {}
+
+		if (shouldApplyFixes) {
+			const { proxy: projectProxy, changes: projectChanges } = createTrackedPatch(
+				projectV3.value as any,
+			)
+			for (const { node, state } of active) {
+				for (const f of node._fixes) {
+					f._projectFn?.(projectProxy, state)
+				}
+			}
+			projectFixChanges = projectChanges()
+			if (Object.keys(projectFixChanges).length > 0) {
+				await client.labrinth.projects_v3.edit(projectId, projectFixChanges)
+			}
+
+			if (versions.value) {
+				const versionFixes = active.flatMap(({ node, state }) =>
+					node._fixes.filter((f) => f._versionFn).map((f) => ({ fix: f, state })),
+				)
+				if (versionFixes.length > 0) {
+					await Promise.all(
+						versions.value.map(async (version) => {
+							const { proxy, changes } = createTrackedPatch(version as any)
+							for (const { fix, state } of versionFixes) {
+								fix._versionFn!(proxy, state)
+							}
+							const changed = changes()
+							if (Object.keys(changed).length > 0) {
+								await client.labrinth.versions_v3.modifyVersion(version.id, changed)
+							}
+						}),
+					)
+				}
+			}
 		}
 
 		await refreshModerationCaches(threadId)
@@ -2037,6 +1686,14 @@ async function sendMessage(status: ProjectStatus) {
 			new Promise((r) => setTimeout(r, 2000)),
 		])
 
+		if (projectFixChanges?.slug) {
+			const urlType = getProjectTypeForUrlShorthand(projectV2.value.project_type, [], tags.value)
+			localStorage.setItem('moderation-checklist-finished', projectId)
+			clearGeneratedMessageState()
+			await navigateTo(`/${urlType}/${projectFixChanges.slug}/moderation`, { replace: true })
+			return
+		}
+
 		// Set both states together - hasNextProject MUST be set before done
 		// to avoid the race condition where done=true renders with hasNextProject=false
 		hasNextProject.value = willHaveNext
@@ -2055,7 +1712,7 @@ async function sendMessage(status: ProjectStatus) {
 }
 
 async function endChecklist(status?: string) {
-	clearProjectLocalStorage()
+	await clearProjectLocalStorage()
 
 	if (!hasNextProject.value) {
 		await navigateTo({
@@ -2140,22 +1797,17 @@ async function skipCurrentProject() {
 	await endChecklist('skipped')
 }
 
-function clearProjectLocalStorage() {
-	localStorage.removeItem(`modpack-permissions-${projectV2.value.id}`)
-	localStorage.removeItem(`modpack-permissions-index-${projectV2.value.id}`)
+async function clearProjectLocalStorage() {
+	persistenceEnabled = false
+	cancelPendingPersistence()
 
-	sessionStorage.removeItem(`modpack-permissions-data-${projectV2.value.id}`)
-	sessionStorage.removeItem(`modpack-permissions-permanent-no-${projectV2.value.id}`)
-	sessionStorage.removeItem(`modpack-permissions-updated-${projectV2.value.id}`)
-
-	void clearChecklistProgressState(checklistPersistenceProjectSlug)
-	actionStates.value = {}
-	textInputValues.value = {}
-	clearGeneratedMessageState()
+	nodeStates.value = {}
+	message.value = null
+	await clearChecklistState(checklistPersistenceProjectId)
 }
 
 const isLastVisibleStage = computed(() => {
-	for (let i = currentStage.value + 1; i < checklist.length; i++) {
+	for (let i = currentStage.value + 1; i < resolvedStages.value.length; i++) {
 		if (shouldShowStageIndex(i)) {
 			return false
 		}
@@ -2172,39 +1824,48 @@ const hasValidPreviousStage = computed(() => {
 	return false
 })
 
-const stageOptions = computed<OverflowMenuOption[]>(() => {
-	const options = checklist
+interface StageOption {
+	id: string
+	action: () => void
+	text: string
+	color?: 'green'
+	icon?: Component
+	messages?: number
+	fixes?: number
+	requiredMissing?: boolean
+}
+
+const stageOptions = computed<StageOption[]>(() => {
+	const options = resolvedStages.value
 		.map((stage, index) => {
 			if (!shouldShowStage(stage)) return null
 
 			return {
 				id: String(index),
-				action: () => (currentStage.value = index),
-				text: stage.id ? kebabToTitleCase(stage.id) : stage.title,
+				action: () => {
+					clearGeneratedMessageState()
+					currentStage.value = index
+				},
+				text: stage.label ?? kebabToTitleCase(stage.id),
 				color: index === currentStage.value && !generatedMessage.value ? 'green' : undefined,
-				hoverFilled: true,
-				icon: stage.icon ? stage.icon : undefined,
-			} as OverflowMenuOption
+				icon: stage._icon ?? undefined,
+				messages: countStageActions(stage) || undefined,
+				fixes: countStageFixes(stage) || undefined,
+				requiredMissing: hasRequiredMissing(stage) || undefined,
+			}
 		})
-		.filter((opt): opt is OverflowMenuOption => opt !== null)
+		.filter((opt): opt is StageOption => opt !== null)
 
 	options.push({
 		id: 'generate-message',
 		action: () => generateMessage(),
 		text: 'Generate Message',
 		color: generatedMessage.value ? 'green' : undefined,
-		hoverFilled: true,
 		icon: CheckIcon,
-	} as OverflowMenuOption)
+	})
 
 	return options
 })
-
-type StageOverflowSlotOption = OverflowMenuOption & { id: string; text: string; icon?: Component }
-
-const stageOptionsForSlots = computed(() =>
-	stageOptions.value.filter((opt): opt is StageOverflowSlotOption => 'id' in opt && 'text' in opt),
-)
 </script>
 
 <style scoped lang="scss">
@@ -2245,4 +1906,50 @@ const stageOptionsForSlots = computed(() =>
 		}
 	}
 }
+
+// Tooltip styling for button action message previews.
+// Must use :global since floating-vue teleports tooltips outside the component DOM.
+:global(.v-popper--theme-tooltip .v-popper__inner) {
+	max-width: 400px;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+	white-space: normal;
+}
+
+:global(.v-popper--theme-tooltip .moderation-tooltip-markdown) {
+	line-height: 1.45;
+	font-size: 0.9rem;
+}
+
+:global(.v-popper--theme-tooltip .moderation-tooltip-markdown p) {
+	margin: 0.35rem 0;
+}
+
+:global(.v-popper--theme-tooltip .moderation-tooltip-markdown ul),
+:global(.v-popper--theme-tooltip .moderation-tooltip-markdown ol) {
+	margin: 0.35rem 0;
+	padding-left: 1.15rem;
+}
+
+:global(.v-popper--theme-tooltip .moderation-tooltip-markdown pre) {
+	max-width: 100%;
+	overflow-x: auto;
+	margin: 0.4rem 0;
+}
+
+:global(.v-popper--theme-tooltip .moderation-tooltip-markdown code) {
+	background-color: rgba(255, 255, 255, 0.15);
+	padding: 0.1rem 0.3rem;
+	border-radius: 0.25rem;
+	font-family: monospace;
+	font-size: 0.85em;
+}
+
+:global(.v-popper--theme-tooltip .moderation-tooltip-markdown strong) {
+	font-weight: 700;
+}
+
+:global(.v-popper--theme-tooltip .moderation-tooltip-markdown em) {
+	font-style: italic;
+}
 </style>
diff --git a/apps/frontend/src/components/ui/moderation/checklist/NodeRenderer.vue b/apps/frontend/src/components/ui/moderation/checklist/NodeRenderer.vue
new file mode 100644
index 000000000..92641ce1b
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/checklist/NodeRenderer.vue
@@ -0,0 +1,780 @@
+<script lang="ts" setup>
+import type {
+	BooleanNodeBuilder,
+	ButtonNodeBuilder,
+	ChildNode,
+	DropdownNodeBuilder,
+	GroupNodeBuilder,
+	IdentifiedNodeBuilder,
+	InputNodeBuilder,
+	LabeledNodeBuilder,
+	NodeState,
+	NodeStateWithChildren,
+	OverrideValue,
+	ValueNodeBuilder,
+} from '@modrinth/moderation'
+import {
+	evalSegment,
+	expandVariables,
+	flattenProjectV3Variables,
+	flattenProjectVariables,
+	flattenStaticVariables,
+	getBooleanChildState,
+	NodeBuilder,
+	resolve,
+	resolveChildren,
+	setMessageProject,
+} from '@modrinth/moderation'
+import {
+	ButtonStyled,
+	Checkbox,
+	Combobox,
+	injectProjectPageContext,
+	MarkdownEditor,
+	StyledInput,
+} from '@modrinth/ui'
+import { renderHighlightedString, renderString } from '@modrinth/utils'
+import { inject, nextTick, onMounted, reactive, watchEffect } from 'vue'
+
+import { NODE_META_KEY, STATE_KEY } from './checklist-context'
+
+const nodeMetaMap = inject(NODE_META_KEY)
+const injectedGlobalState = inject(STATE_KEY)
+
+const { projectV3: project, projectV2 } = injectProjectPageContext()
+setMessageProject(project, projectV2)
+
+const props = defineProps<{
+	nodes: ChildNode[]
+	showContext: Record<string, NodeState>
+	onImageUpload?: (file: File) => Promise<string>
+	flex?: boolean
+	titleDepth?: number
+	parentStatePath?: string[]
+}>()
+
+function titleClass(depth: number): string {
+	if (depth === 0) return 'text-lg font-extrabold text-contrast'
+	if (depth === 1) return 'text-base font-semibold'
+	if (depth === 2) return 'text-sm font-semibold'
+	return ''
+}
+
+function isVisible(node: NodeBuilder): boolean {
+	if (node._shown !== undefined) return resolve(node._shown)
+	if (node.type === 'group') {
+		const children = getChildren(node as IdentifiedNodeBuilder)
+		return children.some((c) => !(c instanceof NodeBuilder) || isVisible(c))
+	}
+	return true
+}
+
+function isEnabled(node: IdentifiedNodeBuilder): boolean {
+	const e = node._enabled
+	if (e === undefined) return true
+	if (typeof e === 'function') return e(props.showContext)
+	return resolve(e)
+}
+
+function isButtonEnabled(node: ButtonNodeBuilder): boolean {
+	const enabled = node._enabled
+	if (enabled === undefined) return true
+	if (typeof enabled === 'function') return enabled(props.showContext)
+	return resolve(enabled)
+}
+
+function asBool(node: NodeBuilder): BooleanNodeBuilder {
+	return node as BooleanNodeBuilder
+}
+
+function asButton(node: NodeBuilder): ButtonNodeBuilder {
+	return node as ButtonNodeBuilder
+}
+
+function asIdentified(node: NodeBuilder): IdentifiedNodeBuilder {
+	return node as IdentifiedNodeBuilder
+}
+
+function asLabeled(node: NodeBuilder): LabeledNodeBuilder {
+	return node as LabeledNodeBuilder
+}
+
+function asGroup(node: NodeBuilder): GroupNodeBuilder {
+	return node as GroupNodeBuilder
+}
+
+function asDropdown(node: NodeBuilder): DropdownNodeBuilder {
+	return node as DropdownNodeBuilder
+}
+
+function asInput(node: NodeBuilder): InputNodeBuilder {
+	return node as InputNodeBuilder
+}
+
+function getAtPath(path: string[]): NodeState {
+	let current: unknown = injectedGlobalState!.value
+	for (const key of path) {
+		if (current == null || typeof current !== 'object' || current instanceof Set) return undefined
+		current = (current as Record<string, unknown>)[key]
+	}
+	return current as NodeState
+}
+
+function setAtPath(path: string[], value: NodeState): void {
+	if (path.length === 0) return
+	const global = injectedGlobalState!.value as unknown as Record<string, unknown>
+	let current = global
+	const stack: [Record<string, unknown>, string][] = []
+	for (let i = 0; i < path.length - 1; i++) {
+		const key = path[i]
+		const next = current[key]
+		if (!next || typeof next !== 'object' || next instanceof Set) {
+			if (value === undefined) return
+			current[key] = next !== null && next !== undefined ? { value: next } : {}
+			current = current[key] as Record<string, unknown>
+		} else {
+			stack.push([current, key])
+			current = next as Record<string, unknown>
+		}
+	}
+	const lastKey = path[path.length - 1]
+	if (value === undefined) {
+		Reflect.deleteProperty(current, lastKey)
+		for (let i = stack.length - 1; i >= 0; i--) {
+			const [parent, key] = stack[i]
+			const child = parent[key]
+			if (
+				child &&
+				typeof child === 'object' &&
+				!(child instanceof Set) &&
+				Object.keys(child as object).length === 0
+			) {
+				Reflect.deleteProperty(parent, key)
+			} else {
+				break
+			}
+		}
+	} else {
+		current[lastKey] = value as unknown
+	}
+}
+
+function getNodeState(node: IdentifiedNodeBuilder): NodeState {
+	return node._statePath ? getAtPath(node._statePath) : undefined
+}
+
+function setNodeState(node: IdentifiedNodeBuilder, value: NodeState): void {
+	if (node._statePath) setAtPath(node._statePath, value)
+}
+
+function getBooleanState(node: BooleanNodeBuilder): boolean {
+	const state = getNodeState(node)
+	if (typeof state === 'boolean') return state
+	if (state && typeof state === 'object' && !(state instanceof Set)) {
+		const v = (state as NodeStateWithChildren).value
+		if (typeof v === 'boolean') return v
+	}
+	const def = resolveDefault(node)
+	return (def as boolean | undefined) ?? false
+}
+
+function getMultiSelectState(node: IdentifiedNodeBuilder): Set<string> {
+	const state = getNodeState(node)
+	return state instanceof Set ? state : new Set<string>()
+}
+
+function getSelectState(node: IdentifiedNodeBuilder): string | undefined {
+	const state = getNodeState(node)
+	if (typeof state === 'string') return state
+	const def = resolveDefault(node as ValueNodeBuilder)
+	return typeof def === 'string' ? def : undefined
+}
+
+function getDropdownOptions(node: DropdownNodeBuilder) {
+	return [
+		...(node._none !== undefined ? [{ value: '', label: node._none }] : []),
+		...visibleChildren(node).map((c) => ({
+			value: asIdentified(c).id!,
+			label: asLabeled(c).label,
+		})),
+	]
+}
+
+function getDropdownModelValue(node: DropdownNodeBuilder) {
+	return getSelectState(node) ?? (node._none !== undefined ? '' : undefined)
+}
+
+function toggleSelect(parent: IdentifiedNodeBuilder, child: IdentifiedNodeBuilder) {
+	const current = getSelectState(parent)
+	setNodeState(parent, current === child.id ? undefined : child.id)
+}
+
+function resolveDefault(node: ValueNodeBuilder): NodeState {
+	const d = node._defaultValue
+	return typeof d === 'function' ? d(props.showContext) : d
+}
+
+function getTextState(node: IdentifiedNodeBuilder): string {
+	const state = getNodeState(node)
+	if (typeof state === 'string') return state
+	const def = resolveDefault(node as ValueNodeBuilder)
+	return typeof def === 'string' ? def : ''
+}
+
+function getNodeTitle(node: NodeBuilder): string | undefined {
+	if (node._title === undefined) return undefined
+	return resolve(node._title) || undefined
+}
+
+function getPlaceholder(node: InputNodeBuilder): string | undefined {
+	if (node._placeholder !== undefined) return resolve(node._placeholder)
+	const def = resolveDefault(node)
+	if (typeof def === 'string') return def
+	return undefined
+}
+
+function hasActionableFixes(node: IdentifiedNodeBuilder): boolean {
+	return nodeMetaMap?.value.get(node)?.isFixActionable ?? false
+}
+
+function hasRequiredMissingDescendants(node: IdentifiedNodeBuilder): boolean {
+	for (const child of getChildren(node)) {
+		if (!(child instanceof NodeBuilder)) continue
+		const identified = child as IdentifiedNodeBuilder
+		if (nodeMetaMap?.value.get(identified)?.hasRequiredMissing) return true
+		if (identified.id !== undefined && hasRequiredMissingDescendants(identified)) return true
+	}
+	return false
+}
+
+function nodeHasRequiredMissing(node: IdentifiedNodeBuilder): boolean {
+	return !!nodeMetaMap?.value.get(node)?.hasRequiredMissing || hasRequiredMissingDescendants(node)
+}
+
+function getBooleanColor(node: BooleanNodeBuilder): string {
+	if (!getBooleanState(node)) return 'standard'
+	if (hasRequiredMissingDescendants(node)) return 'orange'
+	return hasActionableFixes(node) ? 'blue' : 'brand'
+}
+
+function setTextState(node: IdentifiedNodeBuilder, v: string): void {
+	const inputNode = node as InputNodeBuilder
+	const result = inputNode._onChange?.(v, overrideHelpers)
+
+	if (isOverrideValue(result)) {
+		const ov = result.__override
+		const def = resolveDefault(node as ValueNodeBuilder)
+		const defStr = typeof def === 'string' ? def : ''
+		setNodeState(node, ov === defStr ? undefined : ov || undefined)
+		nextTick(() => textInputRefs.get(node)?.setValue(ov))
+		return
+	}
+
+	const def = resolveDefault(node as ValueNodeBuilder)
+	const defStr = typeof def === 'string' ? def : ''
+	setNodeState(node, v === defStr ? undefined : defStr ? v : v || undefined)
+}
+
+function handleButtonClick(node: ButtonNodeBuilder): void {
+	const before = new Map<NodeBuilder, string>()
+	for (const inputNode of textInputRefs.keys()) {
+		before.set(inputNode, getTextState(asIdentified(inputNode)))
+	}
+	node._onClick?.(props.showContext)
+	for (const [inputNode, beforeVal] of before) {
+		const after = getTextState(asIdentified(inputNode))
+		if (after !== beforeVal) setTextState(asIdentified(inputNode), after)
+	}
+}
+
+onMounted(() => {
+	for (const inputNode of textInputRefs.keys()) {
+		setTextState(asIdentified(inputNode), getTextState(asIdentified(inputNode)))
+	}
+})
+
+function toggleBoolean(node: BooleanNodeBuilder) {
+	const raw = getNodeState(node)
+	const next = !getBooleanState(node)
+	const defaultVal = (resolveDefault(node) as boolean | undefined) ?? false
+	const isDefault = next === defaultVal
+	if (raw && typeof raw === 'object' && !(raw instanceof Set)) {
+		const { value: _v, ...children } = raw as NodeStateWithChildren & Record<string, NodeState>
+		const hasChildren = Object.keys(children).length > 0
+		setNodeState(
+			node,
+			isDefault && !hasChildren
+				? undefined
+				: ({ ...children, ...(isDefault ? {} : { value: next }) } as NodeState),
+		)
+	} else {
+		setNodeState(node, isDefault ? undefined : next)
+	}
+}
+
+function toggleChip(parent: IdentifiedNodeBuilder, child: IdentifiedNodeBuilder) {
+	const selected = new Set(getMultiSelectState(parent))
+	if (selected.has(child.id!)) {
+		selected.delete(child.id!)
+		if (child._statePath) {
+			setAtPath(child._statePath, undefined)
+		}
+	} else {
+		selected.add(child.id!)
+	}
+	setNodeState(parent, selected.size > 0 ? selected : undefined)
+}
+
+const textInputRefs = new Map<NodeBuilder, { setValue: (v: string) => void }>()
+const overrideHelpers = { override: (v: string): OverrideValue => ({ __override: v }) }
+
+function isOverrideValue(v: unknown): v is OverrideValue {
+	return v !== null && typeof v === 'object' && '__override' in v
+}
+
+const scopedContextFallbacks = new WeakMap<IdentifiedNodeBuilder, Record<string, NodeState>>()
+
+function childScopedContext(child: IdentifiedNodeBuilder): Record<string, NodeState> {
+	if (!child._statePath) return props.showContext
+	const basePath = child._statePath
+	const state = getAtPath(basePath)
+	if (state && typeof state === 'object' && !(state instanceof Set)) {
+		return state as Record<string, NodeState>
+	}
+	const existing = scopedContextFallbacks.get(child)
+	if (existing) return existing
+	const fallback = new Proxy({} as Record<string, NodeState>, {
+		set(_target, key, value) {
+			setAtPath([...basePath, key as string], value as NodeState)
+			return true
+		},
+	})
+	scopedContextFallbacks.set(child, fallback)
+	return fallback
+}
+
+function getChildrenContext(node: IdentifiedNodeBuilder): Record<string, NodeState> {
+	if (node.type === 'dropdown') return props.showContext
+	if (node.type === 'group' && asGroup(node)._selectMode) return props.showContext
+	return childScopedContext(node)
+}
+
+function getChildren(node: IdentifiedNodeBuilder): ChildNode[] {
+	return resolveChildren(node, getChildrenContext(node))
+}
+
+function visibleChildren(node: IdentifiedNodeBuilder): NodeBuilder[] {
+	return getChildren(node).filter((c): c is NodeBuilder => c instanceof NodeBuilder && isVisible(c))
+}
+
+const tooltipHtml = reactive(new Map<NodeBuilder, string>())
+
+function getTooltipConfig(node: NodeBuilder, state?: Record<string, NodeState>) {
+	const t = node._tooltip
+	const manual = t === undefined ? undefined : typeof t === 'function' ? t(state ?? {}) : resolve(t)
+	if (manual)
+		return {
+			content: manual,
+			delay: { show: 500, hide: 0 },
+			triggers: ['hover', 'focus'],
+			placement: 'top',
+		}
+	const html = tooltipHtml.get(node)
+	if (!html) return undefined
+	return {
+		content: html,
+		html: true,
+		delay: { show: 500, hide: 0 },
+		triggers: ['hover', 'focus'],
+		placement: 'top',
+	}
+}
+
+watchEffect(async () => {
+	// Read all reactive state synchronously before any await so Vue tracks dependencies
+	const buttonTasks: Array<{ node: BooleanNodeBuilder; state: Record<string, NodeState> }> = []
+
+	for (const node of props.nodes) {
+		if (!(node instanceof NodeBuilder)) continue
+		if (node.type === 'toggle' && isVisible(node)) {
+			const boolNode = asBool(node)
+			if (boolNode._segments.some((s) => s.type !== 'collect')) {
+				const nodeState = getNodeState(boolNode)
+				const childState =
+					nodeState && typeof nodeState === 'object' && !(nodeState instanceof Set)
+						? (() => {
+								const { value: _v, ...rest } = nodeState as NodeStateWithChildren &
+									Record<string, NodeState>
+								return rest
+							})()
+						: {}
+				buttonTasks.push({ node: boolNode, state: childState })
+			}
+		}
+		if (node.type === 'group' && asGroup(node)._selectMode === 'multi' && isVisible(node)) {
+			for (const child of visibleChildren(asIdentified(node))) {
+				const opt = child as IdentifiedNodeBuilder
+				if (opt._segments.some((s) => s.type !== 'collect')) {
+					const childState = getBooleanChildState(getNodeState(opt)) as Record<string, NodeState>
+					buttonTasks.push({ node: opt as BooleanNodeBuilder, state: childState })
+				}
+			}
+		}
+	}
+
+	async function evalCollectedChildren(node: IdentifiedNodeBuilder): Promise<string> {
+		let result = ''
+		for (const child of getChildren(node)) {
+			if (!(child instanceof NodeBuilder)) continue
+			if (!isVisible(child)) continue
+			const childNode = asIdentified(child)
+			if (child.type === 'group') {
+				const grp = asGroup(childNode)
+				if (grp._selectMode === 'multi') {
+					const selected = getMultiSelectState(childNode)
+					for (const opt of getChildren(childNode)) {
+						if (!(opt instanceof NodeBuilder) || !isVisible(opt)) continue
+						const optNode = asIdentified(opt)
+						if (!optNode.id || !selected.has(optNode.id)) continue
+						result += await evalNodeTooltip(
+							optNode,
+							getBooleanChildState(getNodeState(optNode)) as Record<string, NodeState>,
+						)
+					}
+				} else if (grp._selectMode === 'single') {
+					const selected = getSelectState(childNode)
+					for (const opt of getChildren(childNode)) {
+						if (!(opt instanceof NodeBuilder) || !isVisible(opt)) continue
+						const optNode = asIdentified(opt)
+						if (optNode.id !== selected) continue
+						result += await evalNodeTooltip(
+							optNode,
+							getBooleanChildState(getNodeState(optNode)) as Record<string, NodeState>,
+						)
+					}
+				} else {
+					result += await evalCollectedChildren(childNode)
+				}
+			} else if (child.type === 'dropdown') {
+				const selected = getSelectState(childNode)
+				for (const opt of getChildren(childNode)) {
+					if (!(opt instanceof NodeBuilder) || !isVisible(opt)) continue
+					const optNode = asIdentified(opt)
+					if (optNode.id !== selected) continue
+					result += await evalNodeTooltip(
+						optNode,
+						getBooleanChildState(getNodeState(optNode)) as Record<string, NodeState>,
+					)
+				}
+			} else if (child.type === 'toggle' || child.type === 'check') {
+				if (!getBooleanState(asBool(childNode))) continue
+				result += await evalNodeTooltip(
+					childNode,
+					getBooleanChildState(getNodeState(childNode)) as Record<string, NodeState>,
+				)
+			}
+		}
+		return result
+	}
+
+	async function evalNodeTooltip(
+		node: IdentifiedNodeBuilder,
+		state: Record<string, NodeState>,
+	): Promise<string> {
+		let result = ''
+		for (const seg of node._segments) {
+			if (seg.type === 'collect') {
+				let collected = await evalCollectedChildren(node)
+				if (!collected.trim() && seg.fallback) {
+					collected = await evalSegment(seg.fallback, state, node._statePath ?? [])
+				}
+				result += collected
+			} else {
+				result += await evalSegment(seg, state, node._statePath ?? [])
+			}
+		}
+		return result
+	}
+
+	for (const { node, state } of buttonTasks) {
+		try {
+			const raw = await evalNodeTooltip(node as unknown as IdentifiedNodeBuilder, state)
+			const expanded = expandVariables(raw, projectV2.value, project.value, {
+				...flattenStaticVariables(),
+				...flattenProjectVariables(projectV2.value),
+				...flattenProjectV3Variables(project.value),
+			})
+			const trimmed = expanded.trim()
+			tooltipHtml.set(
+				node,
+				trimmed
+					? `<div class="markdown-body moderation-tooltip-markdown">${renderHighlightedString(trimmed)}</div>`
+					: '',
+			)
+		} catch {
+			tooltipHtml.set(node, '')
+		}
+	}
+})
+</script>
+
+<template>
+	<div :class="flex ? 'flex flex-wrap gap-2' : 'space-y-4'">
+		<template
+			v-for="(item, idx) in nodes"
+			:key="
+				item instanceof NodeBuilder
+					? item.type === 'button'
+						? `button-${asButton(item).label}`
+						: (asIdentified(item)._statePath?.join('/') ?? asIdentified(item).id ?? item.type)
+					: typeof item === 'string'
+						? `s-${item}`
+						: `display-${idx}`
+			"
+		>
+			<!-- Display items: plain strings or zero-arg render functions -->
+			<template v-if="!(item instanceof NodeBuilder)">
+				<template v-if="typeof item === 'string'">{{ item }}</template>
+				<component :is="item" v-else />
+			</template>
+
+			<template v-else-if="isVisible(item)">
+				<div :class="item.type !== 'group' && !getNodeTitle(item) ? 'contents' : undefined">
+					<div v-if="getNodeTitle(item)" class="mb-2" :class="titleClass(titleDepth ?? 0)">
+						<span
+							v-html="renderString(getNodeTitle(item)!).replace(/^<p>([\s\S]*)<\/p>\n?$/, '$1')"
+						/><span v-if="nodeHasRequiredMissing(asIdentified(item))" class="text-red">*</span>
+					</div>
+
+					<!-- group -->
+					<template v-if="item.type === 'group'">
+						<!-- multi-select (chips) mode -->
+						<template v-if="asGroup(item)._selectMode === 'multi'">
+							<div class="flex flex-wrap gap-2">
+								<template
+									v-for="child in visibleChildren(asIdentified(item))"
+									:key="asIdentified(child).id"
+								>
+									<ButtonStyled
+										:color="
+											getMultiSelectState(asIdentified(item)).has(asIdentified(child).id!)
+												? hasActionableFixes(asIdentified(child))
+													? 'blue'
+													: 'brand'
+												: 'standard'
+										"
+										:circular="!!asIdentified(child)._icon"
+										@click="toggleChip(asIdentified(item), asIdentified(child))"
+									>
+										<button
+											v-tooltip="getTooltipConfig(asIdentified(child))"
+											:aria-label="asIdentified(child)._icon ? asLabeled(child).label : undefined"
+										>
+											<component :is="asIdentified(child)._icon" v-if="asIdentified(child)._icon" />
+											<template v-else>{{ asLabeled(child).label }}</template>
+										</button>
+									</ButtonStyled>
+								</template>
+							</div>
+							<template
+								v-for="child in visibleChildren(asIdentified(item))"
+								:key="`sub-${asIdentified(child).id}`"
+							>
+								<NodeRenderer
+									v-if="
+										getMultiSelectState(asIdentified(item)).has(asIdentified(child).id!) &&
+										getChildren(asIdentified(child)).length
+									"
+									:nodes="getChildren(asIdentified(child))"
+									:show-context="getChildrenContext(asIdentified(child))"
+									:on-image-upload="onImageUpload"
+									:title-depth="titleDepth"
+									:parent-state-path="asIdentified(child)._statePath ?? props.parentStatePath ?? []"
+									class="mt-2"
+								/>
+							</template>
+						</template>
+						<!-- single-select (button-style) mode -->
+						<template v-else-if="asGroup(item)._selectMode === 'single'">
+							<div class="flex flex-wrap gap-2">
+								<template
+									v-for="child in visibleChildren(asIdentified(item))"
+									:key="asIdentified(child).id"
+								>
+									<ButtonStyled
+										:color="
+											getSelectState(asIdentified(item)) === asIdentified(child).id
+												? 'brand'
+												: 'standard'
+										"
+										:circular="!!asIdentified(child)._icon"
+									>
+										<button
+											:aria-label="asIdentified(child)._icon ? asLabeled(child).label : undefined"
+											@click="toggleSelect(asIdentified(item), asIdentified(child))"
+										>
+											<component :is="asIdentified(child)._icon" v-if="asIdentified(child)._icon" />
+											<template v-else>{{ asLabeled(child).label }}</template>
+										</button>
+									</ButtonStyled>
+								</template>
+							</div>
+							<template
+								v-for="child in visibleChildren(asIdentified(item))"
+								:key="`sub-${asIdentified(child).id}`"
+							>
+								<NodeRenderer
+									v-if="
+										getSelectState(asIdentified(item)) === asIdentified(child).id &&
+										getChildren(asIdentified(child)).length
+									"
+									:nodes="getChildren(asIdentified(child))"
+									:show-context="getChildrenContext(asIdentified(child))"
+									:on-image-upload="onImageUpload"
+									:title-depth="titleDepth"
+									:parent-state-path="asIdentified(child)._statePath ?? props.parentStatePath ?? []"
+									class="mt-2"
+								/>
+							</template>
+						</template>
+						<!-- plain container mode -->
+						<NodeRenderer
+							v-else
+							:nodes="getChildren(asIdentified(item))"
+							:show-context="getChildrenContext(asIdentified(item))"
+							:on-image-upload="onImageUpload"
+							:flex="asGroup(item)._layout !== 'column'"
+							:title-depth="item._title !== undefined ? (titleDepth ?? 0) + 1 : titleDepth"
+							:parent-state-path="asIdentified(item)._statePath ?? props.parentStatePath ?? []"
+						/>
+					</template>
+
+					<!-- dropdown -->
+					<template v-else-if="item.type === 'dropdown'">
+						<Combobox
+							class="!w-80"
+							:options="getDropdownOptions(asDropdown(item))"
+							:model-value="getDropdownModelValue(asDropdown(item))"
+							trigger-class="!bg-[var(--color-button-bg)] !rounded-[var(--radius-md)] !shadow-[var(--shadow-inset-sm),0_0_0_0_transparent]"
+							dropdown-class="!rounded-[var(--radius-md)] !bg-[var(--color-button-bg)] !border-0"
+							@update:model-value="(v) => setNodeState(asIdentified(item), v || undefined)"
+						/>
+						<template
+							v-for="child in visibleChildren(asIdentified(item))"
+							:key="`sub-${asIdentified(child).id}`"
+						>
+							<NodeRenderer
+								v-if="
+									getSelectState(asIdentified(item)) === asIdentified(child).id &&
+									getChildren(asIdentified(child)).length
+								"
+								:nodes="getChildren(asIdentified(child))"
+								:show-context="getChildrenContext(asIdentified(child))"
+								:on-image-upload="onImageUpload"
+								:title-depth="titleDepth"
+								:parent-state-path="asIdentified(child)._statePath ?? props.parentStatePath ?? []"
+								class="mt-2"
+							/>
+						</template>
+					</template>
+
+					<!-- button -->
+					<template v-else-if="item.type === 'button'">
+						<ButtonStyled :circular="!!item._icon && !asButton(item).label">
+							<button
+								v-tooltip="getTooltipConfig(item, showContext)"
+								:disabled="!isButtonEnabled(asButton(item))"
+								:aria-label="item._icon && !asButton(item).label ? asButton(item).label : undefined"
+								@click="handleButtonClick(asButton(item))"
+							>
+								<component :is="item._icon" v-if="item._icon" />
+								{{ asButton(item).label }}
+							</button>
+						</ButtonStyled>
+					</template>
+
+					<!-- toggle -->
+					<template v-else-if="item.type === 'toggle'">
+						<ButtonStyled :color="getBooleanColor(asBool(item))" :circular="!!item._icon">
+							<button
+								v-tooltip="getTooltipConfig(asBool(item))"
+								:disabled="!isEnabled(asIdentified(item))"
+								:aria-label="item._icon ? asLabeled(item).label : undefined"
+								@click="toggleBoolean(asBool(item))"
+							>
+								<component :is="item._icon" v-if="item._icon" />
+								<template v-else>{{ asLabeled(item).label }}</template>
+							</button>
+						</ButtonStyled>
+					</template>
+
+					<!-- check -->
+					<template v-else-if="item.type === 'check'">
+						<Checkbox
+							:model-value="getBooleanState(asBool(item))"
+							:label="asLabeled(item).label"
+							:disabled="!isEnabled(asIdentified(item))"
+							@update:model-value="isEnabled(asIdentified(item)) && toggleBoolean(asBool(item))"
+						/>
+					</template>
+
+					<!-- text -->
+					<template v-else-if="item.type === 'text'">
+						<StyledInput
+							:id="`node-${asIdentified(item).id}`"
+							:ref="(el: any) => (el ? textInputRefs.set(item, el) : textInputRefs.delete(item))"
+							v-tooltip="getTooltipConfig(item, showContext)"
+							:model-value="getTextState(asIdentified(item))"
+							:placeholder="getPlaceholder(asInput(item))"
+							autocomplete="off"
+							@update:model-value="(v: string) => setTextState(asIdentified(item), v)"
+						/>
+					</template>
+
+					<!-- markdown -->
+					<template v-else-if="item.type === 'markdown'">
+						<MarkdownEditor
+							:id="`node-${asIdentified(item).id}`"
+							:aria-label="asLabeled(item).label || undefined"
+							:model-value="getTextState(asIdentified(item))"
+							:placeholder="getPlaceholder(asInput(item))"
+							:max-height="300"
+							:disabled="false"
+							:heading-buttons="false"
+							:on-image-upload="onImageUpload"
+							@update:model-value="(v: string) => setTextState(asIdentified(item), v)"
+						/>
+					</template>
+				</div>
+			</template>
+		</template>
+
+		<!-- children of active boolean nodes, rendered after all siblings -->
+		<template
+			v-for="(item, idx) in nodes"
+			:key="
+				item instanceof NodeBuilder
+					? item.type === 'button'
+						? `children-button-${asButton(item).label}`
+						: `children-${asIdentified(item)._statePath?.join('/') ?? asIdentified(item).id ?? item.type}`
+					: `children-display-${idx}`
+			"
+		>
+			<NodeRenderer
+				v-if="
+					item instanceof NodeBuilder &&
+					isVisible(item) &&
+					(item.type === 'toggle' || item.type === 'check') &&
+					getBooleanState(asBool(item)) &&
+					getChildren(asIdentified(item)).length
+				"
+				:nodes="getChildren(asIdentified(item))"
+				:show-context="getChildrenContext(asIdentified(item))"
+				:on-image-upload="onImageUpload"
+				:title-depth="item._title !== undefined ? (titleDepth ?? 0) + 1 : titleDepth"
+				:parent-state-path="asIdentified(item)._statePath ?? props.parentStatePath ?? []"
+				class="w-full"
+			/>
+		</template>
+	</div>
+</template>
diff --git a/apps/frontend/src/components/ui/moderation/checklist/checklist-context.ts b/apps/frontend/src/components/ui/moderation/checklist/checklist-context.ts
new file mode 100644
index 000000000..e5271651d
--- /dev/null
+++ b/apps/frontend/src/components/ui/moderation/checklist/checklist-context.ts
@@ -0,0 +1,23 @@
+import type { IdentifiedNodeBuilder, NodeState } from '@modrinth/moderation'
+import type { ComputedRef, InjectionKey, Ref } from 'vue'
+
+export interface ActiveAction {
+	node: IdentifiedNodeBuilder
+	state: Record<string, NodeState>
+	statePath: string[]
+}
+
+export interface LiveNode {
+	isActive: boolean
+	isVisible: boolean
+	isFixActionable: boolean
+	messageCount: number
+	fixCount: number
+	hasRequiredMissing: boolean
+	activeActions: ActiveAction[]
+}
+
+export const NODE_META_KEY: InjectionKey<ComputedRef<Map<IdentifiedNodeBuilder, LiveNode>>> =
+	Symbol('nodeMeta')
+export const STATE_KEY: InjectionKey<Ref<Record<string, Record<string, NodeState>>>> =
+	Symbol('checklistState')
diff --git a/apps/frontend/src/pages/[type]/[project].vue b/apps/frontend/src/pages/[type]/[project].vue
index 7f908b990..a6e6a1a94 100644
--- a/apps/frontend/src/pages/[type]/[project].vue
+++ b/apps/frontend/src/pages/[type]/[project].vue
@@ -665,10 +665,7 @@ import { STALE_TIME, STALE_TIME_LONG } from '~/composables/queries/project'
 import { versionQueryOptions } from '~/composables/queries/version'
 import { userCollectProject, userFollowProject } from '~/composables/user.js'
 import { injectCurrentProjectId } from '~/providers/current-project.ts'
-import {
-	loadChecklistOpenState,
-	saveChecklistOpenState,
-} from '~/services/moderation-checklist-storage.ts'
+import { loadChecklistState } from '~/services/moderation-checklist-storage.ts'
 import { useModerationQueue } from '~/services/moderation-queue.ts'
 import { getReportPath, reportProject } from '~/utils/report-helpers.ts'
 
@@ -1212,6 +1209,12 @@ const { data: organizationRaw } = useQuery({
 // Return null when the project no longer belongs to an organization.
 const organization = computed(() => (projectRaw.value?.organization ? organizationRaw.value : null))
 
+const { data: thread } = useQuery({
+	queryKey: computed(() => ['thread', projectRaw.value?.thread_id]),
+	queryFn: () => client.labrinth.threads_v3.getThread(projectRaw.value.thread_id),
+	enabled: computed(() => !!projectRaw.value?.thread_id),
+})
+
 const isSettings = computed(() => route.name.startsWith('type-project-settings'))
 
 // Transform versionsV3 to be same shape as versionsV2 for compatibility in project pages
@@ -2001,11 +2004,8 @@ function consumeShowChecklistHistoryState() {
 	return true
 }
 
-function setModerationChecklistOpen(open, projectId = project.value?.id) {
+function setModerationChecklistOpen(open) {
 	showModerationChecklist.value = open
-	if (projectId) {
-		void saveChecklistOpenState(projectId, open)
-	}
 }
 
 function isProjectInActiveModerationQueue(projectId = project.value?.id) {
@@ -2047,21 +2047,17 @@ watch(
 			return
 		}
 
-		const storedOpen = await loadChecklistOpenState(projectId)
+		const storedState = await loadChecklistState(projectId)
 		if (cancelled) return
 
-		if (storedOpen !== null) {
-			showModerationChecklist.value = storedOpen
+		if (storedState !== null) {
+			showModerationChecklist.value = storedState.open ?? false
 			return
 		}
 
 		const shouldRecoverFromQueue =
 			moderationQueue.isQueueMode && moderationQueue.getCurrentProjectId() === projectId
 		showModerationChecklist.value = shouldRecoverFromQueue
-
-		if (shouldRecoverFromQueue) {
-			void saveChecklistOpenState(projectId, true)
-		}
 	},
 	{ immediate: true },
 )
@@ -2145,6 +2141,8 @@ provideProjectPageContext({
 	dependenciesLoading: computed(() => dependenciesLoading.value),
 	cdnDownloadReason: readonly(downloadReason),
 
+	thread,
+
 	// Invalidate all project queries (auto-refetches active ones)
 	invalidate: invalidateProject,
 
diff --git a/apps/frontend/src/pages/[type]/[project]/moderation.vue b/apps/frontend/src/pages/[type]/[project]/moderation.vue
index 23fae21ff..4cb28289b 100644
--- a/apps/frontend/src/pages/[type]/[project]/moderation.vue
+++ b/apps/frontend/src/pages/[type]/[project]/moderation.vue
@@ -150,12 +150,14 @@ import {
 	useVIntl,
 } from '@modrinth/ui'
 import { isStaff } from '@modrinth/utils'
-import { useQuery, useQueryClient } from '@tanstack/vue-query'
+import { useQueryClient } from '@tanstack/vue-query'
 import { computed, watch } from 'vue'
 
 import ConversationThread from '~/components/ui/thread/ConversationThread.vue'
 import { getProjectLink, isApproved, isRejected, isUnderReview } from '~/helpers/projects.js'
 
+defineEmits(['on-download', 'delete-version'])
+
 const { formatMessage } = useVIntl()
 const flags = useFeatureFlags()
 
@@ -207,7 +209,13 @@ const messages = defineMessages({
 })
 
 const { addNotification } = injectNotificationManager()
-const { projectV2: project, currentMember, invalidate, allMembers } = injectProjectPageContext()
+const {
+	projectV2: project,
+	currentMember,
+	invalidate,
+	allMembers,
+	thread,
+} = injectProjectPageContext()
 
 const canAccess = computed(() => !!currentMember.value)
 const userFacingUiVisible = computed(() => !!currentMember.value && moderatorSeeUserUi.value)
@@ -424,12 +432,7 @@ watch(
 const auth = await useAuth()
 const client = injectModrinthClient()
 const queryClient = useQueryClient()
-
-const { data: thread, isPending: pending } = useQuery({
-	queryKey: computed(() => ['thread', project.value?.thread_id]),
-	queryFn: () => client.labrinth.threads_v3.getThread(project.value.thread_id),
-	enabled: computed(() => !!project.value?.thread_id),
-})
+const pending = computed(() => thread.value === undefined)
 
 function updateThread(newThread: Labrinth.Threads.v3.Thread | null | undefined) {
 	const threadId = newThread?.id ?? project.value?.thread_id
diff --git a/apps/frontend/src/services/moderation-checklist-storage.ts b/apps/frontend/src/services/moderation-checklist-storage.ts
index a8edd3d0b..3b4c1b356 100644
--- a/apps/frontend/src/services/moderation-checklist-storage.ts
+++ b/apps/frontend/src/services/moderation-checklist-storage.ts
@@ -1,596 +1,118 @@
-import {
-	type ActionState,
-	deserializeActionStates,
-	serializeActionStates,
-} from '@modrinth/moderation'
+import type { NodeState } from '@modrinth/moderation'
 
-interface PersistedChecklistValue<T> {
-	version: 1
+import { dbDelete, dbGet, dbPut, dbScan } from './moderation-db.ts'
+
+export interface PersistedChecklistState {
 	savedAt: string
-	value: T
+	open?: boolean
+	reviewAnyway?: boolean
+	stage?: string
+	message?: string
+	state?: Record<string, Record<string, NodeState>>
 }
 
-export interface ModerationChecklistGeneratedMessageState {
-	generated: boolean
-	message: string
-}
-
-const DB_NAME = 'modrinth-moderation'
-const DB_VERSION = 1
-const STORE_NAME = 'kv'
-const CHECKLIST_OPEN_KEY_PREFIX = 'show-moderation-checklist-'
-const STAGE_KEY_PREFIX = 'moderation-stage-'
-const ACTION_STATES_KEY_PREFIX = 'moderation-actions-'
-const TEXT_INPUTS_KEY_PREFIX = 'moderation-inputs-'
-const GENERATED_MESSAGE_KEY_PREFIX = 'moderation-generated-message-'
+const STORE = 'checklist'
 const CHECKLIST_STATE_MAX_AGE_MS = 30 * 24 * 60 * 60 * 1000
 const CHECKLIST_CLEANUP_INTERVAL_MS = 24 * 60 * 60 * 1000
-const CHECKLIST_CLEANUP_LAST_RUN_KEY = 'moderation-checklist-cleanup:last-run'
-const CHECKLIST_STATE_KEY_PREFIXES = [
-	CHECKLIST_OPEN_KEY_PREFIX,
-	STAGE_KEY_PREFIX,
-	ACTION_STATES_KEY_PREFIX,
-	TEXT_INPUTS_KEY_PREFIX,
-	GENERATED_MESSAGE_KEY_PREFIX,
-]
-const indexedDbSaveChains = new Map<string, Promise<void>>()
+const saveChain = new Map<string, Promise<void>>()
 let checklistCleanupPromise: Promise<void> | null = null
 let checklistCleanupLastRunAt = 0
 
-export function createEmptyGeneratedMessageState(): ModerationChecklistGeneratedMessageState {
-	return {
-		generated: false,
-		message: '',
-	}
+function isPersistedChecklistState(value: unknown): value is PersistedChecklistState {
+	if (!value || typeof value !== 'object') return false
+	const v = value as PersistedChecklistState
+	if (typeof v.savedAt !== 'string') return false
+	if (v.stage !== undefined && typeof v.stage !== 'string') return false
+	if (v.message !== undefined && typeof v.message !== 'string') return false
+	if (v.state !== undefined && typeof v.state !== 'object') return false
+	return true
 }
 
-function hasIndexedDb(): boolean {
-	return typeof window !== 'undefined' && typeof indexedDB !== 'undefined'
+function isStale(savedAt: string, now = Date.now()): boolean {
+	const time = Date.parse(savedAt)
+	return !Number.isNaN(time) && now - time > CHECKLIST_STATE_MAX_AGE_MS
 }
 
-function getLocalStorage(): Storage | null {
-	if (typeof window === 'undefined') return null
-
-	try {
-		return window.localStorage
-	} catch {
-		return null
-	}
-}
-
-function openDatabase(): Promise<IDBDatabase> {
-	return new Promise((resolve, reject) => {
-		const request = indexedDB.open(DB_NAME, DB_VERSION)
-
-		request.onupgradeneeded = () => {
-			const db = request.result
-			if (!db.objectStoreNames.contains(STORE_NAME)) {
-				db.createObjectStore(STORE_NAME)
-			}
-		}
-
-		request.onsuccess = () => resolve(request.result)
-		request.onerror = () => reject(request.error ?? new Error('Failed to open IndexedDB'))
-		request.onblocked = () => reject(new Error('IndexedDB open request blocked'))
-	})
-}
-
-function requestToPromise<T>(request: IDBRequest<T>): Promise<T> {
-	return new Promise((resolve, reject) => {
-		request.onsuccess = () => resolve(request.result)
-		request.onerror = () => reject(request.error ?? new Error('IndexedDB request failed'))
-	})
-}
-
-function wrapValue<T>(value: T, savedAt = new Date().toISOString()): PersistedChecklistValue<T> {
-	return {
-		version: 1,
-		savedAt,
-		value,
-	}
-}
-
-function isRecord(value: unknown): value is Record<string, unknown> {
-	return !!value && typeof value === 'object'
-}
-
-function isPersistedValue<T>(
-	value: unknown,
-	isValue: (value: unknown) => value is T,
-): value is PersistedChecklistValue<T> {
-	if (!isRecord(value)) return false
-	if (value.version !== 1) return false
-	if (typeof value.savedAt !== 'string') return false
-	return isValue(value.value)
-}
-
-function isBoolean(value: unknown): value is boolean {
-	return typeof value === 'boolean'
-}
-
-function isNumber(value: unknown): value is number {
-	return typeof value === 'number' && Number.isFinite(value)
-}
-
-function isString(value: unknown): value is string {
-	return typeof value === 'string'
-}
-
-function isGeneratedMessageState(
-	value: unknown,
-): value is ModerationChecklistGeneratedMessageState {
-	if (!isRecord(value)) return false
-	return typeof value.generated === 'boolean' && typeof value.message === 'string'
-}
-
-function sanitizeStage(value: number): number {
-	return Math.max(0, Math.trunc(value))
-}
-
-function sanitizeTextInputs(value: unknown): Record<string, string> | null {
-	if (!isRecord(value)) return null
-
-	const result: Record<string, string> = {}
-	for (const [key, entry] of Object.entries(value)) {
-		if (typeof entry === 'string') {
-			result[key] = entry
-		}
-	}
-	return result
-}
-
-function normalizeChecklistOpen(value: unknown): PersistedChecklistValue<boolean> | null {
-	if (isPersistedValue(value, isBoolean)) return value
-	if (isBoolean(value)) return wrapValue(value, '')
-	return null
-}
-
-function normalizeStage(value: unknown): PersistedChecklistValue<number> | null {
-	if (isPersistedValue(value, isNumber)) {
-		return {
-			...value,
-			value: sanitizeStage(value.value),
-		}
-	}
-	if (isNumber(value)) return wrapValue(sanitizeStage(value), '')
-	return null
-}
-
-function normalizeActionStates(
-	value: unknown,
-): PersistedChecklistValue<Record<string, ActionState>> | null {
-	if (isRecord(value) && value.version === 1 && typeof value.savedAt === 'string') {
-		if (isString(value.value)) {
-			return {
-				version: 1,
-				savedAt: value.savedAt,
-				value: deserializeActionStates(value.value),
-			}
-		}
-
-		if (isRecord(value.value)) {
-			return {
-				version: 1,
-				savedAt: value.savedAt,
-				value: deserializeActionStates(JSON.stringify(value.value)),
-			}
-		}
-	}
-
-	if (isString(value)) return wrapValue(deserializeActionStates(value), '')
-	if (isRecord(value)) return wrapValue(deserializeActionStates(JSON.stringify(value)), '')
-	return null
-}
-
-function normalizeTextInputs(
-	value: unknown,
-): PersistedChecklistValue<Record<string, string>> | null {
-	if (isRecord(value) && value.version === 1 && typeof value.savedAt === 'string') {
-		const textInputs = sanitizeTextInputs(value.value)
-		if (textInputs) {
-			return {
-				version: 1,
-				savedAt: value.savedAt,
-				value: textInputs,
-			}
-		}
-	}
-
-	const textInputs = sanitizeTextInputs(value)
-	return textInputs ? wrapValue(textInputs, '') : null
-}
-
-function normalizeGeneratedMessage(
-	value: unknown,
-): PersistedChecklistValue<ModerationChecklistGeneratedMessageState> | null {
-	if (isPersistedValue(value, isGeneratedMessageState)) return value
-	if (isGeneratedMessageState(value)) return wrapValue(value, '')
-	return null
-}
-
-function savedAtTime<T>(state: PersistedChecklistValue<T>): number {
-	const time = Date.parse(state.savedAt)
-	return Number.isNaN(time) ? 0 : time
-}
-
-function newestState<T>(
-	first: PersistedChecklistValue<T> | null,
-	second: PersistedChecklistValue<T> | null,
-): PersistedChecklistValue<T> | null {
-	if (!first) return second
-	if (!second) return first
-	return savedAtTime(second) > savedAtTime(first) ? second : first
-}
-
-function isChecklistStateKey(key: string): boolean {
-	return CHECKLIST_STATE_KEY_PREFIXES.some((prefix) => key.startsWith(prefix))
-}
-
-function isStaleState<T>(
-	state: PersistedChecklistValue<T>,
-	now = Date.now(),
-	maxAgeMs = CHECKLIST_STATE_MAX_AGE_MS,
-): boolean {
-	const savedAt = savedAtTime(state)
-	if (savedAt === 0) return false
-	return now - savedAt > maxAgeMs
-}
-
-function isStaleRawState(value: unknown, now = Date.now()): boolean {
-	if (!isRecord(value)) return false
-	if (value.version !== 1 || typeof value.savedAt !== 'string') return false
-
-	const savedAt = Date.parse(value.savedAt)
-	if (Number.isNaN(savedAt)) return false
-	return now - savedAt > CHECKLIST_STATE_MAX_AGE_MS
-}
-
-async function loadFromIndexedDb<T>(
-	key: string,
-	normalize: (value: unknown) => PersistedChecklistValue<T> | null,
-): Promise<PersistedChecklistValue<T> | null> {
-	if (!hasIndexedDb()) return null
-
-	const db = await openDatabase()
-	try {
-		const tx = db.transaction(STORE_NAME, 'readonly')
-		const store = tx.objectStore(STORE_NAME)
-		return normalize(await requestToPromise(store.get(key)))
-	} finally {
-		db.close()
-	}
-}
-
-async function cleanupIndexedDb(now = Date.now()): Promise<void> {
-	if (!hasIndexedDb()) return
-
-	const db = await openDatabase()
-	try {
-		const tx = db.transaction(STORE_NAME, 'readwrite')
-		const store = tx.objectStore(STORE_NAME)
-		const request = store.openCursor()
-
-		await new Promise<void>((resolve, reject) => {
-			request.onsuccess = () => {
-				const cursor = request.result
-				if (!cursor) return
-
-				const key = typeof cursor.key === 'string' ? cursor.key : null
-				if (key && isChecklistStateKey(key) && isStaleRawState(cursor.value, now)) {
-					cursor.delete()
-				}
-
-				cursor.continue()
-			}
-			request.onerror = () => reject(request.error ?? new Error('IndexedDB cursor failed'))
-			tx.oncomplete = () => resolve()
-			tx.onerror = () => reject(tx.error ?? new Error('IndexedDB transaction failed'))
+async function cleanupStaleStates(now = Date.now()): Promise<void> {
+	const entries = await dbScan<unknown>(STORE)
+	const staleKeys = entries
+		.filter(({ value }) => {
+			if (!isPersistedChecklistState(value)) return false
+			return isStale(value.savedAt, now)
 		})
-	} finally {
-		db.close()
-	}
-}
-
-async function saveToIndexedDb<T>(key: string, state: PersistedChecklistValue<T>): Promise<void> {
-	if (!hasIndexedDb()) return
-
-	const db = await openDatabase()
-	try {
-		const tx = db.transaction(STORE_NAME, 'readwrite')
-		tx.objectStore(STORE_NAME).put(state, key)
-
-		await new Promise<void>((resolve, reject) => {
-			tx.oncomplete = () => resolve()
-			tx.onerror = () => reject(tx.error ?? new Error('IndexedDB transaction failed'))
-		})
-	} finally {
-		db.close()
-	}
-}
-
-async function clearIndexedDbKey(key: string): Promise<void> {
-	if (!hasIndexedDb()) return
-
-	const db = await openDatabase()
-	try {
-		const tx = db.transaction(STORE_NAME, 'readwrite')
-		tx.objectStore(STORE_NAME).delete(key)
-
-		await new Promise<void>((resolve, reject) => {
-			tx.oncomplete = () => resolve()
-			tx.onerror = () => reject(tx.error ?? new Error('IndexedDB transaction failed'))
-		})
-	} finally {
-		db.close()
-	}
-}
-
-async function saveToIndexedDbInOrder<T>(
-	key: string,
-	state: PersistedChecklistValue<T>,
-): Promise<void> {
-	const run = () => saveToIndexedDb(key, state)
-	const result = (indexedDbSaveChains.get(key) ?? Promise.resolve()).then(run, run)
-	indexedDbSaveChains.set(
-		key,
-		result.then(
-			() => undefined,
-			() => undefined,
-		),
-	)
-	return result
-}
-
-async function clearIndexedDbKeyInOrder(key: string): Promise<void> {
-	const run = () => clearIndexedDbKey(key)
-	const result = (indexedDbSaveChains.get(key) ?? Promise.resolve()).then(run, run)
-	indexedDbSaveChains.set(
-		key,
-		result.then(
-			() => undefined,
-			() => undefined,
-		),
-	)
-	return result
-}
-
-function loadFromLocalStorage<T>(
-	key: string,
-	normalize: (value: unknown) => PersistedChecklistValue<T> | null,
-): PersistedChecklistValue<T> | null {
-	const storage = getLocalStorage()
-	if (!storage) return null
-
-	const raw = storage.getItem(key)
-	if (!raw) return null
-
-	try {
-		const parsed: unknown = JSON.parse(raw)
-		const state = normalize(parsed)
-		if (state) return state
-	} catch (error) {
-		console.debug('Failed to parse moderation checklist state from localStorage:', error)
-	}
-
-	try {
-		storage.removeItem(key)
-	} catch (error) {
-		console.debug('Failed to clear moderation checklist state from localStorage:', error)
-	}
-	return null
-}
-
-function safeSaveLocalStorage<T>(key: string, state: PersistedChecklistValue<T>): void {
-	try {
-		getLocalStorage()?.setItem(key, JSON.stringify(state))
-	} catch (error) {
-		console.debug('Failed to save moderation checklist state to localStorage:', error)
-	}
-}
-
-function safeClearLocalStorage(key: string): void {
-	try {
-		getLocalStorage()?.removeItem(key)
-	} catch (error) {
-		console.debug('Failed to clear moderation checklist state from localStorage:', error)
-	}
-}
-
-function cleanupLocalStorage(now = Date.now()): void {
-	const storage = getLocalStorage()
-	if (!storage) return
-
-	const keysToRemove: string[] = []
-	for (let index = 0; index < storage.length; index++) {
-		const key = storage.key(index)
-		if (!key || !isChecklistStateKey(key)) continue
-
-		const raw = storage.getItem(key)
-		if (!raw) continue
-
-		try {
-			if (isStaleRawState(JSON.parse(raw), now)) {
-				keysToRemove.push(key)
-			}
-		} catch {
-			keysToRemove.push(key)
-		}
-	}
-
-	keysToRemove.forEach((key) => safeClearLocalStorage(key))
+		.map(({ key }) => key)
+	await Promise.all(staleKeys.map((key) => dbDelete(STORE, key)))
 }
 
 function scheduleStaleChecklistCleanup(): void {
 	if (!import.meta.client || checklistCleanupPromise) return
 
-	const storage = getLocalStorage()
 	const now = Date.now()
-	const persistedLastRun = Number(storage?.getItem(CHECKLIST_CLEANUP_LAST_RUN_KEY) ?? 0)
-	const lastRun = Math.max(
-		checklistCleanupLastRunAt,
-		Number.isFinite(persistedLastRun) ? persistedLastRun : 0,
-	)
-	if (Number.isFinite(lastRun) && now - lastRun < CHECKLIST_CLEANUP_INTERVAL_MS) return
+	if (now - checklistCleanupLastRunAt < CHECKLIST_CLEANUP_INTERVAL_MS) return
 
 	checklistCleanupLastRunAt = now
-	try {
-		storage?.setItem(CHECKLIST_CLEANUP_LAST_RUN_KEY, String(now))
-	} catch (error) {
-		console.debug('Failed to save moderation checklist cleanup timestamp:', error)
-	}
-
-	checklistCleanupPromise = (async () => {
-		cleanupLocalStorage(now)
-		try {
-			await cleanupIndexedDb(now)
-		} catch (error) {
-			console.debug('Failed to cleanup stale moderation checklist state from IndexedDB:', error)
-		}
-	})().finally(() => {
-		checklistCleanupPromise = null
-	})
+	checklistCleanupPromise = cleanupStaleStates(now)
+		.catch((error) => {
+			console.debug('Failed to cleanup stale moderation checklist states from IndexedDB:', error)
+		})
+		.finally(() => {
+			checklistCleanupPromise = null
+		})
 }
 
-async function loadState<T>(
-	key: string,
-	normalize: (value: unknown) => PersistedChecklistValue<T> | null,
-	touch = true,
-): Promise<T | null> {
-	if (!import.meta.client) return null
+async function enqueueOp(projectId: string, op: () => Promise<void>): Promise<void> {
+	const result = (saveChain.get(projectId) ?? Promise.resolve()).then(op, op)
+	saveChain.set(
+		projectId,
+		result.then(
+			() => undefined,
+			() => undefined,
+		),
+	)
+	return result
+}
 
+export async function loadChecklistState(
+	projectId: string,
+): Promise<PersistedChecklistState | null> {
+	if (!import.meta.client) return null
 	scheduleStaleChecklistCleanup()
 
-	let indexedDbState: PersistedChecklistValue<T> | null = null
 	try {
-		indexedDbState = await loadFromIndexedDb(key, normalize)
+		const raw = await dbGet<unknown>(STORE, projectId)
+		if (!isPersistedChecklistState(raw)) return null
+		if (isStale(raw.savedAt)) {
+			await clearChecklistState(projectId)
+			return null
+		}
+		return raw
 	} catch (error) {
-		console.debug('Failed to load moderation checklist state from IndexedDB:', error)
-	}
-
-	let localStorageState: PersistedChecklistValue<T> | null = null
-	try {
-		localStorageState = loadFromLocalStorage(key, normalize)
-	} catch (error) {
-		console.debug('Failed to load moderation checklist state from localStorage:', error)
-	}
-
-	const state = newestState(indexedDbState, localStorageState)
-	if (!state) return null
-
-	if (isStaleState(state)) {
-		await clearState(key)
+		console.debug('Failed to load checklist state from IndexedDB:', error)
 		return null
 	}
-
-	if (touch) {
-		void saveState(key, state.value)
-	}
-
-	return state.value
 }
 
-async function saveState<T>(key: string, value: T): Promise<void> {
+export async function saveChecklistState(
+	projectId: string,
+	state: Omit<PersistedChecklistState, 'savedAt'>,
+): Promise<void> {
 	if (!import.meta.client) return
-
 	scheduleStaleChecklistCleanup()
 
-	const state = wrapValue(value)
-	safeSaveLocalStorage(key, state)
-
-	if (hasIndexedDb()) {
-		try {
-			await saveToIndexedDbInOrder(key, state)
-		} catch (error) {
-			console.debug('Failed to save moderation checklist state to IndexedDB:', error)
-		}
+	const record: PersistedChecklistState = { ...state, savedAt: new Date().toISOString() }
+	try {
+		await enqueueOp(projectId, () => dbPut(STORE, projectId, record))
+	} catch (error) {
+		console.debug('Failed to save checklist state to IndexedDB:', error)
 	}
 }
 
-async function clearState(key: string): Promise<void> {
+export async function clearChecklistState(projectId: string): Promise<void> {
 	if (!import.meta.client) return
 
-	safeClearLocalStorage(key)
-	if (hasIndexedDb()) {
-		try {
-			await clearIndexedDbKeyInOrder(key)
-		} catch (error) {
-			console.debug('Failed to clear moderation checklist state from IndexedDB:', error)
-		}
+	try {
+		await enqueueOp(projectId, () => dbDelete(STORE, projectId))
+	} catch (error) {
+		console.debug('Failed to clear checklist state from IndexedDB:', error)
 	}
 }
-
-export async function loadChecklistOpenState(projectId: string): Promise<boolean | null> {
-	return loadState(`${CHECKLIST_OPEN_KEY_PREFIX}${projectId}`, normalizeChecklistOpen, false)
-}
-
-export async function saveChecklistOpenState(projectId: string, open: boolean): Promise<void> {
-	await saveState(`${CHECKLIST_OPEN_KEY_PREFIX}${projectId}`, open)
-}
-
-export async function loadChecklistStage(projectSlug: string): Promise<number | null> {
-	return loadState(`${STAGE_KEY_PREFIX}${projectSlug}`, normalizeStage)
-}
-
-export async function saveChecklistStage(projectSlug: string, stage: number): Promise<void> {
-	await saveState(`${STAGE_KEY_PREFIX}${projectSlug}`, sanitizeStage(stage))
-}
-
-export async function loadChecklistActionStates(
-	projectSlug: string,
-): Promise<Record<string, ActionState>> {
-	const actionStates =
-		(await loadState(`${ACTION_STATES_KEY_PREFIX}${projectSlug}`, normalizeActionStates, false)) ??
-		{}
-	if (Object.keys(actionStates).length > 0) {
-		void saveChecklistActionStates(projectSlug, actionStates)
-	}
-	return actionStates
-}
-
-export async function saveChecklistActionStates(
-	projectSlug: string,
-	actionStates: Record<string, ActionState>,
-): Promise<void> {
-	await saveState(`${ACTION_STATES_KEY_PREFIX}${projectSlug}`, serializeActionStates(actionStates))
-}
-
-export async function loadChecklistTextInputs(
-	projectSlug: string,
-): Promise<Record<string, string>> {
-	return (await loadState(`${TEXT_INPUTS_KEY_PREFIX}${projectSlug}`, normalizeTextInputs)) ?? {}
-}
-
-export async function saveChecklistTextInputs(
-	projectSlug: string,
-	textInputs: Record<string, string>,
-): Promise<void> {
-	await saveState(`${TEXT_INPUTS_KEY_PREFIX}${projectSlug}`, textInputs)
-}
-
-export async function clearChecklistProgressState(projectSlug: string): Promise<void> {
-	await Promise.all([
-		clearState(`${STAGE_KEY_PREFIX}${projectSlug}`),
-		clearState(`${ACTION_STATES_KEY_PREFIX}${projectSlug}`),
-		clearState(`${TEXT_INPUTS_KEY_PREFIX}${projectSlug}`),
-	])
-}
-
-export async function loadGeneratedMessageState(
-	projectSlug: string,
-): Promise<ModerationChecklistGeneratedMessageState> {
-	return (
-		(await loadState(`${GENERATED_MESSAGE_KEY_PREFIX}${projectSlug}`, normalizeGeneratedMessage)) ??
-		createEmptyGeneratedMessageState()
-	)
-}
-
-export async function saveGeneratedMessageState(
-	projectSlug: string,
-	state: ModerationChecklistGeneratedMessageState,
-): Promise<void> {
-	await saveState(`${GENERATED_MESSAGE_KEY_PREFIX}${projectSlug}`, state)
-}
-
-export async function clearGeneratedMessageState(projectSlug: string): Promise<void> {
-	await clearState(`${GENERATED_MESSAGE_KEY_PREFIX}${projectSlug}`)
-}
diff --git a/apps/frontend/src/services/moderation-db.ts b/apps/frontend/src/services/moderation-db.ts
new file mode 100644
index 000000000..6c00260b0
--- /dev/null
+++ b/apps/frontend/src/services/moderation-db.ts
@@ -0,0 +1,94 @@
+const DB_NAME = 'modrinth-moderation'
+const DB_VERSION = 2
+
+function hasIndexedDb(): boolean {
+	return typeof window !== 'undefined' && typeof indexedDB !== 'undefined'
+}
+
+function openDatabase(): Promise<IDBDatabase> {
+	return new Promise((resolve, reject) => {
+		const request = indexedDB.open(DB_NAME, DB_VERSION)
+
+		request.onupgradeneeded = (event) => {
+			const db = request.result
+			if (event.oldVersion < 2 && db.objectStoreNames.contains('kv')) {
+				db.deleteObjectStore('kv')
+			}
+			if (!db.objectStoreNames.contains('checklist')) {
+				db.createObjectStore('checklist')
+			}
+			if (!db.objectStoreNames.contains('queue')) {
+				db.createObjectStore('queue')
+			}
+		}
+
+		request.onsuccess = () => resolve(request.result)
+		request.onerror = () => reject(request.error ?? new Error('Failed to open IndexedDB'))
+		request.onblocked = () => reject(new Error('IndexedDB open request blocked'))
+	})
+}
+
+function requestToPromise<T>(request: IDBRequest<T>): Promise<T> {
+	return new Promise((resolve, reject) => {
+		request.onsuccess = () => resolve(request.result)
+		request.onerror = () => reject(request.error ?? new Error('IndexedDB request failed'))
+	})
+}
+
+export async function dbGet<T>(store: string, key: IDBValidKey): Promise<T | null> {
+	if (!hasIndexedDb()) return null
+	const db = await openDatabase()
+	try {
+		const tx = db.transaction(store, 'readonly')
+		const result = await requestToPromise<T | undefined>(tx.objectStore(store).get(key))
+		return result ?? null
+	} finally {
+		db.close()
+	}
+}
+
+export async function dbPut<T>(store: string, key: IDBValidKey, value: T): Promise<void> {
+	if (!hasIndexedDb()) return
+	const db = await openDatabase()
+	try {
+		const tx = db.transaction(store, 'readwrite')
+		tx.objectStore(store).put(value, key)
+		await new Promise<void>((resolve, reject) => {
+			tx.oncomplete = () => resolve()
+			tx.onerror = () => reject(tx.error ?? new Error('IndexedDB transaction failed'))
+		})
+	} finally {
+		db.close()
+	}
+}
+
+export async function dbDelete(store: string, key: IDBValidKey): Promise<void> {
+	if (!hasIndexedDb()) return
+	const db = await openDatabase()
+	try {
+		const tx = db.transaction(store, 'readwrite')
+		tx.objectStore(store).delete(key)
+		await new Promise<void>((resolve, reject) => {
+			tx.oncomplete = () => resolve()
+			tx.onerror = () => reject(tx.error ?? new Error('IndexedDB transaction failed'))
+		})
+	} finally {
+		db.close()
+	}
+}
+
+export async function dbScan<T>(store: string): Promise<{ key: IDBValidKey; value: T }[]> {
+	if (!hasIndexedDb()) return []
+	const db = await openDatabase()
+	try {
+		const tx = db.transaction(store, 'readonly')
+		const s = tx.objectStore(store)
+		const [keys, values] = await Promise.all([
+			requestToPromise(s.getAllKeys()),
+			requestToPromise(s.getAll()),
+		])
+		return keys.map((key, i) => ({ key, value: values[i] as T }))
+	} finally {
+		db.close()
+	}
+}
diff --git a/apps/frontend/src/services/moderation-queue-storage.ts b/apps/frontend/src/services/moderation-queue-storage.ts
index 2a07f7e48..d90ac1121 100644
--- a/apps/frontend/src/services/moderation-queue-storage.ts
+++ b/apps/frontend/src/services/moderation-queue-storage.ts
@@ -1,3 +1,5 @@
+import { dbDelete, dbGet, dbPut } from './moderation-db.ts'
+
 export interface PersistedModerationQueueState {
 	version: 1
 	savedAt: string
@@ -11,25 +13,9 @@ export interface PersistedModerationQueueState {
 	isQueueMode: boolean
 }
 
-const DB_NAME = 'modrinth-moderation'
-const DB_VERSION = 1
-const STORE_NAME = 'kv'
+const STORE = 'queue'
 export const MODERATION_QUEUE_KEY = 'moderation-queue:v1'
 
-function hasIndexedDb(): boolean {
-	return typeof window !== 'undefined' && typeof indexedDB !== 'undefined'
-}
-
-function getLocalStorage(): Storage | null {
-	if (typeof window === 'undefined') return null
-
-	try {
-		return window.localStorage
-	} catch {
-		return null
-	}
-}
-
 function isStringArray(value: unknown): value is string[] {
 	return Array.isArray(value) && value.every((entry) => typeof entry === 'string')
 }
@@ -53,189 +39,35 @@ function isPersistedStateCandidate(value: unknown): value is PersistedModeration
 	return true
 }
 
-function savedAtTime(state: PersistedModerationQueueState): number {
-	const time = Date.parse(state.savedAt)
-	return Number.isNaN(time) ? 0 : time
-}
-
-function newestState(
-	first: PersistedModerationQueueState | null,
-	second: PersistedModerationQueueState | null,
-): PersistedModerationQueueState | null {
-	if (!first) return second
-	if (!second) return first
-	return savedAtTime(second) > savedAtTime(first) ? second : first
-}
-
-function openDatabase(): Promise<IDBDatabase> {
-	return new Promise((resolve, reject) => {
-		const request = indexedDB.open(DB_NAME, DB_VERSION)
-
-		request.onupgradeneeded = () => {
-			const db = request.result
-			if (!db.objectStoreNames.contains(STORE_NAME)) {
-				db.createObjectStore(STORE_NAME)
-			}
-		}
-
-		request.onsuccess = () => resolve(request.result)
-		request.onerror = () => reject(request.error ?? new Error('Failed to open IndexedDB'))
-		request.onblocked = () => reject(new Error('IndexedDB open request blocked'))
-	})
-}
-
-function requestToPromise<T>(request: IDBRequest<T>): Promise<T> {
-	return new Promise((resolve, reject) => {
-		request.onsuccess = () => resolve(request.result)
-		request.onerror = () => reject(request.error ?? new Error('IndexedDB request failed'))
-	})
-}
-
-async function loadFromIndexedDb(): Promise<PersistedModerationQueueState | null> {
-	if (!hasIndexedDb()) return null
-
-	const db = await openDatabase()
-	try {
-		const tx = db.transaction(STORE_NAME, 'readonly')
-		const store = tx.objectStore(STORE_NAME)
-		const raw = await requestToPromise(store.get(MODERATION_QUEUE_KEY))
-		if (!isPersistedStateCandidate(raw)) return null
-
-		return raw
-	} finally {
-		db.close()
-	}
-}
-
-async function saveToIndexedDb(state: PersistedModerationQueueState): Promise<void> {
-	if (!hasIndexedDb()) return
-
-	const db = await openDatabase()
-	try {
-		const tx = db.transaction(STORE_NAME, 'readwrite')
-		tx.objectStore(STORE_NAME).put(state, MODERATION_QUEUE_KEY)
-
-		await new Promise<void>((resolve, reject) => {
-			tx.oncomplete = () => resolve()
-			tx.onerror = () => reject(tx.error ?? new Error('IndexedDB transaction failed'))
-		})
-	} finally {
-		db.close()
-	}
-}
-
-async function clearIndexedDb(): Promise<void> {
-	if (!hasIndexedDb()) return
-
-	const db = await openDatabase()
-	try {
-		const tx = db.transaction(STORE_NAME, 'readwrite')
-		tx.objectStore(STORE_NAME).delete(MODERATION_QUEUE_KEY)
-
-		await new Promise<void>((resolve, reject) => {
-			tx.oncomplete = () => resolve()
-			tx.onerror = () => reject(tx.error ?? new Error('IndexedDB transaction failed'))
-		})
-	} finally {
-		db.close()
-	}
-}
-
-function loadFromLocalStorage(): PersistedModerationQueueState | null {
-	const storage = getLocalStorage()
-	if (!storage) return null
-
-	const raw = storage.getItem(MODERATION_QUEUE_KEY)
-	if (!raw) return null
-
-	try {
-		const parsed: unknown = JSON.parse(raw)
-		if (isPersistedStateCandidate(parsed)) return parsed
-	} catch (error) {
-		console.debug('Failed to parse moderation queue from localStorage:', error)
-	}
-
-	safeClearLocalStorage()
-	return null
-}
-
-function saveToLocalStorage(state: PersistedModerationQueueState): void {
-	const storage = getLocalStorage()
-	if (!storage) return
-	storage.setItem(MODERATION_QUEUE_KEY, JSON.stringify(state))
-}
-
-function clearLocalStorage(): void {
-	const storage = getLocalStorage()
-	if (!storage) return
-	storage.removeItem(MODERATION_QUEUE_KEY)
-}
-
-function safeClearLocalStorage(): void {
-	try {
-		clearLocalStorage()
-	} catch (error) {
-		console.debug('Failed to clear moderation queue from localStorage:', error)
-	}
-}
-
-function safeSaveLocalStorage(state: PersistedModerationQueueState): void {
-	try {
-		saveToLocalStorage(state)
-	} catch (error) {
-		console.debug('Failed to save moderation queue to localStorage:', error)
-	}
-}
-
 export async function loadQueueState(): Promise<PersistedModerationQueueState | null> {
 	if (!import.meta.client) return null
 
-	let indexedDbState: PersistedModerationQueueState | null = null
 	try {
-		indexedDbState = await loadFromIndexedDb()
+		const raw = await dbGet<unknown>(STORE, MODERATION_QUEUE_KEY)
+		if (!isPersistedStateCandidate(raw)) return null
+		return raw
 	} catch (error) {
 		console.debug('Failed to load moderation queue from IndexedDB:', error)
+		return null
 	}
-
-	let localStorageState: PersistedModerationQueueState | null = null
-	try {
-		localStorageState = loadFromLocalStorage()
-	} catch (error) {
-		console.debug('Failed to load moderation queue from localStorage:', error)
-	}
-
-	return newestState(indexedDbState, localStorageState)
 }
 
 export async function saveQueueState(state: PersistedModerationQueueState): Promise<void> {
 	if (!import.meta.client) return
 
-	if (hasIndexedDb()) {
-		try {
-			await saveToIndexedDb(state)
-			safeSaveLocalStorage(state)
-			return
-		} catch (error) {
-			console.debug(
-				'Failed to save moderation queue to IndexedDB, using localStorage fallback:',
-				error,
-			)
-		}
+	try {
+		await dbPut(STORE, MODERATION_QUEUE_KEY, state)
+	} catch (error) {
+		console.debug('Failed to save moderation queue to IndexedDB:', error)
 	}
-
-	safeSaveLocalStorage(state)
 }
 
 export async function clearQueueState(): Promise<void> {
 	if (!import.meta.client) return
 
-	if (hasIndexedDb()) {
-		try {
-			await clearIndexedDb()
-		} catch (error) {
-			console.debug('Failed to clear moderation queue from IndexedDB:', error)
-		}
+	try {
+		await dbDelete(STORE, MODERATION_QUEUE_KEY)
+	} catch (error) {
+		console.debug('Failed to clear moderation queue from IndexedDB:', error)
 	}
-
-	safeClearLocalStorage()
 }
diff --git a/packages/moderation/src/data/checklist.ts b/packages/moderation/src/data/checklist.ts
index 8b8bb5d68..4e5383715 100644
--- a/packages/moderation/src/data/checklist.ts
+++ b/packages/moderation/src/data/checklist.ts
@@ -1,36 +1,49 @@
-import type { Stage } from '../types/stage'
-import categories from './stages/categories'
-import description from './stages/description'
-import environment from './stages/environment/environment'
-import environmentMultiple from './stages/environment/environment-multiple'
-import gallery from './stages/gallery'
-import license from './stages/license'
-import links from './stages/links'
-import permissions from './stages/permissions'
-import postApproval from './stages/post-approval'
-import reupload from './stages/reupload'
-import ruleFollowing from './stages/rule-following'
-import statusAlerts from './stages/status-alerts'
-import summary from './stages/summary'
-import titleSlug from './stages/title-slug'
-import undefinedProject from './stages/undefined-project'
-import versions from './stages/versions'
+import type { Ref } from 'vue'
+import { provide, ref } from 'vue'
 
-export default [
-	titleSlug,
-	summary,
-	description,
-	links,
-	license,
-	categories,
-	environment,
-	environmentMultiple,
-	gallery,
-	versions,
-	reupload,
-	permissions,
-	ruleFollowing,
-	statusAlerts,
-	undefinedProject,
-	postApproval,
-] as ReadonlyArray<Stage>
+import type { NodeState, StageFn, StageNodeBuilder } from '../types/node'
+import { group, STAGES_KEY } from '../types/node'
+import useCategoriesStage from './stages/categories'
+import useDescriptionStage from './stages/description'
+import useGalleryStage from './stages/gallery'
+import useLicenseStage from './stages/license'
+import useLinksStage from './stages/links'
+import useMetadataStage from './stages/metadata'
+import usePermissionsStage from './stages/permissions'
+import usePostApprovalStage from './stages/post-approval'
+import useReReviewStage from './stages/re-review'
+import useReuploadsStage from './stages/reupload'
+import useOtherRulesStage from './stages/other-rules'
+import useStatusAlertsStage from './stages/status-alerts'
+import useSummaryStage from './stages/summary'
+import useTitleSlugStage from './stages/title-slug'
+import useUndefinedProjectStage from './stages/undefined-project'
+import useVersionsStage from './stages/versions'
+
+export function useStages(
+	globalState: Ref<Record<string, Record<string, NodeState>>>,
+): StageNodeBuilder[] {
+	const mainStages: StageNodeBuilder[] = [
+		usePostApprovalStage(),
+		useUndefinedProjectStage(),
+		useReReviewStage(),
+		useTitleSlugStage(),
+		useSummaryStage(),
+		useDescriptionStage(),
+		useGalleryStage(),
+		useLinksStage(),
+		useLicenseStage(),
+		useCategoriesStage(),
+		useMetadataStage(),
+		useVersionsStage(),
+		useReuploadsStage(),
+		usePermissionsStage(),
+		useOtherRulesStage(),
+	]
+	provide(STAGES_KEY, ref(mainStages))
+	return [...mainStages, useStatusAlertsStage(mainStages, globalState)]
+}
+
+export const stages: ReadonlyArray<StageFn> = []
+
+export default group()
diff --git a/packages/moderation/src/data/keybinds.ts b/packages/moderation/src/data/keybinds.ts
index 45be4b1a1..b86029e2a 100644
--- a/packages/moderation/src/data/keybinds.ts
+++ b/packages/moderation/src/data/keybinds.ts
@@ -4,13 +4,13 @@ const keybinds: { [id: string]: KeybindListener } = {
 	'next-stage': {
 		keybind: 'ArrowRight',
 		description: 'Go to next stage',
-		enabled: (ctx) => !ctx.state.isDone && !ctx.state.hasGeneratedMessage,
+		enabled: (ctx) => !ctx.state.isDone,
 		action: (ctx) => ctx.actions.tryGoNext(),
 	},
 	'previous-stage': {
 		keybind: 'ArrowLeft',
 		description: 'Go to previous stage',
-		enabled: (ctx) => !ctx.state.isDone && !ctx.state.hasGeneratedMessage,
+		enabled: (ctx) => !ctx.state.isDone,
 		action: (ctx) => ctx.actions.tryGoBack(),
 	},
 	'generate-message': {
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-packs.md b/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-packs.md
deleted file mode 100644
index f104e8b3b..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-packs.md
+++ /dev/null
@@ -1,8 +0,0 @@
-## Insufficient Description
-
-Per section 2.1 of %RULES%, your project's %PROJECT_DESCRIPTION_FLINK% should clearly inform the reader of the content, purpose, and appeal of your project.
-
-Currently, it looks like there are some missing details.
-
-What does your modpack add? What features does it have? Why would a user want to download it?  
-Check out descriptions like [What Is My FPS??](https://modrinth.com/modpack/WIMP) or [Aged](https://modrinth.com/modpack/aged) for inspiration when creating a quality and informative description.
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-projects.md b/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-projects.md
deleted file mode 100644
index 617cc6679..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-projects.md
+++ /dev/null
@@ -1,8 +0,0 @@
-## Insufficient Description
-
-Per section 2.1 of %RULES%, your project's %PROJECT_DESCRIPTION_FLINK% should clearly inform the reader of the content, purpose, and appeal of your project.
-
-Currently, it looks like there are some missing details.
-
-What does your project add? What features does it have? Why would a user want to download it?  
-Check out descriptions like [Sodium](https://modrinth.com/mod/sodium) or [The Aether](https://modrinth.com/mod/aether) for inspiration when creating a quality and informative description.
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient.md b/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient.md
deleted file mode 100644
index cd8ebc8fe..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient.md
+++ /dev/null
@@ -1,6 +0,0 @@
-## Insufficient Description
-
-Per section 2.1 of %RULES%, your project's Description should clearly inform the reader of the content, purpose, and appeal of your project.
-
-Currently, it looks like there are some missing details.
-%EXPLAINER%
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/unfinished.md b/packages/moderation/src/data/messages/checklist-messages/description/unfinished.md
deleted file mode 100644
index c5a830580..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/description/unfinished.md
+++ /dev/null
@@ -1,4 +0,0 @@
-## Unfinished Description
-
-It looks like your project Description is still a Work In Progress.  
-Please remember to submit only when ready, as it is important your project meets the requirements of Section 2.1 of %RULES%.
diff --git a/packages/moderation/src/data/messages/checklist-messages/links/misused.md b/packages/moderation/src/data/messages/checklist-messages/links/misused.md
deleted file mode 100644
index 22fe93ed6..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/links/misused.md
+++ /dev/null
@@ -1,4 +0,0 @@
-## Misuse of Links
-
-Per section 5.4 of %RULES%, all %PROJECT_LINKS_FLINK% must lead to correctly labeled publicly available resources that are directly related to your project.  
-Currently it looks like your %MISUSED_LINKS% link(s) are misused or incorrectly labeled.
diff --git a/packages/moderation/src/data/messages/checklist-messages/links/not_accessible-discord.md b/packages/moderation/src/data/messages/checklist-messages/links/not_accessible-discord.md
deleted file mode 100644
index b095e08ca..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/links/not_accessible-discord.md
+++ /dev/null
@@ -1 +0,0 @@
-Currently, your Discord link directs to an invalid invite, likely because your invite has expired. Make sure to set your invite link to permanent with unlimited uses before resubmitting your project.
diff --git a/packages/moderation/src/data/messages/checklist-messages/links/not_accessible-source.md b/packages/moderation/src/data/messages/checklist-messages/links/not_accessible-source.md
deleted file mode 100644
index 0a970b67d..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/links/not_accessible-source.md
+++ /dev/null
@@ -1 +0,0 @@
-Currently, your Source link directs to a Page Not Found error, likely because your repository is private. Make sure to set your repository to public before resubmitting your project.
diff --git a/packages/moderation/src/data/messages/checklist-messages/slug/misused.md b/packages/moderation/src/data/messages/checklist-messages/slug/misused.md
deleted file mode 100644
index ebf8b2f64..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/slug/misused.md
+++ /dev/null
@@ -1,5 +0,0 @@
-## Misuse of custom URL
-
-We ask that you ensure your project's %PROJECT_SLUG_FLINK% accurately represents your project.  
-Your current slug of `%PROJECT_SLUG%` may not accurately match your project's Name or contain excess information.  
-A mismatched URL may make it more difficult for users to find your content. Abbreviations or similar are fine to use if applicable. If your preferred URL is not available, and you cannot find a matching public project, let us know in this moderation thread when you resubmit your project, and our moderation team may be able to free it up for your project.
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/automod_confusion.md b/packages/moderation/src/data/messages/checklist-messages/status-alerts/automod_confusion.md
deleted file mode 100644
index 9acdaee0d..000000000
--- a/packages/moderation/src/data/messages/checklist-messages/status-alerts/automod_confusion.md
+++ /dev/null
@@ -1,5 +0,0 @@
-## Warnings from AutoMod
-
-Unfortunately, our AutoMod cannot read your project's Description or your messages to moderation.  
-AutoMod will warn both you and our Moderation Staff about potential issues, but if you've already followed the necessary steps these warnings can safely be ignored.  
-Note that if your project is being rejected by AutoMod this means your project has content that can not be included in your modpack and must be removed before resubmission, including deleting versions of your modpack that include the content.
diff --git a/packages/moderation/src/data/messages/checklist-text/categories.md b/packages/moderation/src/data/messages/checklist-text/categories.md
deleted file mode 100644
index d08553337..000000000
--- a/packages/moderation/src/data/messages/checklist-text/categories.md
+++ /dev/null
@@ -1,2 +0,0 @@
-**Featured Tags:** %PROJECT_CATEGORIES% \
-**Additional Tags:** %PROJECT_ADDITIONAL_CATEGORIES%
diff --git a/packages/moderation/src/data/messages/checklist-text/environment/environment-multiple.md b/packages/moderation/src/data/messages/checklist-text/environment/environment-multiple.md
deleted file mode 100644
index 0b5cc95c7..000000000
--- a/packages/moderation/src/data/messages/checklist-text/environment/environment-multiple.md
+++ /dev/null
@@ -1,2 +0,0 @@
-**Unique environments:** %PROJECT_V3_ENVIRONMENT_COUNT% \
-**Environments:** `%PROJECT_V3_ALL_ENVIRONMENTS%`
diff --git a/packages/moderation/src/data/messages/checklist-text/environment/environment.md b/packages/moderation/src/data/messages/checklist-text/environment/environment.md
deleted file mode 100644
index e6b2e921f..000000000
--- a/packages/moderation/src/data/messages/checklist-text/environment/environment.md
+++ /dev/null
@@ -1,4 +0,0 @@
-**Environment:** `%PROJECT_V3_ENVIRONMENT_0%`
-
-**Client:** `%PROJECT_CLIENT_SIDE%` \
-**Server:** `%PROJECT_SERVER_SIDE%`
diff --git a/packages/moderation/src/data/messages/checklist-text/licensing.md b/packages/moderation/src/data/messages/checklist-text/licensing.md
deleted file mode 100644
index 87b7d0783..000000000
--- a/packages/moderation/src/data/messages/checklist-text/licensing.md
+++ /dev/null
@@ -1,2 +0,0 @@
-**License id:** %PROJECT_LICENSE_ID% \
-**License Link:** %PROJECT_LICENSE_URL%
diff --git a/packages/moderation/src/data/messages/checklist-text/links/base.md b/packages/moderation/src/data/messages/checklist-text/links/base.md
deleted file mode 100644
index caa71614a..000000000
--- a/packages/moderation/src/data/messages/checklist-text/links/base.md
+++ /dev/null
@@ -1,4 +0,0 @@
-**Issues:** %PROJECT_ISSUES_URL% \
-**Source:** %PROJECT_SOURCE_URL% \
-**Wiki:** %PROJECT_WIKI_URL% \
-**Discord:** %PROJECT_DISCORD_URL%
diff --git a/packages/moderation/src/data/messages/checklist-text/links/donation/donation.md b/packages/moderation/src/data/messages/checklist-text/links/donation/donation.md
deleted file mode 100644
index fce119787..000000000
--- a/packages/moderation/src/data/messages/checklist-text/links/donation/donation.md
+++ /dev/null
@@ -1 +0,0 @@
-> **{PLATFORM}:** {URL}<br />
diff --git a/packages/moderation/src/data/messages/checklist-text/links/donation/donations.md b/packages/moderation/src/data/messages/checklist-text/links/donation/donations.md
deleted file mode 100644
index 29f39bade..000000000
--- a/packages/moderation/src/data/messages/checklist-text/links/donation/donations.md
+++ /dev/null
@@ -1,2 +0,0 @@
-<br />
-<u>**Donation Links:**</u><br />
diff --git a/packages/moderation/src/data/messages/checklist-text/links/server.md b/packages/moderation/src/data/messages/checklist-text/links/server.md
deleted file mode 100644
index 2d95e284d..000000000
--- a/packages/moderation/src/data/messages/checklist-text/links/server.md
+++ /dev/null
@@ -1,4 +0,0 @@
-**Website:** %PROJECT_SITE_URL% \
-**Store:** %PROJECT_STORE_URL% \
-**Wiki:** %PROJECT_WIKI_URL% \
-**Discord:** %PROJECT_DISCORD_URL%
diff --git a/packages/moderation/src/data/messages/checklist-text/status-alerts/text.md b/packages/moderation/src/data/messages/checklist-text/status-alerts/text.md
deleted file mode 100644
index 64a94da8a..000000000
--- a/packages/moderation/src/data/messages/checklist-text/status-alerts/text.md
+++ /dev/null
@@ -1 +0,0 @@
-**Applying for:** `%PROJECT_REQUESTED_STATUS%`
diff --git a/packages/moderation/src/data/messages/checklist-text/summary/summary.md b/packages/moderation/src/data/messages/checklist-text/summary/summary.md
deleted file mode 100644
index 2107bc9d8..000000000
--- a/packages/moderation/src/data/messages/checklist-text/summary/summary.md
+++ /dev/null
@@ -1,2 +0,0 @@
-**Summary:**  
-`%PROJECT_SUMMARY%`
diff --git a/packages/moderation/src/data/messages/checklist-text/title-slug.md b/packages/moderation/src/data/messages/checklist-text/title-slug.md
deleted file mode 100644
index 9a29a51b9..000000000
--- a/packages/moderation/src/data/messages/checklist-text/title-slug.md
+++ /dev/null
@@ -1,4 +0,0 @@
-**Title:** %PROJECT_TITLE% \
-**Slug:** `%PROJECT_SLUG%`
-
-**Title issues?**
diff --git a/packages/moderation/src/data/messages/checklist-text/title-slug/slug.md b/packages/moderation/src/data/messages/checklist-text/title-slug/slug.md
deleted file mode 100644
index 52e2fa281..000000000
--- a/packages/moderation/src/data/messages/checklist-text/title-slug/slug.md
+++ /dev/null
@@ -1,3 +0,0 @@
-**Slug:** `%PROJECT_SLUG%` </br>
-
-**Title issues?**
diff --git a/packages/moderation/src/data/messages/checklist-text/title-slug/title.md b/packages/moderation/src/data/messages/checklist-text/title-slug/title.md
deleted file mode 100644
index 6901e7eb6..000000000
--- a/packages/moderation/src/data/messages/checklist-text/title-slug/title.md
+++ /dev/null
@@ -1 +0,0 @@
-**Title:** %PROJECT_TITLE% </br>
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/clarity.md b/packages/moderation/src/data/messages/checklist/messages/description/clarity.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/description/clarity.md
rename to packages/moderation/src/data/messages/checklist/messages/description/clarity.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/accessability/headers-as-body.md b/packages/moderation/src/data/messages/checklist/messages/description/headers-as-body.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/description/accessability/headers-as-body.md
rename to packages/moderation/src/data/messages/checklist/messages/description/headers-as-body.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/accessability/image-only.md b/packages/moderation/src/data/messages/checklist/messages/description/image-only.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/description/accessability/image-only.md
rename to packages/moderation/src/data/messages/checklist/messages/description/image-only.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/packs.md b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/packs.md
new file mode 100644
index 000000000..07e752d5a
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/packs.md
@@ -0,0 +1,3 @@
+What does your modpack add? What features does it have? Why would a user want to download it?
+
+Check out descriptions like [What Is My FPS??](https://modrinth.com/modpack/WIMP) or [Aged](https://modrinth.com/modpack/aged) for inspiration when creating a quality and informative description.
diff --git a/packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/projects.md b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/projects.md
new file mode 100644
index 000000000..31535e11b
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/projects.md
@@ -0,0 +1,3 @@
+What does your project add? What features does it have? Why would a user want to download it?
+
+Check out descriptions like [Sodium](https://modrinth.com/mod/sodium) or [The Aether](https://modrinth.com/mod/aether) for inspiration when creating a quality and informative description.
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-servers.md b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/servers.md
similarity index 51%
rename from packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-servers.md
rename to packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/servers.md
index 5c0cbe69c..faf3ea57a 100644
--- a/packages/moderation/src/data/messages/checklist-messages/description/insufficient/insufficient-servers.md
+++ b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/default/servers.md
@@ -1,8 +1,3 @@
-## Insufficient Description
+What is your server about? What features does it have? Why would a user want to join?
 
-Per section 2.1 of %RULES%, your server's %PROJECT_DESCRIPTION_FLINK% should clearly inform the reader of the content, purpose, and appeal of your server.
-
-Currently, it looks like there are some missing details.
-
-What is your server about? What features does it have? Why would a user want to join?  
 Check out descriptions like [Flatnet](https://modrinth.com/server/flatnet) or [Cobblemon Islands](https://modrinth.com/server/cobblemon-islands-server) for inspiration when creating a quality and informative description.
diff --git a/packages/moderation/src/data/messages/checklist/messages/description/insufficient/header.md b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/header.md
new file mode 100644
index 000000000..4e4934805
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/header.md
@@ -0,0 +1,6 @@
+## Insufficient Description
+
+Per section 2.1 of %RULES%, your %PROJECT_DESCRIPTION_FLINK% should clearly inform the reader of the content, purpose, and appeal of your %PROJECT_TYPE%.</br>
+Currently, it looks like there are some missing details.
+
+%CUSTOM_ADVICE%
diff --git a/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/fork.md b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/fork.md
new file mode 100644
index 000000000..9c01b50fc
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/fork.md
@@ -0,0 +1 @@
+- Since your project is a fork, you should briefly describe the function or features of the %PROJECT_TYPE% your project is forked from, in addition to what changes you've made in your version.</br>
diff --git a/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/spoiler-guide.md b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/spoiler-guide.md
new file mode 100644
index 000000000..6655327e0
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/spoiler-guide.md
@@ -0,0 +1,19 @@
+</br>
+
+**How to setup spoilers blocks:**
+
+```md
+<details>
+<summary>Spoilers!</summary>
+
+- Features!
+
+</details>
+```
+
+<details>
+<summary>Spoilers!</summary>
+
+- Features!
+
+</details>
diff --git a/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/spoilers.md b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/spoilers.md
new file mode 100644
index 000000000..9689e349a
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/spoilers.md
@@ -0,0 +1 @@
+- We understand you may not want to spoil some of the details of your projects contents, you can put important details in a spoiler!</br>
diff --git a/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/unfinished.md b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/unfinished.md
new file mode 100644
index 000000000..a111e40c4
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/description/insufficient/piece/unfinished.md
@@ -0,0 +1 @@
+- It looks like your project Description is still a work in progress, please remember to submit only when ready.
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/accessability/non-english/non-english-server.md b/packages/moderation/src/data/messages/checklist/messages/description/non-english-server.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/description/accessability/non-english/non-english-server.md
rename to packages/moderation/src/data/messages/checklist/messages/description/non-english-server.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/accessability/non-english/non-english.md b/packages/moderation/src/data/messages/checklist/messages/description/non-english.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/description/accessability/non-english/non-english.md
rename to packages/moderation/src/data/messages/checklist/messages/description/non-english.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/description/accessability/non-standard-text.md b/packages/moderation/src/data/messages/checklist/messages/description/non-standard-text.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/description/accessability/non-standard-text.md
rename to packages/moderation/src/data/messages/checklist/messages/description/non-standard-text.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/gallery/insufficient.md b/packages/moderation/src/data/messages/checklist/messages/gallery/insufficient.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/gallery/insufficient.md
rename to packages/moderation/src/data/messages/checklist/messages/gallery/insufficient.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/gallery/not-relevant.md b/packages/moderation/src/data/messages/checklist/messages/gallery/not-relevant.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/gallery/not-relevant.md
rename to packages/moderation/src/data/messages/checklist/messages/gallery/not-relevant.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/gallery/showcase-clarity.md b/packages/moderation/src/data/messages/checklist/messages/gallery/showcase-clarity.md
new file mode 100644
index 000000000..bf7c81217
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/gallery/showcase-clarity.md
@@ -0,0 +1,10 @@
+## Showcase Clarity
+
+Per section 2 of %RULES%, it's important that your project page accurately and honestly represent the content of your project.
+
+Currently, it looks like some images do not accurately represent the content of your %PROJECT_TYPE_FORMATTED_LOWER%.
+Please make sure you use authentic images such as in-game screenshots when showcasing the content or functionality of your work.
+
+Images such as renders, AI generated or assisted images, or heavily modified images should not be used to demonstrate the functionality of your project in the %PROJECT_DESCRIPTION_FLINK% or %PROJECT_GALLERY_FLINK%.
+
+You may still include these types of branding assets or unrelated images on your project page, so long as it is clear they are not authentic representations of the content.
diff --git a/packages/moderation/src/data/messages/checklist-messages/license/invalid_link.md b/packages/moderation/src/data/messages/checklist/messages/license/invalid-link.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/license/invalid_link.md
rename to packages/moderation/src/data/messages/checklist/messages/license/invalid-link.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/license/invalid_link-custom_license.md b/packages/moderation/src/data/messages/checklist/messages/license/invalid-link/custom-license.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/license/invalid_link-custom_license.md
rename to packages/moderation/src/data/messages/checklist/messages/license/invalid-link/custom-license.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/license/no_source-fork.md b/packages/moderation/src/data/messages/checklist/messages/license/no-source-fork.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/license/no_source-fork.md
rename to packages/moderation/src/data/messages/checklist/messages/license/no-source-fork.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/license/no_source.md b/packages/moderation/src/data/messages/checklist/messages/license/no-source.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/license/no_source.md
rename to packages/moderation/src/data/messages/checklist/messages/license/no-source.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/links/discord/expiring.md b/packages/moderation/src/data/messages/checklist/messages/links/discord/expiring.md
new file mode 100644
index 000000000..bc4e55b55
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/links/discord/expiring.md
@@ -0,0 +1 @@
+The current Discord invite is set to expire, we strongly recommend setting your public discord invite to be permanent and unlimited.
diff --git a/packages/moderation/src/data/messages/checklist/messages/links/discord/inaccessible.md b/packages/moderation/src/data/messages/checklist/messages/links/discord/inaccessible.md
new file mode 100644
index 000000000..553c0dddf
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/links/discord/inaccessible.md
@@ -0,0 +1 @@
+The current Discord invite is invalid, likely because your invite has expired. Make sure to set your invite link to permanent with unlimited uses before resubmitting your project.
diff --git a/packages/moderation/src/data/messages/checklist-messages/links/not_accessible.md b/packages/moderation/src/data/messages/checklist/messages/links/header.md
similarity index 55%
rename from packages/moderation/src/data/messages/checklist-messages/links/not_accessible.md
rename to packages/moderation/src/data/messages/checklist/messages/links/header.md
index 47b60f5c3..b7b3092d9 100644
--- a/packages/moderation/src/data/messages/checklist-messages/links/not_accessible.md
+++ b/packages/moderation/src/data/messages/checklist/messages/links/header.md
@@ -1,3 +1,4 @@
-## Unreachable Links
+## Links
 
+It looks like some of your %PROJECT_TYPE_FORMATTED_LOWER%'s %PROJECT_LINKS_FLINK% are misused or inaccessible.</br>
 Per section 5.4 of %RULES%, all %PROJECT_LINKS_FLINK% must lead to correctly labeled publicly available resources that are directly related to your project.
diff --git a/packages/moderation/src/data/messages/checklist/messages/links/inaccessible-header.md b/packages/moderation/src/data/messages/checklist/messages/links/inaccessible-header.md
new file mode 100644
index 000000000..d9a80f323
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/links/inaccessible-header.md
@@ -0,0 +1,3 @@
+</br>
+
+**These links appear to be inaccessible:**
diff --git a/packages/moderation/src/data/messages/checklist/messages/links/issues/disabled.md b/packages/moderation/src/data/messages/checklist/messages/links/issues/disabled.md
new file mode 100644
index 000000000..a32be41f1
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/links/issues/disabled.md
@@ -0,0 +1 @@
+The issues tab for your project's source repo appears to be disabled.
diff --git a/packages/moderation/src/data/messages/checklist/messages/links/misused-header.md b/packages/moderation/src/data/messages/checklist/messages/links/misused-header.md
new file mode 100644
index 000000000..868ba679e
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/links/misused-header.md
@@ -0,0 +1,3 @@
+</br>
+
+**These links appear to be misused or not related to your project:**
diff --git a/packages/moderation/src/data/messages/checklist/messages/links/source/empty.md b/packages/moderation/src/data/messages/checklist/messages/links/source/empty.md
new file mode 100644
index 000000000..b9c759a3c
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/links/source/empty.md
@@ -0,0 +1 @@
+The current Source link directs to a repository that does not contain the source code for your %PROJECT_TYPE_FORMATTED_LOWER%.
diff --git a/packages/moderation/src/data/messages/checklist/messages/links/source/inaccessible.md b/packages/moderation/src/data/messages/checklist/messages/links/source/inaccessible.md
new file mode 100644
index 000000000..61c22a510
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/links/source/inaccessible.md
@@ -0,0 +1 @@
+The current Source link directs to a Page Not Found error, likely because your repository is private. Make sure to set your repository to public before resubmitting your project.
diff --git a/packages/moderation/src/data/messages/checklist/messages/links/wiki/disabled.md b/packages/moderation/src/data/messages/checklist/messages/links/wiki/disabled.md
new file mode 100644
index 000000000..a40bd527f
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/links/wiki/disabled.md
@@ -0,0 +1 @@
+The wiki tab for your project's source repo appears to be disabled.
diff --git a/packages/moderation/src/data/messages/checklist/messages/metadata/environment/correction.md b/packages/moderation/src/data/messages/checklist/messages/metadata/environment/correction.md
new file mode 100644
index 000000000..a0d9f9af3
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/metadata/environment/correction.md
@@ -0,0 +1 @@
+It looks like this project is probably "%SUGGESTED_ENVIRONMENT%".
diff --git a/packages/moderation/src/data/messages/checklist-messages/environment/inaccurate.md b/packages/moderation/src/data/messages/checklist/messages/metadata/environment/inaccurate.md
similarity index 97%
rename from packages/moderation/src/data/messages/checklist-messages/environment/inaccurate.md
rename to packages/moderation/src/data/messages/checklist/messages/metadata/environment/inaccurate.md
index da2816e8e..b0017998e 100644
--- a/packages/moderation/src/data/messages/checklist-messages/environment/inaccurate.md
+++ b/packages/moderation/src/data/messages/checklist/messages/metadata/environment/inaccurate.md
@@ -4,3 +4,5 @@ Per section 5.1 of %RULES%, it is important that the metadata of your projects i
 
 We've recently overhauled how environment metadata works on Modrinth, you can now edit this in your project's [Version Settings](https://modrinth.com/project/%PROJECT_ID%/settings/versions).
 Please [read this blogpost](%NEW_ENVIRONMENTS_LINK%) for full details and information on how to ensure your project is labeled correctly.
+
+%CORRECT%
diff --git a/packages/moderation/src/data/messages/checklist/messages/metadata/environment/mixed.md b/packages/moderation/src/data/messages/checklist/messages/metadata/environment/mixed.md
new file mode 100644
index 000000000..139e06cca
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/metadata/environment/mixed.md
@@ -0,0 +1 @@
+It looks like some %PROJECT_VERSIONS_FLINK% of your project should have unique environments from other versions, please ensure each version is set correctly.
diff --git a/packages/moderation/src/data/messages/checklist-messages/externals-permissions/invalid.md b/packages/moderation/src/data/messages/checklist/messages/permissions/invalid-permissions.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/externals-permissions/invalid.md
rename to packages/moderation/src/data/messages/checklist/messages/permissions/invalid-permissions.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/externals-permissions/missing.md b/packages/moderation/src/data/messages/checklist/messages/permissions/missing-permissions.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/externals-permissions/missing.md
rename to packages/moderation/src/data/messages/checklist/messages/permissions/missing-permissions.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/externals-permissions/non-commercial.md b/packages/moderation/src/data/messages/checklist/messages/permissions/non-commercial-external-content.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/externals-permissions/non-commercial.md
rename to packages/moderation/src/data/messages/checklist/messages/permissions/non-commercial-external-content.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/externals-permissions/prohibited.md b/packages/moderation/src/data/messages/checklist/messages/permissions/prohibited-external-content.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/externals-permissions/prohibited.md
rename to packages/moderation/src/data/messages/checklist/messages/permissions/prohibited-external-content.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/post-approval/issue-warning.md b/packages/moderation/src/data/messages/checklist/messages/post-approval/issue-warning.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/post-approval/issue-warning.md
rename to packages/moderation/src/data/messages/checklist/messages/post-approval/issue-warning.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/post-approval/metadata-issue.md b/packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/post-approval/metadata-issue.md
rename to packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/misc-metadata/dependencies.md b/packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue/dependencies.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/misc-metadata/dependencies.md
rename to packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue/dependencies.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/misc-metadata/inconsistent-license.md b/packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue/license.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/misc-metadata/inconsistent-license.md
rename to packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue/license.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/misc-metadata/loaders.md b/packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue/loaders.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/misc-metadata/loaders.md
rename to packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue/loaders.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/misc-metadata/mc-versions.md b/packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue/mc-versions.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/misc-metadata/mc-versions.md
rename to packages/moderation/src/data/messages/checklist/messages/post-approval/metadata-issue/mc-versions.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/post-approval/missed-deadline.md b/packages/moderation/src/data/messages/checklist/messages/post-approval/missed-deadline.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/post-approval/missed-deadline.md
rename to packages/moderation/src/data/messages/checklist/messages/post-approval/missed-deadline.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/re-review/ignored.md b/packages/moderation/src/data/messages/checklist/messages/re-review/ignored.md
new file mode 100644
index 000000000..db54274f3
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/re-review/ignored.md
@@ -0,0 +1 @@
+Please address all moderation concerns or correct all issues before resubmitting this project.
diff --git a/packages/moderation/src/data/messages/checklist/messages/re-review/ignored/warning.md b/packages/moderation/src/data/messages/checklist/messages/re-review/ignored/warning.md
new file mode 100644
index 000000000..8dee9faf7
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/re-review/ignored/warning.md
@@ -0,0 +1 @@
+Continued resubmission without abiding by %RULES% or any other attempts at spam may result in account suspension.
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/custom_server/custom_server_overrides-prohibited.md b/packages/moderation/src/data/messages/checklist/messages/reupload/custom-pack-prohibited.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/custom_server/custom_server_overrides-prohibited.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/custom-pack-prohibited.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/custom_server/custom_server_overrides-verification.md b/packages/moderation/src/data/messages/checklist/messages/reupload/custom-pack-verification.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/custom_server/custom_server_overrides-verification.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/custom-pack-verification.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/custom_server/custom_server_overrides-verification-list.md b/packages/moderation/src/data/messages/checklist/messages/reupload/custom-pack-verification/list.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/custom_server/custom_server_overrides-verification-list.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/custom-pack-verification/list.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/identity-verification/identity_verification-server.md b/packages/moderation/src/data/messages/checklist/messages/reupload/identity-verification-server.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/identity-verification/identity_verification-server.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/identity-verification-server.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/identity-verification/identity_verification.md b/packages/moderation/src/data/messages/checklist/messages/reupload/identity-verification.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/identity-verification/identity_verification.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/identity-verification.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/insufficient_fork.md b/packages/moderation/src/data/messages/checklist/messages/reupload/insufficient-fork.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/insufficient_fork.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/insufficient-fork.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/custom_server/custom_server_permissions.md b/packages/moderation/src/data/messages/checklist/messages/reupload/request-proof-server.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/custom_server/custom_server_permissions.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/request-proof-server.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/proof_of_permissions.md b/packages/moderation/src/data/messages/checklist/messages/reupload/request-proof.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/proof_of_permissions.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/request-proof.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/reupload.md b/packages/moderation/src/data/messages/checklist/messages/reupload/reupload.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/reupload.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/reupload.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/reupload/fork.md b/packages/moderation/src/data/messages/checklist/messages/reupload/unclear-fork.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/reupload/fork.md
rename to packages/moderation/src/data/messages/checklist/messages/reupload/unclear-fork.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/cheat-or-hack-advertising.md b/packages/moderation/src/data/messages/checklist/messages/rules/cheat-or-hack-advertising.md
new file mode 100644
index 000000000..fc0e232ed
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/cheat-or-hack-advertising.md
@@ -0,0 +1,5 @@
+## Prohibited Content
+
+This project may violate section 3.1 of [Modrinth's Content Rules](https://modrinth.com/legal/rules).
+
+We ask that you ensure your project does not endorse, promote, or enable hacks or the use of hacks. Additionally, your project page should not contain language that endorses or promotes hacks or the use of hacks.
diff --git a/packages/moderation/src/data/messages/checklist-messages/misc-metadata/excessive_languages-server.md b/packages/moderation/src/data/messages/checklist/messages/rules/excessive-languages.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/misc-metadata/excessive_languages-server.md
rename to packages/moderation/src/data/messages/checklist/messages/rules/excessive-languages.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/paid-access-server.md b/packages/moderation/src/data/messages/checklist/messages/rules/paid-access-server.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/paid-access-server.md
rename to packages/moderation/src/data/messages/checklist/messages/rules/paid-access-server.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content-header.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content-header.md
new file mode 100644
index 000000000..fc0eb4c90
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content-header.md
@@ -0,0 +1,3 @@
+## Prohibited Content
+
+This project contains content which may violate section 1 of [Modrinth's Content Rules](https://modrinth.com/legal/rules):
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/discriminatory.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/discriminatory.md
new file mode 100644
index 000000000..2ae4a6001
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/discriminatory.md
@@ -0,0 +1 @@
+- 1.2: Sexually explicit or pornographic material, or content promoting violence or discrimination based on race, sex, gender, religion, nationality, disability, sexual orientation, or age
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/false-endorsement.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/false-endorsement.md
new file mode 100644
index 000000000..ac6fbde05
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/false-endorsement.md
@@ -0,0 +1 @@
+- 1.9: Content giving a false impression of endorsement by Modrinth or any other person or entity
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/harmful.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/harmful.md
new file mode 100644
index 000000000..9ddaea6e8
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/harmful.md
@@ -0,0 +1 @@
+- 1.6: Content likely to cause annoyance, harm, embarrassment, alarm, or deception to others
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/illegal-activity.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/illegal-activity.md
new file mode 100644
index 000000000..aaf276c50
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/illegal-activity.md
@@ -0,0 +1 @@
+- 1.5: Promotion of illegal activity, or advocacy of unlawful acts including real-life drugs or illicit substances
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/impersonation.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/impersonation.md
new file mode 100644
index 000000000..ab3be29e7
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/impersonation.md
@@ -0,0 +1 @@
+- 1.8: Impersonation of a person, or misrepresentation of identity or affiliation with any person or organization
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/ip-infringement.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/ip-infringement.md
new file mode 100644
index 000000000..0eee5443a
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/ip-infringement.md
@@ -0,0 +1 @@
+- 1.3: Content infringing patents, trademarks, trade secrets, copyright, or other intellectual property rights
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/legal-rights.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/legal-rights.md
new file mode 100644
index 000000000..749304631
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/legal-rights.md
@@ -0,0 +1 @@
+- 1.4: Content violating the legal rights of others
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/misleading.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/misleading.md
new file mode 100644
index 000000000..005d8d88f
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/misleading.md
@@ -0,0 +1 @@
+- 1.7: Intentionally wrong or misleading claims
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/mojang-bypass.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/mojang-bypass.md
new file mode 100644
index 000000000..3706c4244
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/mojang-bypass.md
@@ -0,0 +1 @@
+- 1.12: Content bypassing restrictions placed by Mojang to prevent users from joining certain in-game servers
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/objectionable.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/objectionable.md
new file mode 100644
index 000000000..02cc641af
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/objectionable.md
@@ -0,0 +1 @@
+- 1.1: Defamatory, obscene, indecent, abusive, offensive, harassing, violent, hateful, inflammatory, or otherwise objectionable material
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/profanity.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/profanity.md
new file mode 100644
index 000000000..1e42162ee
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/profanity.md
@@ -0,0 +1 @@
+- 1.10: Excessive profanity
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/undisclosed-upload.md b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/undisclosed-upload.md
new file mode 100644
index 000000000..4b0967fea
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/prohibited-content/undisclosed-upload.md
@@ -0,0 +1 @@
+- 1.11: Undisclosed upload of data to a remote server without clear disclosure
diff --git a/packages/moderation/src/data/messages/checklist-messages/rule-breaking.md b/packages/moderation/src/data/messages/checklist/messages/rules/rule-breaking-other.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/rule-breaking.md
rename to packages/moderation/src/data/messages/checklist/messages/rules/rule-breaking-other.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in-header.md b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in-header.md
new file mode 100644
index 000000000..d6c2dda8c
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in-header.md
@@ -0,0 +1,3 @@
+## Server-side opt-in required
+
+Per section 3.3 of [Modrinth's Content Rules](https://modrinth.com/legal/rules), we ask that any features in this project that violate the following rules require a server-side opt-in:
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/aim-bot.md b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/aim-bot.md
new file mode 100644
index 000000000..16f6e2644
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/aim-bot.md
@@ -0,0 +1 @@
+- 3.3b: Aim bot or aim assist
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/hiding-mods.md b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/hiding-mods.md
new file mode 100644
index 000000000..a4d4ad5d5
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/hiding-mods.md
@@ -0,0 +1 @@
+- 3.3e: Active client-side hiding of third-party modifications that have server-side opt-outs
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/item-duplication.md b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/item-duplication.md
new file mode 100644
index 000000000..feae0986e
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/item-duplication.md
@@ -0,0 +1 @@
+- 3.3f: Item duplication
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/movement.md b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/movement.md
new file mode 100644
index 000000000..842251455
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/movement.md
@@ -0,0 +1 @@
+- 3.3c: Flight, speed, or other movement modifications
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/pvp.md b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/pvp.md
new file mode 100644
index 000000000..d1cc5099c
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/pvp.md
@@ -0,0 +1 @@
+- 3.3d: Automatic or assisted PvP combat
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/x-ray.md b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/x-ray.md
new file mode 100644
index 000000000..a58d28ddd
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-in/x-ray.md
@@ -0,0 +1 @@
+- 3.3a: X-ray or the ability to see through opaque blocks
diff --git a/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-out.md b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-out.md
new file mode 100644
index 000000000..5be794c0c
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/rules/server-side-opt-out.md
@@ -0,0 +1,3 @@
+## Server-side opt-out required
+
+Per section 3.2 of [Modrinth's Content Rules](https://modrinth.com/legal/rules), we ask that your project implements a server-side opt-out.
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/account_issues.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/account-issues.md
similarity index 80%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/account_issues.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/account-issues.md
index 067e36695..a15c60342 100644
--- a/packages/moderation/src/data/messages/checklist-messages/status-alerts/account_issues.md
+++ b/packages/moderation/src/data/messages/checklist/messages/status-alerts/account-issues.md
@@ -1,4 +1,4 @@
 ## Account Issues Indicated
 
 We're sorry to hear you're having trouble accessing your accounts, unfortunately, our moderation team is unable to assist with account-related issues.  
-Before resubmitting your project, %SUPPORT%.
+Before resubmitting your project, %SUPPORT%
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/fixed-approved.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/corrections-applied-approved.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/fixed-approved.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/corrections-applied-approved.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/fixed.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/corrections-applied.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/fixed.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/corrections-applied.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/demonetized/demonetized-modpack.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/demonetized-modpack.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/demonetized/demonetized-modpack.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/demonetized-modpack.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/demonetized/demonetized.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/demonetized.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/demonetized/demonetized.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/demonetized.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/private/private-server.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/private-use-server.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/private/private-server.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/private-use-server.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/private/private.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/private-use.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/private/private.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/private-use.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/serverpack.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/server-use.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/serverpack.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/server-use.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/tec/source_request-bins.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/tec/source-request-bins.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/tec/source_request-bins.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/tec/source-request-bins.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/status-alerts/tec/source_request-obfs.md b/packages/moderation/src/data/messages/checklist/messages/status-alerts/tec/source-request-obfs.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/status-alerts/tec/source_request-obfs.md
rename to packages/moderation/src/data/messages/checklist/messages/status-alerts/tec/source-request-obfs.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/summary/formatting.md b/packages/moderation/src/data/messages/checklist/messages/summary/formatting.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/summary/formatting.md
rename to packages/moderation/src/data/messages/checklist/messages/summary/formatting.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/summary/insufficient.md b/packages/moderation/src/data/messages/checklist/messages/summary/insufficient.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/summary/insufficient.md
rename to packages/moderation/src/data/messages/checklist/messages/summary/insufficient.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/summary/non-english.md b/packages/moderation/src/data/messages/checklist/messages/summary/non-english.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/summary/non-english.md
rename to packages/moderation/src/data/messages/checklist/messages/summary/non-english.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/summary/repeat-ip.md b/packages/moderation/src/data/messages/checklist/messages/summary/repeat-ip.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/summary/repeat-ip.md
rename to packages/moderation/src/data/messages/checklist/messages/summary/repeat-ip.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/summary/repeat-title.md b/packages/moderation/src/data/messages/checklist/messages/summary/repeat-title.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/summary/repeat-title.md
rename to packages/moderation/src/data/messages/checklist/messages/summary/repeat-title.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/categories/inaccurate.md b/packages/moderation/src/data/messages/checklist/messages/tags/inaccurate.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/categories/inaccurate.md
rename to packages/moderation/src/data/messages/checklist/messages/tags/inaccurate.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/categories/optimization_misused.md b/packages/moderation/src/data/messages/checklist/messages/tags/optimization-misused.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/categories/optimization_misused.md
rename to packages/moderation/src/data/messages/checklist/messages/tags/optimization-misused.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/categories/resolutions_misused.md b/packages/moderation/src/data/messages/checklist/messages/tags/resolutions-misused.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/categories/resolutions_misused.md
rename to packages/moderation/src/data/messages/checklist/messages/tags/resolutions-misused.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/title-slug/slug/correction.md b/packages/moderation/src/data/messages/checklist/messages/title-slug/slug/correction.md
new file mode 100644
index 000000000..bcd279291
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/title-slug/slug/correction.md
@@ -0,0 +1 @@
+It looks like the slug `%SUGGESTED_SLUG%` is available and better suited for this project.
diff --git a/packages/moderation/src/data/messages/checklist/messages/title-slug/slug/misused.md b/packages/moderation/src/data/messages/checklist/messages/title-slug/slug/misused.md
new file mode 100644
index 000000000..45d794717
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/title-slug/slug/misused.md
@@ -0,0 +1,8 @@
+## Misuse of custom URL
+
+We ask that you ensure your project's %PROJECT_SLUG_FLINK% accurately represents your project. \
+Your current slug of `%PROJECT_SLUG%` may not accurately match your project's Name or contain excess information. \
+A mismatched URL may make it more difficult for users to find your content. Abbreviations or similar are fine to use if applicable. \
+If your preferred URL is not available, and you cannot find a matching public project, let us know in this moderation thread when you resubmit your project, and our moderation team may be able to free it up for your project.
+
+%CORRECT%
diff --git a/packages/moderation/src/data/messages/checklist-messages/title/minecraft-branding.md b/packages/moderation/src/data/messages/checklist/messages/title-slug/title/minecraft-branding.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/title/minecraft-branding.md
rename to packages/moderation/src/data/messages/checklist/messages/title-slug/title/minecraft-branding.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/title/similarities.md b/packages/moderation/src/data/messages/checklist/messages/title-slug/title/similarities.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/title/similarities.md
rename to packages/moderation/src/data/messages/checklist/messages/title-slug/title/similarities.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/title/similarities-fork.md b/packages/moderation/src/data/messages/checklist/messages/title-slug/title/similarities/fork.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/title/similarities-fork.md
rename to packages/moderation/src/data/messages/checklist/messages/title-slug/title/similarities/fork.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/title/similarities-modpack.md b/packages/moderation/src/data/messages/checklist/messages/title-slug/title/similarities/modpack.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/title/similarities-modpack.md
rename to packages/moderation/src/data/messages/checklist/messages/title-slug/title/similarities/modpack.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/title/useless-info.md b/packages/moderation/src/data/messages/checklist/messages/title-slug/title/useless-info.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/title/useless-info.md
rename to packages/moderation/src/data/messages/checklist/messages/title-slug/title/useless-info.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/undefined-project/no_versions.md b/packages/moderation/src/data/messages/checklist/messages/undefined-project/no-versions.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/undefined-project/no_versions.md
rename to packages/moderation/src/data/messages/checklist/messages/undefined-project/no-versions.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-additional.md b/packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/additional.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-additional.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/additional.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-mono.md b/packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/mono.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-mono.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/mono.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-primary.md b/packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/primary.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-primary.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/primary.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-server-additional.md b/packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/server-additional.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-server-additional.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/server-additional.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-server.md b/packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/server.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-server.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/server.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-zip.md b/packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/zip.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/alternate_versions-zip.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/alternate-versions/zip.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/broken_version.md b/packages/moderation/src/data/messages/checklist/messages/versions/duplicate-primary-files.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/broken_version.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/duplicate-primary-files.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/incorrect_additional_files.md b/packages/moderation/src/data/messages/checklist/messages/versions/incorrect-additional-files.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/incorrect_additional_files.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/incorrect-additional-files.md
diff --git a/packages/moderation/src/data/messages/checklist/messages/versions/incorrect-loader.md b/packages/moderation/src/data/messages/checklist/messages/versions/incorrect-loader.md
new file mode 100644
index 000000000..17c12c713
--- /dev/null
+++ b/packages/moderation/src/data/messages/checklist/messages/versions/incorrect-loader.md
@@ -0,0 +1,4 @@
+## Incorrect Loader Labels
+
+Per section 5.7 of %RULES%, the loader labels on each of your %PROJECT_VERSIONS_FLINK% must accurately reflect what the uploaded files support.
+Currently, some of your versions appear to use the following incorrect loader label(s). Please remove these loaders from any affected versions before resubmitting your project:
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/invalid-datapacks.md b/packages/moderation/src/data/messages/checklist/messages/versions/incorrect-project-type/datapack.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/invalid-datapacks.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/incorrect-project-type/datapack.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/invalid-modpacks.md b/packages/moderation/src/data/messages/checklist/messages/versions/incorrect-project-type/modpack.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/invalid-modpacks.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/incorrect-project-type/modpack.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/invalid-resourcepacks.md b/packages/moderation/src/data/messages/checklist/messages/versions/incorrect-project-type/resourcepack.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/invalid-resourcepacks.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/incorrect-project-type/resourcepack.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/redist_libs.md b/packages/moderation/src/data/messages/checklist/messages/versions/redist-libs.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/redist_libs.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/redist-libs.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/unsupported_project.md b/packages/moderation/src/data/messages/checklist/messages/versions/unsupported.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/unsupported_project.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/unsupported.md
diff --git a/packages/moderation/src/data/messages/checklist-messages/versions/vanilla_assets.md b/packages/moderation/src/data/messages/checklist/messages/versions/vanilla-assets.md
similarity index 100%
rename from packages/moderation/src/data/messages/checklist-messages/versions/vanilla_assets.md
rename to packages/moderation/src/data/messages/checklist/messages/versions/vanilla-assets.md
diff --git a/packages/moderation/src/data/modpack-permissions-stage.ts b/packages/moderation/src/data/modpack-permissions-stage.ts
deleted file mode 100644
index eb0311977..000000000
--- a/packages/moderation/src/data/modpack-permissions-stage.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { Labrinth } from '@modrinth/api-client'
-import { PackageOpenIcon } from '@modrinth/assets'
-import type { ModerationModpackPermissionApprovalType } from '@modrinth/utils'
-
-import type { Stage } from '../types/stage'
-
-export default {
-	id: 'modpack-permissions',
-	title: 'Modpack Permissions',
-	icon: PackageOpenIcon,
-	// Replace me please.
-	guidance_url:
-		'https://www.notion.so/Content-Moderation-Cheat-Sheets-22d5ee711bf081a4920ef08879fe6bf5?source=copy_link#22d5ee711bf08116bd8bc1186f357062',
-	shouldShow: (project: Labrinth.Projects.v2.Project, projectV3) =>
-		project.project_type === 'modpack' && !projectV3?.minecraft_server,
-	actions: [
-		{
-			id: 'button',
-			type: 'button',
-			label: 'This dummy button must be present or the stage will not appear.',
-		},
-	],
-} as Stage
-
-export const finalPermissionMessages: Record<
-	ModerationModpackPermissionApprovalType['id'],
-	string | undefined
-> = {
-	yes: undefined,
-	'with-attribution-and-source': undefined,
-	'with-attribution': `The following content has attribution requirements, meaning that you must link back to the page where you originally found this content in your Modpack's description or version changelog (e.g. linking a mod's CurseForge page if you got it from CurseForge):`,
-	no: 'The following content is not allowed in Modrinth modpacks due to licensing restrictions. Please contact the author(s) directly for permission or remove the content from your modpack:',
-	'permanent-no': `The following content is not allowed in Modrinth modpacks, regardless of permission obtained. This may be because it breaks Modrinth's content rules or because the authors, upon being contacted for permission, have declined. Please remove the content from your modpack:`,
-	unidentified: `The following content could not be identified. Please provide proof of its origin along with proof that you have permission to include it:`,
-}
diff --git a/packages/moderation/src/data/nags/core.ts b/packages/moderation/src/data/nags/core.ts
index 5d9dc0d8e..faae1fce3 100644
--- a/packages/moderation/src/data/nags/core.ts
+++ b/packages/moderation/src/data/nags/core.ts
@@ -246,7 +246,7 @@ export const coreNags: Nag[] = [
 			id: 'nags.review-permissions.title',
 			defaultMessage: 'Review external permissions',
 		}),
-		description: (context: NagContext) => {
+		description: (_context: NagContext) => {
 			const { formatMessage } = useVIntl()
 			return formatMessage(
 				defineMessage({
diff --git a/packages/moderation/src/data/nags/links.ts b/packages/moderation/src/data/nags/links.ts
index d5e6fdcda..79da58de0 100644
--- a/packages/moderation/src/data/nags/links.ts
+++ b/packages/moderation/src/data/nags/links.ts
@@ -1,6 +1,8 @@
 import { defineMessage, formatProjectTypeSentence, useVIntl } from '@modrinth/ui'
 
 import type { Nag, NagContext } from '../../types/nags'
+import { licenseRequiresSource, licensesRequiringSource, notSourceAsDistributed } from '../../utils'
+import license from '../stages/license'
 
 export const commonLinkDomains = {
 	source: [
@@ -324,31 +326,6 @@ export const linksNags: Nag[] = [
 		},
 		status: 'required',
 		shouldShow: (context: NagContext) => {
-			const gplLicenses = [
-				'GPL-2.0',
-				'GPL-2.0+',
-				'GPL-2.0-only',
-				'GPL-2.0-or-later',
-				'GPL-3.0',
-				'GPL-3.0+',
-				'GPL-3.0-only',
-				'GPL-3.0-or-later',
-				'LGPL-2.1',
-				'LGPL-2.1+',
-				'LGPL-2.1-only',
-				'LGPL-2.1-or-later',
-				'LGPL-3.0',
-				'LGPL-3.0+',
-				'LGPL-3.0-only',
-				'LGPL-3.0-or-later',
-				'AGPL-3.0',
-				'AGPL-3.0+',
-				'AGPL-3.0-only',
-				'AGPL-3.0-or-later',
-				'MPL-2.0',
-			]
-
-			const isGplLicense = gplLicenses.includes(context.project.license.id)
 			const hasSourceUrl = !!context.project.source_url
 			const hasAdditionalFiles = (context: NagContext) => {
 				let hasAdditional = true
@@ -357,12 +334,10 @@ export const linksNags: Nag[] = [
 				})
 				return hasAdditional
 			}
-			const notSourceAsDistributed = (context: NagContext) =>
-				context.project.project_type === 'mod' || context.project.project_type === 'plugin'
 
 			return (
-				isGplLicense &&
-				notSourceAsDistributed(context) &&
+				licenseRequiresSource(context.projectV3.license.id) &&
+				notSourceAsDistributed(context.projectV3.project_types) &&
 				!hasSourceUrl &&
 				!hasAdditionalFiles(context)
 			)
diff --git a/packages/moderation/src/data/nags/server-projects.ts b/packages/moderation/src/data/nags/server-projects.ts
index 91339530f..c93e00bda 100644
--- a/packages/moderation/src/data/nags/server-projects.ts
+++ b/packages/moderation/src/data/nags/server-projects.ts
@@ -93,9 +93,9 @@ export const serverProjectsNags: Nag[] = [
 			)
 		},
 		status: 'required',
-		shouldShow: (context: NagContext) => {
-			// const languageCount = context.projectV3?.minecraft_server?.languages?.length || 0
-			return false //languageCount >= ALL_LANGUAGE_COUNT && context.projectV3?.minecraft_server != null
+		shouldShow: (_context: NagContext) => {
+			// const languageCount = _context.projectV3?.minecraft_server?.languages?.length || 0
+			return false //languageCount >= ALL_LANGUAGE_COUNT && _context.projectV3?.minecraft_server != null
 		},
 		link: {
 			path: 'settings/server',
diff --git a/packages/moderation/src/data/priorities.ts b/packages/moderation/src/data/priorities.ts
new file mode 100644
index 000000000..6aea35ea9
--- /dev/null
+++ b/packages/moderation/src/data/priorities.ts
@@ -0,0 +1,11 @@
+import { Priority } from '../types/priority'
+
+//TODO: chyz
+//TODO: coolbot do this
+export const Priorities = new (class extends Priority {
+	alerts = this.before()
+	rules = this.before()
+	rejected = this.before()
+	withheld = this.before()
+	note = this.after()
+})()
diff --git a/packages/moderation/src/data/stages/categories.ts b/packages/moderation/src/data/stages/categories.ts
deleted file mode 100644
index 89b37d9ee..000000000
--- a/packages/moderation/src/data/stages/categories.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { TagsIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const categories: Stage = {
-	title: "Are the project's tags accurate?",
-	id: 'tags',
-	icon: TagsIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf0802f96aafc0397a9f6d3',
-	navigate: '/settings/tags',
-	shouldShow: (project) =>
-		project.categories.length > 0 || project.additional_categories.length > 0,
-	text: async () => {
-		return (await import('../messages/checklist-text/categories.md?raw')).default
-	},
-	actions: [
-		{
-			id: 'categories_inaccurate',
-			type: 'button',
-			label: 'Inaccurate',
-			weight: 700,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			message: async () =>
-				(await import('../messages/checklist-messages/categories/inaccurate.md?raw')).default,
-			disablesActions: ['categories_optimization_misused', 'categories_resolutions_misused'],
-		} as ButtonAction,
-		{
-			id: 'categories_optimization_misused',
-			type: 'button',
-			label: 'Optimization',
-			weight: 701,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			shouldShow: (project) =>
-				project.categories.includes('optimization') ||
-				project.additional_categories.includes('optimization'),
-			message: async () =>
-				(await import('../messages/checklist-messages/categories/inaccurate.md?raw')).default +
-				(await import('../messages/checklist-messages/categories/optimization_misused.md?raw'))
-					.default,
-			disablesActions: ['categories_inaccurate', 'categories_resolutions_misused'],
-		} as ButtonAction,
-		{
-			id: 'categories_resolutions_misused',
-			type: 'button',
-			label: 'Resolutions',
-			weight: 702,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			shouldShow: (project) => project.project_type === 'resourcepack',
-			message: async () =>
-				(await import('../messages/checklist-messages/categories/inaccurate.md?raw')).default +
-				(await import('../messages/checklist-messages/categories/resolutions_misused.md?raw'))
-					.default,
-			disablesActions: ['categories_inaccurate', 'categories_optimization_misused'],
-		},
-	],
-}
-
-export default categories
diff --git a/packages/moderation/src/data/stages/categories.tsx b/packages/moderation/src/data/stages/categories.tsx
new file mode 100644
index 000000000..ea2154dbb
--- /dev/null
+++ b/packages/moderation/src/data/stages/categories.tsx
@@ -0,0 +1,76 @@
+import { TagsIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { fix, group, md, stage, toggle } from '../../types/node'
+import { arrayOrNone } from '../../utils'
+
+const resolutionTags = new Set(['8x-', '16x', '32x', '48x', '64x', '128x', '256x', '512x+'])
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	const inaccurateMsg = md('checklist/messages/tags/inaccurate')
+	const optimizationMsg = inaccurateMsg.concat(md('checklist/messages/tags/optimization-misused'))
+	const resolutionsMsg = inaccurateMsg.concat(md('checklist/messages/tags/resolutions-misused'))
+
+	return stage('tags', 'Tags')
+		.hint("Are the project's tags accurate?")
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf0802f96aafc0397a9f6d3',
+		)
+		.icon(TagsIcon)
+		.navigate('/settings/tags')
+		.shown(
+			computed(
+				() => project.value.categories.length > 0 || project.value.additional_categories.length > 0,
+			),
+		)
+		.children(
+			() => (
+				<div class="markdown-body w-full">
+					<strong>Featured Tags:</strong> {arrayOrNone(project.value.categories)}
+					<br />
+					<strong>Additional Tags:</strong> {arrayOrNone(project.value.additional_categories)}
+				</div>
+			),
+
+			group().children(
+				toggle('inaccurate', 'Inaccurate').suggestedStatus('flagged').severity('low').message(),
+
+				toggle('optimization-misused', 'Optimization')
+					.shown(
+						computed(
+							() =>
+								project.value.categories.includes('optimization') ||
+								project.value.additional_categories.includes('optimization'),
+						),
+					)
+					.suggestedStatus('flagged')
+					.severity('low')
+					.rawMessage(optimizationMsg)
+					.fix(
+						fix().project((patch) => {
+							patch.categories = project.value.categories.filter((c) => c !== 'optimization')
+							patch.additional_categories = project.value.additional_categories.filter(
+								(c) => c !== 'optimization',
+							)
+						}),
+					),
+
+				toggle('resolutions-misused', 'Resolutions')
+					.shown(computed(() => project.value.project_types.includes('resourcepack')))
+					.suggestedStatus('flagged')
+					.severity('low')
+					.rawMessage(resolutionsMsg)
+					.fix(
+						fix().project((patch) => {
+							patch.categories = project.value.categories.filter((c) => !resolutionTags.has(c))
+							patch.additional_categories = project.value.additional_categories.filter(
+								(c) => !resolutionTags.has(c),
+							)
+						}),
+					),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/description.ts b/packages/moderation/src/data/stages/description.ts
deleted file mode 100644
index fa41986c2..000000000
--- a/packages/moderation/src/data/stages/description.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-import { LibraryIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const description: Stage = {
-	title: 'Is the description sufficient, accurate, and accessible?',
-	id: 'description',
-	icon: LibraryIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf080508042e70089dd787e',
-	navigate: '/',
-	actions: [
-		{
-			id: 'description_insufficient_packs',
-			type: 'button',
-			label: 'Insufficient',
-			weight: 400,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			shouldShow: (project, projectV3) =>
-				project.project_type === 'modpack' && !projectV3?.minecraft_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/description/insufficient/insufficient-packs.md?raw')
-				).default,
-		} as ButtonAction,
-		{
-			id: 'description_insufficient_projects',
-			type: 'button',
-			label: 'Insufficient',
-			weight: 400,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			shouldShow: (project, projectV3) =>
-				project.project_type !== 'modpack' && !projectV3?.minecraft_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/description/insufficient/insufficient-projects.md?raw')
-				).default,
-		} as ButtonAction,
-		{
-			id: 'description_insufficient_servers',
-			type: 'button',
-			label: 'Insufficient',
-			weight: 400,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			shouldShow: (project, projectV3) => !!projectV3?.minecraft_java_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/description/insufficient/insufficient-servers.md?raw')
-				).default,
-		} as ButtonAction,
-		{
-			id: 'description_insufficient',
-			type: 'button',
-			label: 'Insufficient (custom)',
-			weight: 401,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/description/insufficient/insufficient.md?raw')
-				).default,
-			relevantExtraInput: [
-				{
-					label: 'Please elaborate on how the author can improve their description.',
-					variable: 'EXPLAINER',
-					large: true,
-					required: true,
-				},
-			],
-		} as ButtonAction,
-		{
-			id: 'description_non_english',
-			type: 'button',
-			label: 'Non-english',
-			weight: 402,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			shouldShow: (project, projectV3) => !projectV3?.minecraft_java_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/description/accessability/non-english/non-english.md?raw')
-				).default,
-		} as ButtonAction,
-		{
-			id: 'description_non_english-server',
-			type: 'button',
-			label: 'Non-english',
-			weight: 402,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			shouldShow: (project, projectV3) => !!projectV3?.minecraft_java_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/description/accessability/non-english/non-english-server.md?raw')
-				).default,
-		} as ButtonAction,
-		{
-			id: 'description_unfinished',
-			type: 'button',
-			label: 'Unfinished',
-			weight: 403,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			message: async () =>
-				(await import('../messages/checklist-messages/description/unfinished.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'description_headers_as_body',
-			type: 'button',
-			label: 'Headers as body text',
-			weight: 404,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/description/accessability/headers-as-body.md?raw')
-				).default,
-		} as ButtonAction,
-		{
-			id: 'description_image_only',
-			type: 'button',
-			label: 'Image-only',
-			weight: 405,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			message: async () =>
-				(await import('../messages/checklist-messages/description/accessability/image-only.md?raw'))
-					.default,
-		} as ButtonAction,
-		{
-			id: 'description_non_standard_text',
-			type: 'button',
-			label: 'Non-standard text',
-			weight: 406,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/description/accessability/non-standard-text.md?raw')
-				).default,
-		} as ButtonAction,
-		{
-			id: 'description_clarity',
-			type: 'button',
-			label: 'Unclear / Misleading',
-			weight: 407,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			message: async () =>
-				(await import('../messages/checklist-messages/description/clarity.md?raw')).default,
-		} as ButtonAction,
-	],
-}
-
-export default description
diff --git a/packages/moderation/src/data/stages/description.tsx b/packages/moderation/src/data/stages/description.tsx
new file mode 100644
index 000000000..3ca0cb169
--- /dev/null
+++ b/packages/moderation/src/data/stages/description.tsx
@@ -0,0 +1,87 @@
+import { LibraryIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { group, markdown, md, stage, toggle } from '../../types/node'
+
+const SHOW_SPOILER_ADVICE = ['spoilers']
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	return stage('description', 'Description')
+		.hint('Is the description sufficient, accurate, and accessible?')
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf080508042e70089dd787e',
+		)
+		.icon(LibraryIcon)
+		.navigate('/')
+		.children(
+			group()
+				.title('Description Issues?')
+				.children(
+					toggle('insufficient', 'Insufficient')
+						.suggestedStatus('flagged')
+						.severity('medium')
+						.message('insufficient/header', (s) => ({ CUSTOM_ADVICE: s.custom?.explainer }))
+						.children(
+							group()
+								.title('Why is this Description Insufficient?')
+								.multiSelect('reason')
+								.children(
+									toggle('custom', 'Custom').children(
+										markdown('explainer')
+											.title('How can the author improve their description?')
+											.required(),
+									),
+									toggle('fork', 'Fork').message('piece/fork'),
+									toggle('unfinished', 'Unfinished').message('piece/unfinished'),
+									toggle('spoilers', 'Spoilers').message('piece/spoilers'),
+								),
+						)
+						.collect(
+							() =>
+								`insufficient/default/${project.value?.minecraft_java_server ? 'servers' : project.value?.project_types?.includes('modpack') ? 'packs' : 'projects'}`,
+						)
+						.rawMessage(async (state) => {
+							const reasons = state?.reason instanceof Set ? state.reason : new Set<string>()
+							return SHOW_SPOILER_ADVICE.some((reason) => reasons.has(reason))
+								? await md('checklist/messages/description/insufficient/piece/spoiler-guide')(state)
+								: ''
+						}),
+
+					toggle('non-english', 'Non-english')
+						.suggestedStatus('flagged')
+						.severity('medium')
+						.message(() => `non-english${project.value.minecraft_java_server ? '-server' : ''}`)
+						.shown(
+							computed(() => {
+								return !(
+									!!project.value?.minecraft_java_server &&
+									!project.value.minecraft_server?.languages?.includes('en')
+								)
+							}),
+						),
+
+					toggle('headers-as-body', 'Headers as body text')
+						.suggestedStatus('flagged')
+						.severity('low')
+						.message(),
+
+					toggle('image-only', 'Image-only')
+						.suggestedStatus('flagged')
+						.severity('medium')
+						.message(),
+
+					toggle('non-standard-text', 'Non-standard text')
+						.suggestedStatus('flagged')
+						.severity('medium')
+						.message(),
+
+					toggle('clarity', 'Unclear / Misleading')
+						.suggestedStatus('rejected')
+						.severity('high')
+						.message(),
+				),
+		)
+}
diff --git a/packages/moderation/src/data/stages/environment/environment-multiple.ts b/packages/moderation/src/data/stages/environment/environment-multiple.ts
deleted file mode 100644
index d4f27051e..000000000
--- a/packages/moderation/src/data/stages/environment/environment-multiple.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { GlobeIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../../types/actions'
-import type { Stage } from '../../../types/stage'
-
-const environmentMultiple: Stage = {
-	title: "Is the project's environment information accurate?",
-	id: 'environment',
-	navigate: '/settings/versions',
-	icon: GlobeIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e25ee711bf0802d9a9bdb82dce040eb',
-	text: async () =>
-		(await import('../../messages/checklist-text/environment/environment-multiple.md?raw')).default,
-	shouldShow: (project, projectV3) =>
-		(projectV3?.environment?.length ?? 0) !== 1 && !projectV3?.minecraft_server,
-	actions: [
-		{
-			id: 'side_types_inaccurate',
-			type: 'button',
-			label: 'Inaccurate',
-			weight: 800,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			shouldShow: (project) => project.project_type === 'mod' || project.project_type === 'modpack',
-			message: async () =>
-				(await import('../../messages/checklist-messages/environment/inaccurate.md?raw')).default,
-		} as ButtonAction,
-	],
-}
-
-export default environmentMultiple
diff --git a/packages/moderation/src/data/stages/environment/environment.ts b/packages/moderation/src/data/stages/environment/environment.ts
deleted file mode 100644
index b86e42d9b..000000000
--- a/packages/moderation/src/data/stages/environment/environment.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { GlobeIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../../types/actions'
-import type { Stage } from '../../../types/stage'
-
-const environment: Stage = {
-	title: "Is the project's environment information accurate?",
-	id: 'environment',
-	navigate: '/settings/environment',
-	icon: GlobeIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e25ee711bf0802d9a9bdb82dce040eb',
-	text: async () =>
-		(await import('../../messages/checklist-text/environment/environment.md?raw')).default,
-	shouldShow: (project, projectV3) =>
-		(projectV3?.environment?.length ?? 0) === 1 && !projectV3?.minecraft_server,
-	actions: [
-		{
-			id: 'side_types_inaccurate',
-			type: 'button',
-			label: 'Inaccurate',
-			weight: 800,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			shouldShow: (project) => project.project_type === 'mod' || project.project_type === 'modpack',
-			message: async () =>
-				(await import('../../messages/checklist-messages/environment/inaccurate.md?raw')).default,
-		} as ButtonAction,
-	],
-}
-
-export default environment
diff --git a/packages/moderation/src/data/stages/gallery.ts b/packages/moderation/src/data/stages/gallery.ts
deleted file mode 100644
index e13e0db11..000000000
--- a/packages/moderation/src/data/stages/gallery.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { ImageIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const gallery: Stage = {
-	title: "Are this project's gallery images sufficient?",
-	id: 'gallery',
-	icon: ImageIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf08096828bd1c3f24d8b8e',
-	navigate: '/gallery',
-	actions: [
-		{
-			id: 'gallery_insufficient',
-			type: 'button',
-			label: 'Insufficient',
-			weight: 900,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/gallery/insufficient.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'gallery_not_relevant',
-			type: 'button',
-			label: 'Not relevant',
-			weight: 901,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			shouldShow: (project) => project.gallery && project.gallery.length > 0,
-			message: async () =>
-				(await import('../messages/checklist-messages/gallery/not-relevant.md?raw')).default,
-		} as ButtonAction,
-	],
-}
-
-export default gallery
diff --git a/packages/moderation/src/data/stages/gallery.tsx b/packages/moderation/src/data/stages/gallery.tsx
new file mode 100644
index 000000000..2bfe4b1ca
--- /dev/null
+++ b/packages/moderation/src/data/stages/gallery.tsx
@@ -0,0 +1,33 @@
+import { ImageIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { group, stage, toggle } from '../../types/node'
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	return stage('gallery', 'Gallery')
+		.hint("Are this project's gallery images sufficient?")
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf08096828bd1c3f24d8b8e',
+		)
+		.icon(ImageIcon)
+		.navigate('/gallery')
+		.children(
+			group().children(
+				toggle('insufficient', 'Insufficient').suggestedStatus('flagged').severity('low').message(),
+
+				toggle('not-relevant', 'Not relevant')
+					.shown(computed(() => project.value.gallery.length > 0))
+					.suggestedStatus('flagged')
+					.severity('low')
+					.message(),
+
+				toggle('showcase-clarity', 'Showcase Clarity')
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/license.ts b/packages/moderation/src/data/stages/license.ts
deleted file mode 100644
index 069b8d670..000000000
--- a/packages/moderation/src/data/stages/license.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { BookTextIcon } from '@modrinth/assets'
-
-import type { Stage } from '../../types/stage'
-
-const licensesNotRequiringSource: string[] = [
-	'LicenseRef-All-Rights-Reserved',
-	'Apache-2.0',
-	'BSD-2-Clause',
-	'BSD-3-Clause',
-	'CC0-1.0',
-	'CC-BY-4.0',
-	'CC-BY-SA-4.0',
-	'CC-BY-NC-4.0',
-	'CC-BY-NC-SA-4.0',
-	'CC-BY-ND-4.0',
-	'CC-BY-NC-ND-4.0',
-	'ISC',
-	'MIT',
-	'Zlib',
-]
-
-const licenseStage: Stage = {
-	title: 'Is this license and link valid?',
-	text: async () => (await import('../messages/checklist-text/licensing.md?raw')).default,
-	id: 'license',
-	icon: BookTextIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf080f8805df7d012a8f770',
-	navigate: '/settings/license',
-	shouldShow(project, projectV3) {
-		return !projectV3?.minecraft_server
-	},
-	actions: [
-		{
-			id: 'license_invalid_link',
-			type: 'button',
-			label: 'Invalid Link',
-			weight: 600,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			shouldShow: (project) => Boolean(project.license.url),
-			message: async () =>
-				(await import('../messages/checklist-messages/license/invalid_link.md?raw')).default,
-			enablesActions: [
-				{
-					id: 'license_invalid_link-custom_license',
-					type: 'toggle',
-					label: 'Invalid Link: Custom License',
-					weight: 601,
-					suggestedStatus: 'flagged',
-					severity: 'medium',
-					message: async () =>
-						(
-							await import('../messages/checklist-messages/license/invalid_link-custom_license.md?raw')
-						).default,
-				},
-			],
-		},
-		{
-			id: 'license_no_source',
-			type: 'conditional-button',
-			label: 'No Source',
-			suggestedStatus: 'rejected',
-			severity: 'medium',
-			shouldShow: (project) => !licensesNotRequiringSource.includes(project.license.id),
-			messageVariants: [
-				{
-					conditions: {
-						excludedActions: ['license_no_source-fork'],
-					},
-					weight: 602,
-					message: async () =>
-						(await import('../messages/checklist-messages/license/no_source.md?raw')).default,
-				},
-			],
-			fallbackWeight: 602,
-			fallbackMessage: async () => '',
-			enablesActions: [
-				{
-					id: 'license_no_source-fork',
-					type: 'toggle',
-					label: 'No Source: Fork',
-					weight: 602,
-					suggestedStatus: 'rejected',
-					severity: 'high',
-					message: async () =>
-						(await import('../messages/checklist-messages/license/no_source-fork.md?raw')).default,
-				},
-			],
-		},
-	],
-}
-
-export default licenseStage
diff --git a/packages/moderation/src/data/stages/license.tsx b/packages/moderation/src/data/stages/license.tsx
new file mode 100644
index 000000000..e595507dc
--- /dev/null
+++ b/packages/moderation/src/data/stages/license.tsx
@@ -0,0 +1,72 @@
+import { BookTextIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { check, group, md, type MessageFn, stage, toggle } from '../../types/node'
+import { promptSourceRequired } from '../../utils'
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	const noSourceForkMsg: MessageFn = md('checklist/messages/license/no-source-fork')
+	const noSourceMsg: MessageFn = md('checklist/messages/license/no-source')
+
+	const needSource = promptSourceRequired(project.value.license.id, project.value.project_types)
+
+	return stage('license', 'License')
+		.hint('Is this license and link valid?')
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf080f8805df7d012a8f770',
+		)
+		.icon(BookTextIcon)
+		.navigate('/settings/license')
+		.shown(computed(() => !project.value?.minecraft_server))
+		.children(
+			() => (
+				<div class="markdown-body w-full">
+					<strong>License id:</strong> {project.value.license?.id ?? 'None'}
+					<br />
+					<strong>License Link:</strong>{' '}
+					{project.value.license?.url ? (
+						<a href={project.value.license.url} target="_blank" class="underline">
+							{project.value.license.url}
+						</a>
+					) : (
+						'None'
+					)}
+					{needSource && (
+						<>
+							<br />
+							<strong>Source Link:</strong>{' '}
+							{project.value.link_urls?.source?.url ? (
+								<a href={project.value.link_urls.source.url} target="_blank" class="underline">
+									{project.value.link_urls.source.url}
+								</a>
+							) : (
+								'None'
+							)}
+						</>
+					)}
+				</div>
+			),
+			group().children(
+				toggle('invalid-link', 'Invalid Link')
+					.shown(computed(() => !!project.value.license?.url))
+					.suggestedStatus('flagged')
+					.severity('medium')
+					.message()
+					.children(check('custom-license', 'Invalid Link: Custom License').message())
+					.collect(),
+
+				toggle('no-source', 'No Source')
+					.shown(needSource)
+					.suggestedStatus('rejected')
+					.severity('medium')
+					.rawMessage(async (state) => {
+						if (state.fork) return noSourceForkMsg(state)
+						return noSourceMsg(state)
+					})
+					.children(check('fork', 'No Source: Fork').severity('high')),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/links.ts b/packages/moderation/src/data/stages/links.ts
deleted file mode 100644
index fc2d094c2..000000000
--- a/packages/moderation/src/data/stages/links.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { LinkIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const links: Stage = {
-	title: "Are the project's links accurate and accessible?",
-	id: 'links',
-	icon: LinkIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf08013b36cd75cbf1a9177',
-	navigate: '/settings/links',
-	shouldShow: (project, projectV3) =>
-		Boolean(
-			project.issues_url ||
-			project.source_url ||
-			project.wiki_url ||
-			project.discord_url ||
-			projectV3?.link_urls?.site ||
-			projectV3?.link_urls?.store ||
-			project.donation_urls.length > 0,
-		),
-	text: async (project, projectV3) => {
-		let text
-		if (projectV3?.minecraft_server)
-			text = (await import('../messages/checklist-text/links/server.md?raw')).default
-		else text = (await import('../messages/checklist-text/links/base.md?raw')).default
-
-		if (project.donation_urls && project.donation_urls.length > 0) {
-			text += (await import('../messages/checklist-text/links/donation/donations.md?raw')).default
-
-			for (const donation of project.donation_urls) {
-				text += (await import(`../messages/checklist-text/links/donation/donation.md?raw`)).default
-					.replace('{URL}', donation.url)
-					.replace('{PLATFORM}', donation.platform)
-			}
-		}
-
-		return text
-	},
-	actions: [
-		{
-			id: 'links_misused',
-			type: 'button',
-			label: 'Links are misused',
-			weight: 500,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			message: async () =>
-				(await import('../messages/checklist-messages/links/misused.md?raw')).default,
-			relevantExtraInput: [
-				{
-					label: 'What links are misused?',
-					variable: 'MISUSED_LINKS',
-					required: false,
-				},
-			],
-		} as ButtonAction,
-		{
-			id: 'links_inaccessible',
-			type: 'button',
-			label: 'Links are inaccessible',
-			weight: 510,
-			suggestedStatus: 'flagged',
-			// Theoretically a conditional could go here to prevent overlap of misuse and inaccessible messages repeating while still allowing for a multi-select in each.
-			// if links_misused was selected, send nothing.
-			message: async () =>
-				(await import('../messages/checklist-messages/links/not_accessible.md?raw')).default,
-			enablesActions: [
-				{
-					id: 'links_inaccessible_options',
-					type: 'multi-select-chips',
-					label: 'Warn of inaccessible link?',
-					shouldShow: (project) => Boolean(project.source_url || project.discord_url),
-					options: [
-						{
-							label: 'Source',
-							weight: 511,
-							shouldShow: (project) => Boolean(project.source_url),
-							message: async () =>
-								(await import('../messages/checklist-messages/links/not_accessible-source.md?raw'))
-									.default,
-						},
-						{
-							label: 'Discord',
-							weight: 512,
-							shouldShow: (project) => Boolean(project.discord_url),
-							message: async () =>
-								(await import('../messages/checklist-messages/links/not_accessible-discord.md?raw'))
-									.default,
-						},
-					],
-				},
-			],
-		} as ButtonAction,
-	],
-}
-
-export default links
diff --git a/packages/moderation/src/data/stages/links.tsx b/packages/moderation/src/data/stages/links.tsx
new file mode 100644
index 000000000..5110950ad
--- /dev/null
+++ b/packages/moderation/src/data/stages/links.tsx
@@ -0,0 +1,156 @@
+import { LinkIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import type { Ref } from 'vue'
+import { computed } from 'vue'
+
+import { group, md, mdOptional, stage, toggle } from '../../types/node'
+import type { ChildEntry, GroupNodeBuilder } from '../../types/node'
+import { promptSourceRequired } from '../..'
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+	const linkNames: Record<string, string> = {}
+
+	type LinkSectionBuilder = GroupNodeBuilder & {
+		children(...extras: ChildEntry[]): LinkSectionBuilder
+		label(badge: Ref<boolean>): LinkSectionBuilder
+	}
+
+	function linkSection(id: string, name: string): LinkSectionBuilder {
+		linkNames[id] = name
+		let showBadge: Ref<boolean> | undefined
+		const url = computed(() => project.value.link_urls[id]?.url)
+
+		const inner = group().children(
+			toggle('misused', 'Misused'),
+			toggle('inaccessible', 'Inaccessible'),
+		)
+
+		const outer = group(id)
+			.layout('column')
+			.shown(computed(() => !!url.value))
+			.children(
+				() => (
+					<div class="markdown-body w-full">
+						{showBadge?.value && (
+							<>
+								<strong>[📜]</strong>{' '}
+							</>
+						)}
+						<strong>{name}:</strong>{' '}
+						<a href={url.value} target="_blank" class="underline">
+							{url.value}
+						</a>
+					</div>
+				),
+				inner,
+			)
+
+		const builder = Object.assign(outer, {
+			children(...extras: ChildEntry[]) {
+				inner.children(...extras)
+				return builder
+			},
+			label(badge: Ref<boolean>) {
+				showBadge = badge
+				return builder
+			},
+		}) as LinkSectionBuilder
+
+		return builder
+	}
+
+	const showWarning = computed(() =>
+		promptSourceRequired(project.value.license.id, project.value.project_types),
+	)
+
+	const misusedKeys = new Set(['misused', 'empty'])
+
+	return stage('links', 'Links')
+		.hint("Are the project's links accurate and accessible?")
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf08013b36cd75cbf1a9177',
+		)
+		.icon(LinkIcon)
+		.navigate('/settings/links')
+		.shown(computed(() => Object.keys(project.value.link_urls).length > 0))
+		.suggestedStatus('flagged')
+		.severity('low')
+		.rawMessage(async (state) => {
+			const sections = Object.entries(state).filter(
+				([, s]) => s && typeof s === 'object' && !(s instanceof Set),
+			) as [string, Record<string, unknown>][]
+
+			const misused = sections.flatMap(([id, s]) =>
+				Object.keys(s)
+					.filter((t) => s[t] === true && misusedKeys.has(t))
+					.map((t) => [id, t] as const),
+			)
+			const inaccessible = sections.flatMap(([id, s]) =>
+				Object.keys(s)
+					.filter((t) => s[t] === true && !misusedKeys.has(t))
+					.map((t) => [id, t] as const),
+			)
+
+			if (!misused.length && !inaccessible.length) return ''
+
+			const linkLine = (id: string) =>
+				`- ${linkNames[id] ?? id}: \`${project.value.link_urls[id]?.url}\`\n`
+
+			const renderGroup = async (pairs: readonly (readonly [string, string])[]) => {
+				const byId = new Map<string, string[]>()
+				for (const [id, t] of pairs) {
+					if (!byId.has(id)) byId.set(id, [])
+					byId.get(id)!.push(t)
+				}
+				let out = ''
+				for (const [id, toggles] of byId) {
+					out += linkLine(id)
+					for (const t of toggles) {
+						const note = (await mdOptional(`checklist/messages/links/${id}/${t}`)(state)).trim()
+						if (note) out += `    - ${note}\n`
+					}
+				}
+				return out
+			}
+
+			let message = await md('checklist/messages/links/header')(state)
+
+			if (misused.length) {
+				message += await md('checklist/messages/links/misused-header')(state)
+				message += await renderGroup(misused)
+			}
+
+			if (inaccessible.length) {
+				message += await md('checklist/messages/links/inaccessible-header')(state)
+				message += await renderGroup(inaccessible)
+			}
+
+			return message
+		})
+		.children(
+			linkSection('issues', 'Issue tracker').children(toggle('disabled', 'Disabled')),
+
+			linkSection('source', 'Source code')
+				.label(showWarning)
+				.children(toggle('empty', 'Empty Repo')),
+
+			linkSection('wiki', 'Wiki page').children(toggle('disabled', 'Disabled')),
+
+			linkSection('discord', 'Discord invite').children(toggle('expiring', 'Expiring')),
+
+			linkSection('site', 'Website'),
+			linkSection('store', 'Store'),
+
+			group()
+				.layout('column')
+				.children(
+					linkSection('patreon', 'Patreon'),
+					linkSection('bmac', 'Buy Me A Coffee'),
+					linkSection('paypal', 'PayPal'),
+					linkSection('github', 'GitHub Sponsors'),
+					linkSection('ko-fi', 'Ko-fi'),
+					linkSection('other', 'Other'),
+				),
+		)
+}
diff --git a/packages/moderation/src/data/stages/metadata.tsx b/packages/moderation/src/data/stages/metadata.tsx
new file mode 100644
index 000000000..4aeda58cb
--- /dev/null
+++ b/packages/moderation/src/data/stages/metadata.tsx
@@ -0,0 +1,170 @@
+import type { Labrinth } from '@modrinth/api-client'
+import { DatabaseIcon } from '@modrinth/assets'
+import { ENVIRONMENTS_COPY, injectProjectPageContext, injectTags } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { dropdown, fix, group, md, option, stage, toggle } from '../../types/node'
+import { requiresEnvironmentInfo } from '../../utils'
+
+const loaderLabels: Record<string, string> = {
+	neoforge: 'NeoForge',
+	liteloader: 'LiteLoader',
+	datapack: 'Data Pack',
+	resourcepack: 'Resource Pack',
+}
+
+function formatLoaderLabel(id: string): string {
+	return (
+		loaderLabels[id] ??
+		id
+			.split(/[-_]/g)
+			.map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+			.join(' ')
+	)
+}
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+	const { loaders } = injectTags()
+
+	return (
+		stage('metadata', 'Metadata')
+			.hint("Are there any issues with this project's metadata?")
+			//TODO: update guidance here
+			.guidance(
+				'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e25ee711bf0802d9a9bdb82dce040eb',
+			)
+			.icon(DatabaseIcon)
+			.navigate('/versions')
+			.shown(computed(() => !project.value?.minecraft_server))
+			.children(
+				() => {
+					const env = project.value.environment ?? []
+					if (env.length === 1) {
+						return (
+							<div class="markdown-body w-full">
+								<strong>Environment:</strong>{' '}
+								<code>{ENVIRONMENTS_COPY[env[0]].title.defaultMessage ?? env[0]}</code>
+							</div>
+						)
+					}
+					return (
+						<div class="markdown-body w-full">
+							<strong>Unique environments:</strong> {env.length}
+							<br />
+							<strong>Environments:</strong>{' '}
+							<code>
+								{env.map((id) => ENVIRONMENTS_COPY[id].title.defaultMessage ?? id).join(', ')}
+							</code>
+						</div>
+					)
+				},
+
+				group().children(
+					toggle('environment', 'Environment')
+						.shown(computed(() => requiresEnvironmentInfo(project.value.project_types)))
+						.suggestedStatus('flagged')
+						.severity('low')
+						.rawMessage(async (state) => {
+							const correctEnvironment = state?.['correct-environment'] as string | undefined
+
+							let correct = ''
+							if (correctEnvironment === 'mixed')
+								correct = await md('checklist/messages/metadata/environment/mixed')(state)
+							else if (correctEnvironment)
+								correct = await md('checklist/messages/metadata/environment/correction', () => ({
+									SUGGESTED_ENVIRONMENT:
+										ENVIRONMENTS_COPY[correctEnvironment]?.title.defaultMessage ??
+										correctEnvironment,
+								}))(state)
+
+							return md('checklist/messages/metadata/environment/inaccurate', () => ({
+								CORRECT: correct,
+							}))(state)
+						})
+						.fix(
+							fix().project((patch, state) => {
+								const env = state['correct-environment'] as Labrinth.Projects.v3.Environment
+								if (!env || state['correct-environment'] === 'mixed') return
+								patch.environment = env
+							}),
+						)
+						.children(
+							group()
+								.title('Correct Environment')
+								.children(
+									dropdown('correct-environment')
+										.children(
+											...(Object.keys(ENVIRONMENTS_COPY) as Labrinth.Projects.v3.Environment[])
+												.filter((id) => id !== 'unknown')
+												.map((id) => option(id, ENVIRONMENTS_COPY[id].title.defaultMessage ?? id)),
+											option('mixed', 'Mixed'),
+										)
+										.none('Unknown'),
+								),
+						),
+					// TODO: chyz, fix pls (make into single set of buttons where current loaders start selected and non current start non selected
+					//					toggle('loader', `Loader${project.value.loaders.length > 1 ? 's' : ''}`).children(
+					//						group()
+					//							.title('Loader Issues?')
+					//							.action(
+					//								action()
+					//									.suggestedStatus('flagged')
+					//									.severity('medium')
+					//									.message(async (state) => {
+					//										//TODO: chyz
+					//										//TODO: coolbot this one is a bit of a doozy
+					//										const header = await md('checklist/messages/metadata/loader/incorrect')(state)
+					//										const selected = state.loaders
+					//										if (selected instanceof Set && selected.size > 0) {
+					//											const list = [...selected]
+					//												.map((id) => `- ${formatLoaderLabel(id)}`)
+					//												.join('\n')
+					//											return `${header}\n${list}`
+					//										}
+					//										return header
+					//									}),
+					//							)
+					//							.children(
+					//								toggle('incorrect', 'Incorrect').children(
+					//									group()
+					//										.title('Incorrect Loaders')
+					//										.multiSelect('loaders')
+					//										.children(
+					//											...project.value.loaders.map((id) => option(id, formatLoaderLabel(id))),
+					//										),
+					//								),
+					// TODO: chyz, this should be the same interface as incorrect, as a corrections scheme, with selected loaders default on.
+					//								toggle('missing', 'Missing').children(
+					//									group()
+					//										.title('Missing Loaders')
+					//										.multiSelect('loaders')
+					//										.children(
+					//											...(() => {
+					//												//TODO: chyz maybe this can be done better
+					//												// (plugin loaders and datapack are marked as valid for mods which makes this suck)
+					//												const existingTypes = new Set(
+					//													loaders.value
+					//														.filter((l) => project.value.loaders.includes(l.name))
+					//														.flatMap((l) => l.supported_project_types),
+					//												)
+					//												const referenceTypes =
+					//													existingTypes.size > 0
+					//														? existingTypes
+					//														: new Set(project.value.project_types)
+					//												return loaders.value
+					//													.filter(
+					//														(loader) =>
+					//															loader.supported_project_types.every((t) => referenceTypes.has(t)) &&
+					//															!project.value.loaders.includes(loader.name),
+					//													)
+					//													.map((loader) => option(loader.name, formatLoaderLabel(loader.name)))
+					//											})(),
+					//									)/
+					// ),
+					//							),
+					//					),
+				),
+			)
+	)
+}
diff --git a/packages/moderation/src/data/stages/other-rules.tsx b/packages/moderation/src/data/stages/other-rules.tsx
new file mode 100644
index 000000000..484d158c8
--- /dev/null
+++ b/packages/moderation/src/data/stages/other-rules.tsx
@@ -0,0 +1,104 @@
+import { ListBulletedIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { group, markdown, option, stage, toggle } from '../../types/node'
+
+//TODO: coolbot have fun :3
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	return stage('rules', 'Rule Following')
+		.hint('Does this project violate the rules?')
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e35ee711bf080709084f6269835607f',
+		)
+		.icon(ListBulletedIcon)
+		.navigate('/moderation')
+		.children(
+			group().children(
+				toggle('paid-access-server', 'Paid access server')
+					.shown(computed(() => !!project.value.minecraft_server))
+					.suggestedStatus('rejected')
+					.severity('critical')
+					.message(),
+
+				// TODO: chyz, the lists built by these message have empty line gaps.
+				toggle('prohibited-content', 'Prohibited Content')
+					.suggestedStatus('rejected')
+					.severity('critical')
+					.message('prohibited-content-header')
+					.collect()
+					.children(
+						group()
+							.multiSelect('options')
+							.title('Which Prohibited Content rules does this project violate?')
+							.children(
+								option('objectionable', 'Objectionable').message(),
+								option('discriminatory', 'Discriminatory or Explicit').message(),
+								option('ip-infringement', 'IP Infringement').message(),
+								option('legal-rights', 'Rights Violation').message(),
+								option('illegal-activity', 'Illegal Activity').message(),
+								option('harmful', 'Harmful or Deceptive').message(),
+								option('misleading', 'Misleading claims').message(),
+								option('impersonation', 'Impersonation').message(),
+								option('false-endorsement', 'False Endorsement').message(),
+								option('profanity', 'Profanity').message(),
+								option('undisclosed-upload', 'Undisclosed Data Upload').message(),
+								option('mojang-bypass', 'Mojang Bypass').message(),
+							),
+					),
+
+				toggle('cheat-or-hack-advertising', 'Hacks')
+					.suggestedStatus('rejected')
+					.severity('critical')
+					.message(),
+
+				toggle('server-side-opt-out', 'Opt-out')
+					.suggestedStatus('flagged')
+					.severity('high')
+					.message(),
+
+				toggle('server-side-opt-in', 'Opt-in')
+					.suggestedStatus('flagged')
+					.severity('high')
+					.message('server-side-opt-in-header')
+					.collect()
+					.children(
+						group()
+							.multiSelect('options')
+							.title('Which features require a Server-side Opt-in?')
+							.children(
+								option('x-ray', 'X-ray').message(),
+								option('aim-bot', 'Aim Assist').message(),
+								option('movement', 'Movement').message(),
+								option('pvp', 'PvP').message(),
+								option('hiding-mods', 'Anti 3.x').message(),
+								option('item-duplication', 'Dupe').message(),
+							),
+					),
+
+				toggle('excessive-languages', 'Excessive languages')
+					.shown(
+						computed(
+							() =>
+								!!project.value.minecraft_server &&
+								!!project.value.minecraft_server?.languages?.length &&
+								project.value.minecraft_server.languages.length > 4,
+						),
+					)
+					.suggestedStatus('flagged')
+					.severity('low')
+					.message(),
+
+				toggle('rule-breaking-other', 'Other')
+					// TODO: chyz, the required asterisk is on a separate line
+					.suggestedStatus('rejected')
+					.severity('critical')
+					.message(undefined, (state) => ({ MESSAGE: state.message }))
+					.children(
+						markdown('message').title('Explain how it infringes on content rules.').required(),
+					),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/permissions.ts b/packages/moderation/src/data/stages/permissions.ts
deleted file mode 100644
index cfc2f573d..000000000
--- a/packages/moderation/src/data/stages/permissions.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { SignatureIcon } from '@modrinth/assets'
-
-import type { Stage } from '../../types/stage'
-
-const permissions: Stage = {
-	title: 'Does this projects external content have any issues?',
-	id: 'permissions',
-	icon: SignatureIcon,
-	guidance_url: 'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892',
-	navigate: '/settings/permissions',
-	actions: [
-		{
-			id: 'invalid-permissions',
-			type: 'button',
-			label: 'Invalid permissions',
-			weight: 2000,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) =>
-				projectV3.project_types?.includes('modpack') && !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/externals-permissions/invalid.md?raw'))
-					.default,
-		},
-		{
-			id: 'prohibited-extrernal-content',
-			type: 'button',
-			label: 'Prohibited externals',
-			weight: 2001,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) =>
-				projectV3.project_types?.includes('modpack') && !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/externals-permissions/prohibited.md?raw'))
-					.default,
-		},
-		{
-			id: 'missing-permissions',
-			type: 'button',
-			label: 'Missing permissions',
-			weight: 2002,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) =>
-				projectV3.project_types?.includes('modpack') && !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/externals-permissions/missing.md?raw'))
-					.default,
-		},
-		{
-			id: 'non-commercial-external-content',
-			type: 'button',
-			label: 'Non-commercial externals',
-			weight: 2003,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) =>
-				projectV3.project_types?.includes('modpack') &&
-				projectV3.monetization_status === 'monetized' &&
-				!projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/externals-permissions/non-commercial.md?raw'))
-					.default,
-		},
-	],
-}
-
-export default permissions
diff --git a/packages/moderation/src/data/stages/permissions.tsx b/packages/moderation/src/data/stages/permissions.tsx
new file mode 100644
index 000000000..4baad99d5
--- /dev/null
+++ b/packages/moderation/src/data/stages/permissions.tsx
@@ -0,0 +1,46 @@
+import { SignatureIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { group, stage, toggle } from '../../types/node'
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	return stage('permissions', 'Modpack Permissions')
+		.hint("Does this project's external content have any issues?")
+		.guidance('https://www.notion.so/2e15ee711bf080e4a41df61bbab49892')
+		.icon(SignatureIcon)
+		.navigate('/settings/permissions')
+		.shown(
+			computed(
+				() =>
+					(project.value.project_types?.includes('modpack') ?? false) &&
+					!project.value.minecraft_server,
+			),
+		)
+		.children(
+			group().children(
+				toggle('invalid-permissions', 'Invalid permissions')
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+
+				toggle('prohibited-external-content', 'Prohibited externals')
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+
+				toggle('missing-permissions', 'Missing permissions')
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+
+				toggle('non-commercial-external-content', 'Non-commercial externals')
+					.shown(computed(() => project.value.monetization_status === 'monetized'))
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/post-approval.ts b/packages/moderation/src/data/stages/post-approval.ts
deleted file mode 100644
index 3b5d98149..000000000
--- a/packages/moderation/src/data/stages/post-approval.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-import { ScaleIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const postApproval: Stage = {
-	title: 'Issue warnings, notices, or takedowns?',
-	id: 'post-approval',
-	icon: ScaleIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#3475ee711bf080c5a13cda0b1e4ae9ed',
-	shouldShow: (project) => project.status === 'approved',
-	actions: [
-		{
-			id: 'issue_warning',
-			type: 'button',
-			label: 'Issue warning',
-			weight: 3000,
-			suggestedStatus: 'approved',
-			severity: 'low',
-			message: async () =>
-				(await import('../messages/checklist-messages/post-approval/issue-warning.md?raw')).default,
-		},
-		{
-			id: 'missed_deadline',
-			type: 'button',
-			label: 'Missed due date',
-			weight: -999,
-			suggestedStatus: 'flagged',
-			severity: 'high',
-			message: async () =>
-				(await import('../messages/checklist-messages/post-approval/missed-deadline.md?raw'))
-					.default,
-			disablesActions: ['issue_warning', 'metadata_issue'],
-			relevantExtraInput: [
-				{
-					label: 'What status is the project being set to?',
-					variable: 'STATUS',
-					required: true,
-				},
-			],
-		},
-		{
-			id: 'metadata_issue',
-			type: 'button',
-			label: 'Incorrect metadata',
-			weight: 0,
-			suggestedStatus: 'approved',
-			severity: 'low',
-			message: async () =>
-				(await import('../messages/checklist-messages/post-approval/metadata-issue.md?raw'))
-					.default,
-			enablesActions: [
-				{
-					id: 'dependencies',
-					type: 'button',
-					label: 'Missing Dependencies',
-					weight: 1,
-					severity: 'low',
-					message: async () =>
-						(await import('../messages/checklist-messages/misc-metadata/dependencies.md?raw'))
-							.default,
-					relevantExtraInput: [
-						{
-							label: 'Dependency Name',
-							variable: 'DEPENDENCY_NAME',
-							required: true,
-						},
-						{
-							label: 'Dependency Link',
-							variable: 'DEPENDENCY_LINK',
-							required: true,
-						},
-					],
-				},
-				{
-					id: 'mc_versions',
-					type: 'button',
-					label: 'Game versions',
-					weight: 2,
-					severity: 'low',
-					message: async () =>
-						(await import('../messages/checklist-messages/misc-metadata/mc-versions.md?raw'))
-							.default,
-					relevantExtraInput: [
-						{
-							label: 'Provide more details about game versions issue?',
-							variable: 'SPECIFICS',
-							required: false,
-							large: true,
-						},
-					],
-				},
-				{
-					id: 'loaders',
-					type: 'button',
-					label: 'Loaders',
-					weight: 3,
-					severity: 'low',
-					message: async () =>
-						(await import('../messages/checklist-messages/misc-metadata/loaders.md?raw')).default,
-					relevantExtraInput: [
-						{
-							label: 'Provide more details about loaders issue?',
-							variable: 'SPECIFICS',
-							required: false,
-							large: true,
-						},
-					],
-				},
-				{
-					id: 'license',
-					type: 'button',
-					label: 'Inconsistent Licensing',
-					weight: 4,
-					severity: 'low',
-					message: async () =>
-						(
-							await import('../messages/checklist-messages/misc-metadata/inconsistent-license.md?raw')
-						).default,
-				},
-			],
-		} as ButtonAction,
-	],
-}
-
-export default postApproval
diff --git a/packages/moderation/src/data/stages/post-approval.tsx b/packages/moderation/src/data/stages/post-approval.tsx
new file mode 100644
index 000000000..7ed9d3ecc
--- /dev/null
+++ b/packages/moderation/src/data/stages/post-approval.tsx
@@ -0,0 +1,72 @@
+import { ScaleIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { group, stage, text, toggle } from '../../types/node'
+
+//TODO chyz
+//TODO coolbot needs discussion
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	return stage('post-approval', 'Post-Approval')
+		.hint('Issue warnings, notices, or takedowns?')
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#3475ee711bf080c5a13cda0b1e4ae9ed',
+		)
+		.icon(ScaleIcon)
+		.shown(computed(() => project.value.status === 'approved'))
+		.children(
+			group().children(
+				toggle('issue-warning', 'Issue warning')
+					.suggestedStatus('approved')
+					.severity('low')
+					.message(),
+
+				toggle('missed-deadline', 'Missed due date')
+					.suggestedStatus('flagged')
+					.severity('high')
+					.message(undefined, (state) => ({
+						STATUS: state.status,
+					}))
+					.children(
+						//TODO: chyz this shouldn't need to be provided by moderator
+						text('status').title('What status is the project being set to?').required(),
+					),
+
+				toggle('metadata-issue', 'Incorrect metadata')
+					.suggestedStatus('approved')
+					.severity('low')
+					.message()
+					.children(
+						toggle('dependencies', 'Missing Dependencies')
+							.severity('low')
+							.message(undefined, (state) => ({
+								DEPENDENCY_NAME: state['dependency-name'],
+								DEPENDENCY_LINK: state['dependency-link'],
+							}))
+							.children(
+								text('dependency-name').title('Dependency name').required(),
+								text('dependency-link').title('Dependency link').required(),
+							),
+
+						toggle('mc-versions', 'Game versions')
+							.severity('low')
+							.message(undefined, (state) => ({
+								SPECIFICS: state.specifics,
+							}))
+							.children(text('specifics').title('More details about the game versions issue?')),
+
+						toggle('loaders', 'Loaders')
+							.severity('low')
+							.message(undefined, (state) => ({
+								SPECIFICS: state.specifics,
+							}))
+							.children(text('specifics').title('More details about the loaders issue?')),
+
+						toggle('license', 'Inconsistent Licensing').severity('low').message(),
+					)
+					.collect(),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/re-review.tsx b/packages/moderation/src/data/stages/re-review.tsx
new file mode 100644
index 000000000..0d1fd7d00
--- /dev/null
+++ b/packages/moderation/src/data/stages/re-review.tsx
@@ -0,0 +1,46 @@
+import { RefreshCwIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { APPROVED_PROJECT_STATUSES, REJECTED_PROJECT_STATUSES } from '@modrinth/utils'
+import { computed } from 'vue'
+
+import { group, stage, toggle } from '../../types/node'
+
+export default function () {
+	const { projectV3: project, thread } = injectProjectPageContext()
+
+	const wasReviewed = computed(() => {
+		if (project.value?.status !== 'processing') return false
+		const messages = thread.value?.messages ?? []
+		const lastApprovalIdx = messages.findLastIndex(
+			(m) =>
+				m.body.type === 'status_change' && APPROVED_PROJECT_STATUSES.includes(m.body.new_status),
+		)
+		return messages
+			.slice(lastApprovalIdx + 1)
+			.some(
+				(m) =>
+					m.body.type === 'status_change' && REJECTED_PROJECT_STATUSES.includes(m.body.new_status),
+			)
+	})
+
+	return stage('re-review', 'Re-Review')
+		.hint('Did the author ignore previous review messages?')
+		.icon(RefreshCwIcon)
+		.navigate('/moderation')
+		.shown(wasReviewed)
+		.children(
+			group().children(
+				toggle('ignored', 'Yes')
+					.suggestedStatus('flagged')
+					.severity('medium')
+					.message()
+					.children(
+						toggle('warning', 'Multiple times in a row')
+							.suggestedStatus('rejected')
+							.severity('high')
+							.message(),
+					)
+					.collect(),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/reupload.ts b/packages/moderation/src/data/stages/reupload.ts
deleted file mode 100644
index b5477319c..000000000
--- a/packages/moderation/src/data/stages/reupload.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-import { CopyrightIcon } from '@modrinth/assets'
-
-import type { ButtonAction, ToggleAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const reupload: Stage = {
-	title: 'Does the author have proper permissions to post this project?',
-	id: 'reupload',
-	icon: CopyrightIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e35ee711bf080d1a0a2cda3ff2ce997',
-	actions: [
-		{
-			id: 'reupload_reupload',
-			type: 'button',
-			label: 'Re-upload',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/reupload/reupload.md?raw')).default,
-			disablesActions: [
-				'reupload_unclear_fork',
-				'reupload_insufficient_fork',
-				'reupload_request_proof',
-				'reupload_identity_verification',
-				'reupload_request_proof_server',
-				'reupload_identity_verification_server',
-			],
-			relevantExtraInput: [
-				{
-					label: 'What is the title of the original project?',
-					variable: 'ORIGINAL_PROJECT',
-					required: true,
-					suggestions: ['Vanilla Tweaks'],
-				},
-				{
-					label: 'What is the author of the original project?',
-					variable: 'ORIGINAL_AUTHOR',
-					required: true,
-					suggestions: ['Vanilla Tweaks Team'],
-				},
-			],
-		} as ButtonAction,
-		{
-			id: 'reupload_unclear_fork',
-			type: 'button',
-			label: 'Unclear Fork',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/reupload/fork.md?raw')).default,
-			disablesActions: [
-				'reupload_reupload',
-				'reupload_insufficient_fork',
-				'reupload_request_proof',
-				'reupload_identity_verification',
-				'reupload_request_proof_server',
-				'reupload_identity_verification_server',
-			],
-		} as ButtonAction,
-		{
-			id: 'reupload_insufficient_fork',
-			type: 'button',
-			label: 'Insufficient Fork',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/reupload/insufficient_fork.md?raw')).default,
-			disablesActions: [
-				'reupload_unclear_fork',
-				'reupload_reupload',
-				'reupload_request_proof',
-				'reupload_identity_verification',
-				'reupload_request_proof_server',
-				'reupload_identity_verification_server',
-			],
-		} as ButtonAction,
-		{
-			id: 'reupload_request_proof',
-			type: 'button',
-			label: 'Proof of permissions',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			message: async () =>
-				(await import('../messages/checklist-messages/reupload/proof_of_permissions.md?raw'))
-					.default,
-			disablesActions: [
-				'reupload_reupload',
-				'reupload_unclear_fork',
-				'reupload_insufficient_fork',
-				'reupload_identity_verification',
-				'reupload_request_proof_server',
-				'reupload_identity_verification_server',
-			],
-		},
-		{
-			id: 'reupload_identity_verification',
-			type: 'button',
-			label: 'Verify Identity',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/reupload/identity-verification/identity_verification.md?raw')
-				).default,
-			relevantExtraInput: [
-				{
-					label: 'Where else can the project be found?',
-					variable: 'PLATFORM',
-					required: true,
-				},
-			],
-			disablesActions: [
-				'reupload_reupload',
-				'reupload_insufficient_fork',
-				'reupload_request_proof',
-				'reupload_request_proof_server',
-			],
-		},
-		{
-			id: 'reupload_identity_verification_server',
-			type: 'button',
-			label: 'Verify Identity',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) => !!projectV3?.minecraft_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/reupload/identity-verification/identity_verification-server.md?raw')
-				).default,
-			relevantExtraInput: [
-				{
-					label: 'known public contact method',
-					variable: 'CONTACT',
-					required: true,
-				},
-			],
-			disablesActions: [
-				'reupload_reupload',
-				'reupload_insufficient_fork',
-				'reupload_request_proof',
-				'reupload_request_proof_server',
-			],
-		},
-		{
-			id: 'reupload_request_proof_server',
-			type: 'button',
-			label: 'Reuploaded pack',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) =>
-				!!projectV3?.minecraft_server &&
-				projectV3?.minecraft_java_server?.content?.kind === 'modpack' &&
-				projectV3?.minecraft_java_server?.content?.['project_id'] === project.id,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/reupload/custom_server/custom_server_permissions.md?raw')
-				).default,
-			disablesActions: [
-				'reupload_reupload',
-				'reupload_unclear_fork',
-				'reupload_insufficient_fork',
-				'reupload_identity_verification',
-				'reupload_request_proof',
-			],
-		},
-		{
-			id: 'reupload_custom_pack_verification',
-			type: 'button',
-			label: 'Override verification',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) =>
-				!!projectV3?.minecraft_server &&
-				projectV3?.minecraft_java_server?.content?.kind === 'modpack' &&
-				projectV3?.minecraft_java_server?.content?.['project_id'] === project.id,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/reupload/custom_server/custom_server_overrides-verification.md?raw')
-				).default,
-			enablesActions: [
-				{
-					id: 'reupload_custom_pack_verification-list',
-					type: 'toggle',
-					label: 'List overrides?',
-					weight: 1101,
-					message: async () =>
-						(
-							await import('../messages/checklist-messages/reupload/custom_server/custom_server_overrides-verification-list.md?raw')
-						).default,
-					relevantExtraInput: [
-						{
-							label: 'Add list of overrides.',
-							variable: 'OVERRIDES',
-							large: true,
-							required: false,
-						},
-					],
-				},
-			],
-
-			disablesActions: [
-				'reupload_reupload',
-				'reupload_unclear_fork',
-				'reupload_insufficient_fork',
-				'reupload_identity_verification',
-				'reupload_request_proof',
-				'reupload_custom_pack_prohibited',
-			],
-		},
-		{
-			id: 'reupload_custom_pack_prohibited',
-			type: 'button',
-			label: 'Forbidden Overrides',
-			weight: 1100,
-			suggestedStatus: 'rejected',
-			severity: 'high',
-			shouldShow: (project, projectV3) =>
-				!!projectV3?.minecraft_server &&
-				projectV3?.minecraft_java_server?.content?.kind === 'modpack' &&
-				projectV3?.minecraft_java_server?.content?.['project_id'] === project.id,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/reupload/custom_server/custom_server_overrides-prohibited.md?raw')
-				).default,
-			relevantExtraInput: [
-				{
-					label: 'Add list of overrides.',
-					variable: 'OVERRIDES',
-					large: true,
-					required: true,
-				},
-			],
-			disablesActions: [
-				'reupload_reupload',
-				'reupload_unclear_fork',
-				'reupload_insufficient_fork',
-				'reupload_identity_verification',
-				'reupload_request_proof',
-				'reupload_custom_pack_verification',
-			],
-		},
-	],
-}
-
-export default reupload
diff --git a/packages/moderation/src/data/stages/reupload.tsx b/packages/moderation/src/data/stages/reupload.tsx
new file mode 100644
index 000000000..aa7906e97
--- /dev/null
+++ b/packages/moderation/src/data/stages/reupload.tsx
@@ -0,0 +1,104 @@
+import { CopyrightIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { check, group, markdown, stage, text, toggle } from '../../types/node'
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	const isServerModpack = computed(
+		() =>
+			!!project.value.minecraft_server &&
+			project.value.minecraft_java_server?.content?.kind === 'modpack' &&
+			project.value.minecraft_java_server?.content?.project_id === project.value.id,
+	)
+
+	return stage('reupload', 'Reupload')
+		.hint('Does the author have proper permissions to post this project?')
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e35ee711bf080d1a0a2cda3ff2ce997',
+		)
+		.icon(CopyrightIcon)
+		.navigate('/')
+		.children(
+			group().children(
+				toggle('reupload', 'Re-upload')
+					.shown(computed(() => !project.value.minecraft_server))
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(undefined, (state) => ({
+						ORIGINAL_PROJECT: state['original-project'],
+						ORIGINAL_AUTHOR: state['original-author'],
+					}))
+					.children(
+						text('original-project').title('Original Project Title').required(),
+						text('original-author').title('Original project Author').required(),
+					),
+
+				toggle('unclear-fork', 'Unclear Fork')
+					.shown(computed(() => !project.value.minecraft_server))
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+
+				toggle('insufficient-fork', 'Insufficient Fork')
+					.shown(computed(() => !project.value.minecraft_server))
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+
+				toggle('request-proof', 'Proof of permissions')
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+
+				toggle('identity-verification', 'Verify Identity')
+					.shown(computed(() => !project.value.minecraft_server))
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(undefined, (state) => ({
+						PLATFORM: state.platform,
+					}))
+					.children(text('platform').title('Where else can the project be found?').required()),
+
+				toggle('identity-verification-server', 'Verify Identity')
+					.shown(computed(() => !!project.value.minecraft_server))
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(undefined, (state) => ({
+						CONTACT: state.contact,
+					}))
+					.children(text('contact').title('Known public contact method').required()),
+
+				toggle('request-proof-server', 'Reuploaded pack')
+					.shown(isServerModpack)
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(),
+
+				toggle('custom-pack-verification', 'Override verification')
+					.shown(isServerModpack)
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message()
+					.children(
+						check('list', 'List overrides?')
+							.message(undefined, (state) => ({
+								OVERRIDES: state.overrides,
+							}))
+							.children(markdown('overrides').title('Add list of overrides.')),
+					)
+					.collect(),
+
+				toggle('custom-pack-prohibited', 'Forbidden Overrides')
+					.shown(isServerModpack)
+					.suggestedStatus('rejected')
+					.severity('high')
+					.message(undefined, (state) => ({
+						OVERRIDES: state.overrides,
+					}))
+					.children(markdown('overrides').title('Forbidden overrides list').required()),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/rule-following.ts b/packages/moderation/src/data/stages/rule-following.ts
deleted file mode 100644
index a5ef9887e..000000000
--- a/packages/moderation/src/data/stages/rule-following.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { ListBulletedIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const ruleFollowing: Stage = {
-	title: 'Does this project violate the rules?',
-	id: 'rule-following',
-	icon: ListBulletedIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e35ee711bf080709084f6269835607f',
-	navigate: '/moderation',
-	actions: [
-		{
-			id: 'rule_breaking_yes',
-			type: 'button',
-			label: 'Yes',
-			weight: 0,
-			suggestedStatus: 'rejected',
-			severity: 'critical',
-			message: async () =>
-				(await import('../messages/checklist-messages/rule-breaking.md?raw')).default,
-			relevantExtraInput: [
-				{
-					label: 'Please explain to the user how it infringes on our content rules.',
-					variable: 'MESSAGE',
-					required: true,
-					large: true,
-				},
-			],
-		} as ButtonAction,
-		{
-			id: 'paid_access_server',
-			type: 'button',
-			label: 'Paid access server',
-			weight: 0,
-			suggestedStatus: 'rejected',
-			severity: 'critical',
-			shouldShow(project, projectV3) {
-				return !!projectV3?.minecraft_server
-			},
-			message: async () =>
-				(await import('../messages/checklist-messages/paid-access-server.md?raw')).default,
-		},
-		{
-			id: 'excessive_languages',
-			type: 'button',
-			label: 'Excessive languages',
-			weight: 0,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			shouldShow(project, projectV3) {
-				return (
-					!!projectV3?.minecraft_server &&
-					!!projectV3?.minecraft_server?.languages?.length &&
-					projectV3?.minecraft_server?.languages?.length > 4
-				)
-			},
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/misc-metadata/excessive_languages-server.md?raw')
-				).default,
-		},
-	],
-}
-
-export default ruleFollowing
diff --git a/packages/moderation/src/data/stages/status-alerts.ts b/packages/moderation/src/data/stages/status-alerts.ts
deleted file mode 100644
index b8ab2e1bd..000000000
--- a/packages/moderation/src/data/stages/status-alerts.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { TriangleAlertIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const statusAlerts: Stage = {
-	title: `Is anything else affecting this project's status?`,
-	id: 'status-alerts',
-	icon: TriangleAlertIcon,
-	text: async () => (await import('../messages/checklist-text/status-alerts/text.md?raw')).default,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e35ee711bf080968699c397e470eca6',
-	navigate: '/moderation',
-	actions: [
-		{
-			id: 'status_corrections_applied',
-			type: 'button',
-			label: 'Corrections applied',
-			weight: -999999,
-			suggestedStatus: 'approved',
-			disablesActions: ['status_private_use', 'status_account_issues'],
-			shouldShow: (project) => project.status !== 'approved',
-			message: async () =>
-				(await import('../messages/checklist-messages/status-alerts/fixed.md?raw')).default,
-		},
-		{
-			id: 'status_corrections_applied-approved',
-			type: 'button',
-			label: 'Corrections applied',
-			weight: -999999,
-			suggestedStatus: 'approved',
-			disablesActions: ['status_private_use', 'status_account_issues'],
-			shouldShow: (project) => project.status === 'approved',
-			message: async () =>
-				(await import('../messages/checklist-messages/status-alerts/fixed-approved.md?raw'))
-					.default,
-		},
-		{
-			id: 'status_private_use',
-			type: 'button',
-			label: 'Private use',
-			weight: -999999,
-			suggestedStatus: 'flagged',
-			disablesActions: ['status_corrections_applied', 'status_account_issues'],
-			shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/status-alerts/private/private.md?raw'))
-					.default,
-		},
-		{
-			id: 'status_private_use-server',
-			type: 'button',
-			label: 'Private community',
-			weight: -999999,
-			suggestedStatus: 'flagged',
-			disablesActions: ['status_corrections_applied', 'status_account_issues'],
-			shouldShow: (project, projectV3) => !!projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/status-alerts/private/private-server.md?raw'))
-					.default,
-		},
-		{
-			id: 'status_server_use',
-			type: 'button',
-			label: 'Server use',
-			weight: -999999,
-			shouldShow: (project, projectV3) =>
-				project.project_type === 'modpack' && !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/status-alerts/serverpack.md?raw')).default,
-		},
-		{
-			id: 'status_account_issues',
-			type: 'button',
-			label: 'Account issues',
-			weight: -999999,
-			suggestedStatus: 'rejected',
-			disablesActions: ['status_corrections_applied', 'status_private_use'],
-			message: async () =>
-				(await import('../messages/checklist-messages/status-alerts/account_issues.md?raw'))
-					.default,
-		},
-		{
-			id: 'status_automod_confusion',
-			type: 'button',
-			label: `Automod confusion`,
-			weight: -999999,
-			shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/status-alerts/automod_confusion.md?raw'))
-					.default,
-		},
-		{
-			id: 'status_demonetized',
-			type: 'button',
-			label: `Demonetized`,
-			weight: -999999,
-			shouldShow: (project, projectV3) =>
-				projectV3.monetization_status === 'force-demonetized' &&
-				!projectV3.project_types?.includes('modpack') &&
-				!projectV3?.minecraft_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/status-alerts/demonetized/demonetized.md?raw')
-				).default,
-		},
-		{
-			id: 'status_demonetized_modpack',
-			type: 'button',
-			label: `Demonetized`,
-			weight: -999999,
-			shouldShow: (project, projectV3) =>
-				projectV3.monetization_status === 'force-demonetized' &&
-				projectV3.project_types?.includes('modpack') &&
-				!projectV3?.minecraft_server,
-			message: async () =>
-				(
-					await import('../messages/checklist-messages/status-alerts/demonetized/demonetized-modpack.md?raw')
-				).default,
-		},
-	],
-}
-
-export default statusAlerts
diff --git a/packages/moderation/src/data/stages/status-alerts.tsx b/packages/moderation/src/data/stages/status-alerts.tsx
new file mode 100644
index 000000000..12e940aa4
--- /dev/null
+++ b/packages/moderation/src/data/stages/status-alerts.tsx
@@ -0,0 +1,118 @@
+import { TriangleAlertIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import type { Ref } from 'vue'
+import { computed } from 'vue'
+
+import type { NodeState, StageNodeBuilder } from '../../types/node'
+import {
+	NodeBuilder,
+	getBooleanChildState,
+	group,
+	isNodeActive,
+	resolveChildren,
+	stage,
+	toggle,
+	walkNodes,
+} from '../../types/node'
+import { Priorities } from '../priorities.ts'
+
+export default function (
+	mainStages: StageNodeBuilder[],
+	globalState: Ref<Record<string, Record<string, NodeState>>>,
+) {
+	const { projectV3: project } = injectProjectPageContext()
+
+	return stage('status-alerts', 'Status Alerts')
+		.hint(`Is anything else affecting this project's status?`)
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e35ee711bf080968699c397e470eca6',
+		)
+		.icon(TriangleAlertIcon)
+		.navigate('/moderation')
+		.children(
+			() => (
+				<div class="markdown-body w-full">
+					<strong>Applying for:</strong> <code>{project.value.requested_status ?? 'unknown'}</code>
+				</div>
+			),
+
+			group().children(
+				toggle('corrections-applied', 'Corrections applied')
+					.suggestedStatus('approved')
+					.message(
+						() => `corrections-applied${project.value.status === 'approved' ? '-approved' : ''}`,
+					)
+					//TODO this is temporary
+					.priority(Priorities.alerts)
+					.applyFixes()
+					.children(
+						computed<NodeBuilder | null>(() => {
+							const fixNodes: NodeBuilder[] = []
+							walkNodes(
+								[group().children(...mainStages)],
+								(globalState.value ?? {}) as unknown as Record<string, NodeState>,
+								(node, nodeState) => {
+									if (!node._fixes.length) return
+									if (!isNodeActive(node, nodeState)) return
+									const childState = getBooleanChildState(nodeState)
+									fixNodes.push(
+										...resolveChildren(node, childState).filter(
+											(c): c is NodeBuilder => c instanceof NodeBuilder,
+										),
+									)
+								},
+							)
+							return fixNodes.length > 0 ? group().children(...fixNodes) : null
+						}),
+					),
+
+				//TODO: chyz combine these
+				toggle('private-use', 'Private use')
+					.shown(computed(() => !project.value.minecraft_server))
+					.suggestedStatus('flagged')
+					.message()
+					.priority(Priorities.alerts),
+
+				toggle('private-use-server', 'Private community')
+					.shown(computed(() => !!project.value.minecraft_server))
+					.suggestedStatus('flagged')
+					.message()
+					.priority(Priorities.alerts),
+
+				toggle('server-use', 'Server use')
+					.shown(
+						computed(
+							() =>
+								project.value.project_types.includes('modpack') && !project.value.minecraft_server,
+						),
+					)
+					.message(),
+
+				toggle('account-issues', 'Account issues').suggestedStatus('rejected').message(),
+
+				toggle('demonetized', 'Demonetized')
+					.shown(
+						computed(
+							() =>
+								project.value.monetization_status === 'force-demonetized' &&
+								!project.value.project_types.includes('modpack') &&
+								!project.value.minecraft_server,
+						),
+					)
+					.message()
+					.priority(Priorities.alerts),
+
+				toggle('demonetized-modpack', 'Demonetized')
+					.shown(
+						computed(
+							() =>
+								project.value.monetization_status === 'force-demonetized' &&
+								project.value.project_types.includes('modpack') &&
+								!project.value.minecraft_server,
+						),
+					)
+					.message()
+					.priority(Priorities.alerts),
+			),
+		)
+}
diff --git a/packages/moderation/src/data/stages/summary.ts b/packages/moderation/src/data/stages/summary.ts
deleted file mode 100644
index 6710d0cc6..000000000
--- a/packages/moderation/src/data/stages/summary.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { AlignLeftIcon } from '@modrinth/assets'
-
-import type { ButtonAction } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const summary: Stage = {
-	title: "Is the project's summary sufficient?",
-	text: async () => (await import('../messages/checklist-text/summary/summary.md?raw')).default,
-	id: 'summary',
-	icon: AlignLeftIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf080bfb5e5c7c6211c693b',
-	actions: [
-		{
-			id: 'summary_insufficient',
-			type: 'button',
-			label: 'Insufficient',
-			weight: 300,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			disablesActions: ['summary_repeat_title'],
-			message: async () =>
-				(await import('../messages/checklist-messages/summary/insufficient.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'summary_repeat_title',
-			type: 'button',
-			label: 'Repeat of title',
-			weight: 300,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			disablesActions: ['summary_insufficient'],
-			message: async () =>
-				(await import('../messages/checklist-messages/summary/repeat-title.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'summary_formatting',
-			type: 'button',
-			label: 'Formatting',
-			weight: 301,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			message: async () =>
-				(await import('../messages/checklist-messages/summary/formatting.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'summary_non_english',
-			type: 'button',
-			label: 'Non-english',
-			weight: 302,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			message: async () =>
-				(await import('../messages/checklist-messages/summary/non-english.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'summary_repeat_ip',
-			type: 'button',
-			label: 'Repeat of IP',
-			weight: 303,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			shouldShow: (project, projectV3) => !!projectV3?.minecraft_server,
-			message: async () =>
-				(await import('../messages/checklist-messages/summary/repeat-ip.md?raw')).default,
-		},
-	],
-}
-
-export default summary
diff --git a/packages/moderation/src/data/stages/summary.tsx b/packages/moderation/src/data/stages/summary.tsx
new file mode 100644
index 000000000..050c7451c
--- /dev/null
+++ b/packages/moderation/src/data/stages/summary.tsx
@@ -0,0 +1,69 @@
+import { AlignLeftIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { group, stage, toggle } from '../../types/node'
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	return stage('summary', 'Summary')
+		.hint("Is the project's summary sufficient?")
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf080bfb5e5c7c6211c693b',
+		)
+		.icon(AlignLeftIcon)
+		.children(
+			() => {
+				if (!project.value.summary) return null
+				return (
+					<div class="markdown-body w-full">
+						<strong>Summary:</strong>
+						<br />
+						<code>{project.value.summary}</code>
+					</div>
+				)
+			},
+
+			group()
+				.title('Summary Issues?')
+				.children(
+					toggle('insufficient', 'Insufficient')
+						.enabled((state) => !state['repeat-title'])
+						.suggestedStatus('flagged')
+						.severity('low')
+						.message(),
+
+					toggle('repeat-title', 'Repeat of Title')
+						.enabled((state) => !state.insufficient)
+						.suggestedStatus('flagged')
+						.severity('low')
+						.message(),
+
+					toggle('formatting', 'Formatting').suggestedStatus('flagged').severity('low').message(),
+
+					toggle('non-english', 'Non-english')
+						.suggestedStatus('flagged')
+						.severity('medium')
+						.message()
+						.shown(
+							computed(() => {
+								if (
+									!!project.value?.minecraft_java_server &&
+									!project.value.minecraft_server?.languages?.includes('en')
+								) {
+									return false
+								} else {
+									return true
+								}
+							}),
+						),
+
+					toggle('repeat-ip', 'Repeat of IP')
+						.shown(computed(() => !!project.value?.minecraft_server))
+						.suggestedStatus('flagged')
+						.severity('medium')
+						.message(),
+				),
+		)
+}
diff --git a/packages/moderation/src/data/stages/title-slug.ts b/packages/moderation/src/data/stages/title-slug.ts
deleted file mode 100644
index 4f880423c..000000000
--- a/packages/moderation/src/data/stages/title-slug.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import type { Labrinth } from '@modrinth/api-client'
-import { BookOpenIcon } from '@modrinth/assets'
-
-import type { Stage } from '../../types/stage'
-
-function hasCustomSlug(project: Labrinth.Projects.v2.Project): boolean {
-	return (
-		project.slug !==
-		project.title
-			.trim()
-			.toLowerCase()
-			.replaceAll(' ', '-')
-			.replaceAll(/[^a-zA-Z0-9!@$()`.+,_"-]/g, '')
-			.replaceAll(/--+/gm, '-')
-	)
-}
-
-const titleSlug: Stage = {
-	title: 'Are the Name and URL accurate and appropriate?',
-	id: 'title-&-slug',
-	text: async (project) => {
-		let text = (await import('../messages/checklist-text/title-slug/title.md?raw')).default
-		if (hasCustomSlug(project))
-			text += (await import('../messages/checklist-text/title-slug/slug.md?raw')).default
-		return text
-	},
-	icon: BookOpenIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf0803c9660e90f0fead705',
-	actions: [
-		{
-			id: 'title_useless_info',
-			type: 'button',
-			label: 'Contains useless info',
-			weight: 100,
-			suggestedStatus: 'flagged',
-			severity: 'low',
-			message: async () =>
-				(await import('../messages/checklist-messages/title/useless-info.md?raw')).default,
-		},
-		{
-			id: 'title_minecraft_branding',
-			type: 'button',
-			label: 'Minecraft title',
-			weight: 100,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			message: async () =>
-				(await import('../messages/checklist-messages/title/minecraft-branding.md?raw')).default,
-		},
-		{
-			id: 'title_similarities',
-			type: 'button',
-			label: 'Title similarities',
-			weight: 110,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			message: async () =>
-				(await import('../messages/checklist-messages/title/similarities.md?raw')).default,
-			enablesActions: [
-				{
-					id: 'title_similarities_options',
-					type: 'multi-select-chips',
-					label: 'Similarities additional info',
-					options: [
-						{
-							label: 'Modpack named after mod',
-							weight: 111,
-							shouldShow: (project) => project.project_type === 'modpack',
-							message: async () =>
-								(await import('../messages/checklist-messages/title/similarities-modpack.md?raw'))
-									.default,
-						},
-						{
-							label: 'Forked project',
-							weight: 112,
-							shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-							message: async () =>
-								(await import('../messages/checklist-messages/title/similarities-fork.md?raw'))
-									.default,
-						},
-					],
-				},
-			],
-		},
-		{
-			id: 'slug_misused_options',
-			type: 'multi-select-chips',
-			label: 'Slug issues?',
-			suggestedStatus: 'rejected',
-			severity: 'low',
-			shouldShow: (project) => hasCustomSlug(project),
-			options: [
-				{
-					label: 'Misused',
-					weight: 200,
-					message: async () =>
-						(await import('../messages/checklist-messages/slug/misused.md?raw')).default,
-				},
-			],
-		},
-	],
-}
-
-export default titleSlug
diff --git a/packages/moderation/src/data/stages/title-slug.tsx b/packages/moderation/src/data/stages/title-slug.tsx
new file mode 100644
index 000000000..8ae8be152
--- /dev/null
+++ b/packages/moderation/src/data/stages/title-slug.tsx
@@ -0,0 +1,338 @@
+import type { Labrinth } from '@modrinth/api-client'
+import { ModrinthApiError } from '@modrinth/api-client'
+import {
+	BookOpenIcon,
+	TagCategoryRefreshCcwIcon,
+	TagCategoryWandSparklesIcon,
+	UserPlusIcon,
+} from '@modrinth/assets'
+import { Alert, injectModrinthClient, injectProjectPageContext } from '@modrinth/ui'
+import { useQueryClient } from '@tanstack/vue-query'
+import { computed, ref, watch } from 'vue'
+
+import { md, type NodeState } from '../../types/node'
+import { button, fix, group, option, stage, text, toggle } from '../../types/node'
+
+const STALE_TIME = 1000 * 60 * 5
+
+type AutoSlugStatus = 'loading' | 'available' | 'unavailable'
+type SlugValidation = 'checking' | 'available' | 'unchanged' | 'taken' | null
+
+//TODO: make this not a copy of frontend/src/utils/slugs.generateUrlSlug
+// (as in move the other one so we can use it here)
+function generateUrlSlug(value: string) {
+	return value
+		.trim()
+		.toLowerCase()
+		.replaceAll(' ', '-')
+		.replaceAll(/[^a-zA-Z0-9._-]/g, '')
+		.replaceAll(/--+/gm, '-')
+}
+
+function hasCustomSlug(project: Labrinth.Projects.v3.Project) {
+	return generateUrlSlug(project.name) !== project.slug
+}
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+	const client = injectModrinthClient()
+	const queryClient = useQueryClient()
+
+	const autoSlugStatus = ref<AutoSlugStatus>('loading')
+	const resolvedAutoSlug = ref<string | null>(null)
+	const correctSlugConflict = ref<Labrinth.Projects.v3.Project | null>(null)
+	const autoSlugConflict = ref<Labrinth.Projects.v3.Project | null>(null)
+	const ownerUsername = ref<string | null>(null)
+	const slugValidation = ref<SlugValidation>(null)
+	let slugDebounceTimer: ReturnType<typeof setTimeout> | undefined
+
+	function currentSlug(state: Record<string, NodeState>) {
+		return (
+			(state['correct-slug'] as string | undefined) ?? resolvedAutoSlug.value ?? project.value.slug
+		)
+	}
+
+	async function checkSlugTaken(slug: string): Promise<Labrinth.Projects.v3.Project | null> {
+		try {
+			return await queryClient.fetchQuery({
+				queryKey: ['project', 'v3', slug],
+				queryFn: () => client.labrinth.projects_v3.get(slug),
+				staleTime: STALE_TIME,
+			})
+		} catch (e) {
+			if (e instanceof ModrinthApiError && e.statusCode === 404) return null
+			throw e
+		}
+	}
+
+	const SlugStatus = () => {
+		const v = slugValidation.value
+		if (v === null) return null
+		if (v === 'checking')
+			return (
+				<Alert type="checking" class="w-full">
+					Checking availability…
+				</Alert>
+			)
+		if (v === 'unchanged')
+			return (
+				<Alert type="warning" class="w-full">
+					Already the current slug
+				</Alert>
+			)
+		if (v === 'available')
+			return (
+				<Alert type="success" class="w-full">
+					Slug is available
+				</Alert>
+			)
+		const by = correctSlugConflict.value
+		return (
+			<Alert type="error" class="w-full">
+				Slug taken
+				{by ? (
+					<>
+						{' by '}
+						<a href={`/project/${by.slug}`} target="_blank" class="underline">
+							{by.name}
+						</a>
+						{` (${by.status})`}
+					</>
+				) : null}
+			</Alert>
+		)
+	}
+
+	watch(
+		[() => project.value.name, () => project.value.slug],
+		async ([name]) => {
+			clearTimeout(slugDebounceTimer)
+			autoSlugStatus.value = 'loading'
+			resolvedAutoSlug.value = null
+			correctSlugConflict.value = null
+			autoSlugConflict.value = null
+			slugValidation.value = null
+
+			if (!hasCustomSlug(project.value)) {
+				autoSlugStatus.value = 'available'
+				resolvedAutoSlug.value = generateUrlSlug(name)
+				return
+			}
+
+			const autoSlug = generateUrlSlug(name)
+
+			try {
+				const [conflict, members] = await Promise.all([
+					checkSlugTaken(autoSlug),
+					ownerUsername.value === null
+						? queryClient.fetchQuery({
+								queryKey: ['project', project.value.id, 'members'],
+								queryFn: () => client.labrinth.projects_v3.getMembers(project.value.id),
+								staleTime: STALE_TIME,
+							})
+						: null,
+				])
+
+				if (members) {
+					const owner = members.find((m) => m.is_owner) ?? members[0]
+					ownerUsername.value = owner
+						? owner.user.username.toLowerCase().replaceAll(/[^a-z0-9-]/g, '') || null
+						: null
+				}
+
+				if (!conflict) {
+					resolvedAutoSlug.value = autoSlug
+					autoSlugStatus.value = 'available'
+					return
+				}
+
+				autoSlugConflict.value = conflict
+
+				if (ownerUsername.value) {
+					const withUser = `${autoSlug}-${ownerUsername.value}`
+					const conflict2 = await checkSlugTaken(withUser)
+					if (!conflict2) {
+						resolvedAutoSlug.value = withUser
+						autoSlugStatus.value = 'available'
+						return
+					}
+				}
+			} catch {}
+
+			autoSlugStatus.value = 'unavailable'
+		},
+		{ immediate: true },
+	)
+
+	return stage('title-slug', 'Title & Slug')
+		.hint('Are the Name and URL accurate and appropriate?')
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e15ee711bf0803c9660e90f0fead705',
+		)
+		.icon(BookOpenIcon)
+		.children(
+			() => {
+				if (!hasCustomSlug(project.value)) {
+					return (
+						<div class="markdown-body w-full">
+							<strong>Title:</strong> {project.value.name}
+						</div>
+					)
+				}
+				const by = autoSlugConflict.value
+				return (
+					<div class="markdown-body w-full">
+						<strong>Title:</strong> {project.value.name}
+						<br />
+						<strong>Slug:</strong> <code>{project.value.slug}</code>
+						<br />
+						<strong>Slug Taken:</strong>{' '}
+						{autoSlugStatus.value === 'loading' ? (
+							'...'
+						) : by ? (
+							<>
+								<a href={`/project/${by.slug}`} target="_blank" class="underline">
+									{by.name}
+								</a>
+								{` (${by.status})`}
+							</>
+						) : (
+							'No'
+						)}
+					</div>
+				)
+			},
+
+			group('title')
+				.title('Title Issues?')
+				.children(
+					toggle('useless-info', 'Contains Useless Info')
+						.suggestedStatus('flagged')
+						.severity('low')
+						.message(),
+
+					toggle('minecraft-branding', 'Minecraft Title')
+						.suggestedStatus('flagged')
+						.severity('medium')
+						.message(),
+
+					toggle('similarities', 'Title Similarities')
+						.suggestedStatus('flagged')
+						.severity('medium')
+						.message()
+						.children(
+							group()
+								.title('Similarities Additional Info')
+								.multiSelect('options')
+								.children(
+									option('modpack', 'Modpack Named After Mod')
+										.shown(computed(() => project.value.project_types.includes('modpack')))
+										.message(),
+
+									option('fork', 'Forked Project')
+										.shown(computed(() => !project.value?.minecraft_server))
+										.message(),
+								),
+						)
+						.collect(),
+				),
+
+			group('slug')
+				.title('Slug Issues')
+				.shown(computed(() => hasCustomSlug(project.value)))
+				.children(
+					group()
+						.multiSelect('issues')
+						.children(
+							toggle('misused', 'Misused')
+								.children(
+									group()
+										.title('Correct Slug')
+										.children(
+											text('correct-slug')
+												.initial(() => resolvedAutoSlug.value ?? project.value.slug)
+												.onChange((value, { override }) => {
+													if (!value) return override(project.value.slug ?? '')
+													clearTimeout(slugDebounceTimer)
+													if (value === project.value.slug) {
+														slugValidation.value = 'unchanged'
+														return
+													}
+													slugValidation.value = 'checking'
+													slugDebounceTimer = setTimeout(async () => {
+														const conflict = await checkSlugTaken(value).catch(() => null)
+														if (conflict !== null && conflict.id !== project.value.id) {
+															correctSlugConflict.value = conflict
+															slugValidation.value = 'taken'
+														} else {
+															correctSlugConflict.value = null
+															slugValidation.value = 'available'
+														}
+													}, 400)
+												}),
+
+											button()
+												.icon(TagCategoryWandSparklesIcon)
+												.tooltip(computed(() => resolvedAutoSlug.value ?? ''))
+												.enabled(
+													(state) =>
+														autoSlugStatus.value === 'available' &&
+														resolvedAutoSlug.value !== null &&
+														resolvedAutoSlug.value !== currentSlug(state),
+												)
+												.onClick((state) => {
+													if (resolvedAutoSlug.value) state['correct-slug'] = resolvedAutoSlug.value
+												}),
+
+											button()
+												.icon(UserPlusIcon)
+												.tooltip((state) => {
+													const current = currentSlug(state)
+													if (!ownerUsername.value || current?.includes(ownerUsername.value))
+														return current ?? ''
+													return `${current}-${ownerUsername.value}`
+												})
+												.enabled(
+													(state) =>
+														ownerUsername.value !== null &&
+														!currentSlug(state)?.includes(ownerUsername.value),
+												)
+												.onClick((state) => {
+													state['correct-slug'] = `${currentSlug(state)}-${ownerUsername.value}`
+												}),
+
+											button()
+												.icon(TagCategoryRefreshCcwIcon)
+												.tooltip(computed(() => project.value.slug ?? ''))
+												.enabled((state) => currentSlug(state) !== project.value.slug)
+												.onClick((state) => {
+													state['correct-slug'] = project.value.slug
+												}),
+
+											SlugStatus,
+										),
+								)
+								.rawMessage(async (state) => {
+									let correct = ''
+									if (slugValidation.value === 'available') {
+										const slug = state['correct-slug'] as string | undefined
+										if (slug)
+											correct = await md('checklist/messages/title-slug/slug/correction', () => ({
+												SUGGESTED_SLUG: slug,
+											}))(state)
+									}
+									return md('checklist/messages/title-slug/slug/misused', () => ({
+										CORRECT: correct,
+									}))(state)
+								})
+								.fix(
+									fix().project((patch, state) => {
+										const slug = state['correct-slug'] as string
+										if (!slug) return
+										patch.slug = slug
+									}),
+								),
+						),
+				),
+		)
+}
diff --git a/packages/moderation/src/data/stages/undefined-project.ts b/packages/moderation/src/data/stages/undefined-project.ts
deleted file mode 100644
index a996da0f2..000000000
--- a/packages/moderation/src/data/stages/undefined-project.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { XIcon } from '@modrinth/assets'
-
-import type { Stage } from '../../types/stage'
-
-const undefinedProjectStage: Stage = {
-	title: 'This project is undefined!',
-	id: 'undefined-project',
-	icon: XIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#3475ee711bf080018bf3d822a2f51a35',
-	navigate: '/versions',
-	shouldShow: (project, projectV3) => project.versions.length === 0 && !projectV3?.minecraft_server,
-	actions: [
-		{
-			id: 'undefined_no_versions',
-			type: 'button',
-			label: 'No Versions',
-			weight: -100,
-			suggestedStatus: 'rejected',
-			message: async () =>
-				(await import('../messages/checklist-messages/undefined-project/no_versions.md?raw'))
-					.default,
-		},
-	],
-}
-
-export default undefinedProjectStage
diff --git a/packages/moderation/src/data/stages/undefined-project.tsx b/packages/moderation/src/data/stages/undefined-project.tsx
new file mode 100644
index 000000000..41d9d288e
--- /dev/null
+++ b/packages/moderation/src/data/stages/undefined-project.tsx
@@ -0,0 +1,23 @@
+import { XIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { group, stage, toggle } from '../../types/node'
+
+export default function () {
+	const { projectV3: project, projectV2 } = injectProjectPageContext()
+
+	return stage('undefined-project', 'Undefined Project')
+		.hint('This project is undefined!')
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#3475ee711bf080018bf3d822a2f51a35',
+		)
+		.icon(XIcon)
+		.navigate('/versions')
+		.shown(
+			computed(() => projectV2.value.versions.length === 0 && !project.value?.minecraft_server),
+		)
+		.children(
+			group().children(toggle('no-versions', 'No Versions').suggestedStatus('rejected').message()),
+		)
+}
diff --git a/packages/moderation/src/data/stages/versions.ts b/packages/moderation/src/data/stages/versions.ts
deleted file mode 100644
index 2a9d14041..000000000
--- a/packages/moderation/src/data/stages/versions.ts
+++ /dev/null
@@ -1,197 +0,0 @@
-import { VersionIcon } from '@modrinth/assets'
-
-import type { ButtonAction, DropdownAction, DropdownActionOption } from '../../types/actions'
-import type { Stage } from '../../types/stage'
-
-const versions: Stage = {
-	title: "Are this project's files correct?",
-	id: 'versions',
-	icon: VersionIcon,
-	guidance_url:
-		'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e25ee711bf0804bad38e9055951ff31',
-	navigate: '/versions',
-	shouldShow: (project, projectV3) => !projectV3?.minecraft_server,
-	actions: [
-		{
-			id: 'versions_incorrect_additional',
-			type: 'button',
-			label: 'Incorrect additional files',
-			weight: 1000,
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			message: async () =>
-				(await import('../messages/checklist-messages/versions/incorrect_additional_files.md?raw'))
-					.default,
-		} as ButtonAction,
-		{
-			id: 'versions_incorrect_project_type',
-			type: 'button',
-			label: 'Incorrect Project Type',
-			suggestedStatus: 'rejected',
-			severity: 'medium',
-			weight: -999999,
-			message: async () => '',
-			enablesActions: [
-				{
-					id: 'versions_incorrect_project_type_options',
-					type: 'dropdown',
-					label: 'What type should this project be?',
-					options: [
-						{
-							label: 'Modpack',
-							weight: 1001,
-							shouldShow: (project) => project.project_type !== 'modpack',
-							message: async () =>
-								(await import('../messages/checklist-messages/versions/invalid-modpacks.md?raw'))
-									.default,
-						} as DropdownActionOption,
-						{
-							label: 'Resource Pack',
-							weight: 1001,
-							shouldShow: (project) => project.project_type !== 'resourcepack',
-							message: async () =>
-								(
-									await import('../messages/checklist-messages/versions/invalid-resourcepacks.md?raw')
-								).default,
-						} as DropdownActionOption,
-						{
-							label: 'Data Pack',
-							weight: 1001,
-							shouldShow: (project) => !project.loaders.includes('datapack'),
-							message: async () =>
-								(await import('../messages/checklist-messages/versions/invalid-datapacks.md?raw'))
-									.default,
-						} as DropdownActionOption,
-					],
-				} as DropdownAction,
-			],
-		} as ButtonAction,
-		{
-			id: 'versions_alternate_versions',
-			type: 'button',
-			label: 'Alternate Versions',
-			suggestedStatus: 'flagged',
-			severity: 'medium',
-			weight: -999999,
-			message: async () => '',
-			enablesActions: [
-				{
-					id: 'versions_alternate_versions_options',
-					type: 'dropdown',
-					label: 'How are the alternate versions distributed?',
-					options: [
-						{
-							label: 'Primary Files',
-							weight: 1002,
-							message: async () =>
-								(
-									await import('../messages/checklist-messages/versions/alternate_versions-primary.md?raw')
-								).default,
-						} as DropdownActionOption,
-						{
-							label: 'Additional Files',
-							weight: 1002,
-							message: async () =>
-								(
-									await import('../messages/checklist-messages/versions/alternate_versions-additional.md?raw')
-								).default,
-						} as DropdownActionOption,
-						{
-							label: 'Monofile',
-							weight: 1002,
-							shouldShow: (project) =>
-								project.project_type === 'resourcepack' || project.loaders.includes('datapack'),
-							message: async () =>
-								(
-									await import('../messages/checklist-messages/versions/alternate_versions-mono.md?raw')
-								).default,
-						} as DropdownActionOption,
-						{
-							label: 'Server Files (Primary Files)',
-							weight: 1002,
-							shouldShow: (project) => project.project_type === 'modpack',
-							message: async () =>
-								(
-									await import('../messages/checklist-messages/versions/alternate_versions-server.md?raw')
-								).default,
-						} as DropdownActionOption,
-						{
-							label: 'Server Files (Additional Files)',
-							weight: 1002,
-							suggestedStatus: 'rejected',
-							severity: 'high',
-							shouldShow: (project) => project.project_type === 'modpack',
-							message: async () =>
-								(
-									await import('../messages/checklist-messages/versions/alternate_versions-server-additional.md?raw')
-								).default,
-						} as DropdownActionOption,
-						{
-							label: 'mods.zip',
-							weight: 1002,
-							suggestedStatus: 'rejected',
-							severity: 'high',
-							shouldShow: (project) => project.project_type === 'modpack',
-							message: async () =>
-								(
-									await import('../messages/checklist-messages/versions/alternate_versions-zip.md?raw')
-								).default,
-						} as DropdownActionOption,
-					],
-				} as DropdownAction,
-			],
-		} as ButtonAction,
-		{
-			id: 'versions_vanilla_assets',
-			type: 'button',
-			label: 'Vanilla Assets',
-			suggestedStatus: `rejected`,
-			severity: `medium`,
-			weight: 1003,
-			shouldShow: (project) => project.project_type === 'resourcepack',
-			message: async () =>
-				(await import('../messages/checklist-messages/versions/vanilla_assets.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'versions_redist_libs',
-			type: 'button',
-			label: 'Packed Libs',
-			suggestedStatus: `rejected`,
-			severity: `medium`,
-			weight: 1003,
-			shouldShow: (project) => project.project_type === 'mod' || project.project_type === 'plugin',
-			message: async () =>
-				(await import('../messages/checklist-messages/versions/redist_libs.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'versions_duplicate_primary_files',
-			type: 'button',
-			label: 'Duplicate Primary Files',
-			suggestedStatus: 'flagged',
-			severity: `medium`,
-			weight: 1004,
-			message: async () =>
-				(await import('../messages/checklist-messages/versions/broken_version.md?raw')).default,
-		} as ButtonAction,
-		{
-			id: 'unsupported_project_type',
-			type: 'button',
-			label: `Unsupported`,
-			suggestedStatus: `rejected`,
-			severity: `medium`,
-			weight: 1005,
-			message: async () =>
-				(await import('../messages/checklist-messages/versions/unsupported_project.md?raw'))
-					.default,
-			relevantExtraInput: [
-				{
-					label: 'Project Type',
-					required: true,
-					variable: 'INVALID_TYPE',
-				},
-			],
-		} as ButtonAction,
-	],
-}
-
-export default versions
diff --git a/packages/moderation/src/data/stages/versions.tsx b/packages/moderation/src/data/stages/versions.tsx
new file mode 100644
index 000000000..3e18ded1f
--- /dev/null
+++ b/packages/moderation/src/data/stages/versions.tsx
@@ -0,0 +1,110 @@
+import { VersionIcon } from '@modrinth/assets'
+import { injectProjectPageContext } from '@modrinth/ui'
+import { computed } from 'vue'
+
+import { dropdown, group, option, stage, text, toggle } from '../../types/node'
+
+export default function () {
+	const { projectV3: project } = injectProjectPageContext()
+
+	return stage('versions', 'Versions')
+		.hint("Are this project's files correct?")
+		.guidance(
+			'https://www.notion.so/2e15ee711bf080e4a41df61bbab49892#2e25ee711bf0804bad38e9055951ff31',
+		)
+		.icon(VersionIcon)
+		.navigate('/versions')
+		.shown(computed(() => !project.value?.minecraft_server))
+		.children(
+			group().children(
+				toggle('incorrect-additional-files', 'Incorrect additional files')
+					.suggestedStatus('flagged')
+					.severity('medium')
+					.message(),
+
+				toggle('incorrect-project-type', 'Incorrect Project Type')
+					.suggestedStatus('rejected')
+					.severity('medium')
+					.children(
+						dropdown('type')
+							.title('Correct Project Type')
+							.none('Unknown')
+							.children(
+								option('modpack', 'Modpack')
+									.shown(computed(() => !project.value.project_types.includes('modpack')))
+									.message(),
+								option('resourcepack', 'Resource Pack')
+									.shown(computed(() => !project.value.project_types.includes('resourcepack')))
+									.message(),
+								option('datapack', 'Data Pack')
+									.shown(computed(() => !project.value.loaders.includes('datapack')))
+									.message(),
+							),
+					)
+					.collect(),
+
+				toggle('alternate-versions', 'Alternate Versions')
+					.suggestedStatus('rejected')
+					.severity('high')
+					.children(
+						dropdown('distribution')
+							.title('Distribution Type')
+							.none('Unknown')
+							.children(
+								option('primary', 'Primary Files').message(),
+								option('additional', 'Additional Files').message(),
+								option('mono', 'Monofile')
+									.shown(
+										computed(
+											() =>
+												project.value.project_types.includes('resourcepack') ||
+												project.value.loaders.includes('datapack'),
+										),
+									)
+									.message(),
+								option('server', 'Server Files (Primary Files)')
+									.shown(computed(() => project.value.project_types.includes('modpack')))
+									.message(),
+								option('server-additional', 'Server Files (Additional Files)')
+									.shown(computed(() => project.value.project_types.includes('modpack')))
+									.message(),
+								option('zip', 'mods.zip')
+									.shown(computed(() => project.value.project_types.includes('modpack')))
+									.message(),
+							),
+					)
+					.collect(),
+
+				toggle('vanilla-assets', 'Vanilla Assets')
+					.shown(computed(() => project.value.project_types.includes('resourcepack')))
+					.suggestedStatus('rejected')
+					.severity('medium')
+					.message(),
+
+				toggle('redist-libs', 'Packed Libs')
+					.shown(
+						computed(
+							() =>
+								project.value.project_types.includes('mod') ||
+								project.value.project_types.includes('plugin'),
+						),
+					)
+					.suggestedStatus('rejected')
+					.severity('medium')
+					.message(),
+
+				toggle('duplicate-primary-files', 'Duplicate Primary Files')
+					.suggestedStatus('flagged')
+					.severity('medium')
+					.message(),
+
+				toggle('unsupported', 'Unsupported')
+					.suggestedStatus('rejected')
+					.severity('medium')
+					.message(undefined, (state) => ({
+						INVALID_TYPE: state['invalid-type'],
+					}))
+					.children(text('invalid-type').title('Unsupported Type').required()),
+			),
+		)
+}
diff --git a/packages/moderation/src/index.ts b/packages/moderation/src/index.ts
index f4338f8ae..23ec61f2a 100644
--- a/packages/moderation/src/index.ts
+++ b/packages/moderation/src/index.ts
@@ -1,19 +1,20 @@
-export { default as checklist } from './data/checklist'
+export { default as checklist, stages, useStages } from './data/checklist'
 export { default as keybinds } from './data/keybinds'
-export { finalPermissionMessages } from './data/modpack-permissions-stage'
 export { default as nags } from './data/nags'
 export * from './data/nags/index'
+export { default as attributionQuickReplies } from './data/quick-replies/permissions-quick-replies'
 export { default as reportQuickReplies } from './data/quick-replies/report-quick-replies'
 export {
 	type TechReviewContext,
 	default as techReviewQuickReplies,
 } from './data/quick-replies/tech-review-quick-replies'
-export { default as attributionQuickReplies } from './data/quick-replies/permissions-quick-replies'
 export * from './locales'
 export * from './types/actions'
 export * from './types/keybinds'
 export * from './types/messages'
 export * from './types/nags'
+export * from './types/node'
+export * from './types/priority'
 export * from './types/quick-reply'
 export * from './types/reports'
 export * from './types/stage'
diff --git a/packages/moderation/src/types/actions.ts b/packages/moderation/src/types/actions.ts
index 3c6877fd9..3332dabc6 100644
--- a/packages/moderation/src/types/actions.ts
+++ b/packages/moderation/src/types/actions.ts
@@ -19,6 +19,12 @@ export type Action =
 export type ModerationStatus = 'approved' | 'rejected' | 'flagged'
 export type ModerationSeverity = 'low' | 'medium' | 'high' | 'critical'
 
+export interface ChecklistActionContext {
+	project: Labrinth.Projects.v2.Project
+	projectV3: Labrinth.Projects.v3.Project
+	versions?: Labrinth.Versions.v2.Version[] | null
+}
+
 export interface BaseAction {
 	/**
 	 * The type of action, which determines how the action is presented to the moderator and what it does.
@@ -63,6 +69,7 @@ export interface BaseAction {
 	shouldShow?: (
 		project: Labrinth.Projects.v2.Project,
 		projectV3: Labrinth.Projects.v3.Project,
+		context?: ChecklistActionContext,
 	) => boolean
 }
 
@@ -171,6 +178,7 @@ export interface DropdownActionOption extends WeightedMessage {
 	shouldShow?: (
 		project: Labrinth.Projects.v2.Project,
 		projectV3: Labrinth.Projects.v3.Project,
+		context?: ChecklistActionContext,
 	) => boolean
 }
 
@@ -194,6 +202,11 @@ export interface DropdownAction extends BaseAction {
 }
 
 export interface MultiSelectChipsOption extends WeightedMessage {
+	/**
+	 * Stable identifier for the option. If omitted, the label is used.
+	 */
+	id?: string
+
 	/**
 	 * The label of the chip, which is displayed to the moderator.
 	 */
@@ -207,9 +220,14 @@ export interface MultiSelectChipsOption extends WeightedMessage {
 	shouldShow?: (
 		project: Labrinth.Projects.v2.Project,
 		projectV3: Labrinth.Projects.v3.Project,
+		context?: ChecklistActionContext,
 	) => boolean
 }
 
+export type MultiSelectChipsOptionsResolver = (
+	context: ChecklistActionContext,
+) => MultiSelectChipsOption[]
+
 export interface MultiSelectChipsAction extends BaseAction {
 	type: 'multi-select-chips'
 
@@ -221,7 +239,13 @@ export interface MultiSelectChipsAction extends BaseAction {
 	/**
 	 * The options available in the multi-select chips.
 	 */
-	options: MultiSelectChipsOption[]
+	options: MultiSelectChipsOption[] | MultiSelectChipsOptionsResolver
+
+	/**
+	 * If set, all selected option messages are joined with this string and emitted as a single
+	 * message part rather than individual parts. Useful for building bullet lists under a shared header.
+	 */
+	joinWith?: string
 }
 
 export interface AdditionalTextInput {
diff --git a/packages/moderation/src/types/node.ts b/packages/moderation/src/types/node.ts
new file mode 100644
index 000000000..e44894b63
--- /dev/null
+++ b/packages/moderation/src/types/node.ts
@@ -0,0 +1,880 @@
+import type { Labrinth } from '@modrinth/api-client'
+import type { FunctionalComponent, InjectionKey, Ref, SVGAttributes } from 'vue'
+import { markRaw, toValue } from 'vue'
+
+import {
+	expandVariables,
+	flattenProjectV3Variables,
+	flattenProjectVariables,
+	flattenStaticVariables,
+} from '../utils'
+import type { ModerationSeverity, ModerationStatus } from './actions'
+import type { Priority } from './priority.ts'
+
+// ─── State ────────────────────────────────────────────────────────────────────
+
+export type NodeState =
+	| boolean
+	| string
+	| number
+	| Set<string>
+	| NodeStateWithChildren
+	| null
+	| undefined
+
+export interface NodeStateWithChildren {
+	value?: NodeState
+	[childId: string]: NodeState
+}
+
+// ─── Function types ───────────────────────────────────────────────────────────
+
+export type MessageFn = ((state: Record<string, NodeState>) => Promise<string>) & {
+	concat(...others: MessageFn[]): MessageFn
+}
+export type ContentFn = (state: Record<string, NodeState>) => string | Promise<string>
+export type ChildrenFn = (state: Record<string, NodeState>) => ChildEntry[]
+
+export type Reactive<T> = T | Ref<T>
+
+export function resolve<T>(value: Reactive<T>): T {
+	return toValue(value as T | Ref<T>)
+}
+
+export type ChildNode = NodeBuilder | (() => unknown) | string
+
+export type ChildEntry =
+	| NodeBuilder
+	| string
+	| (() => unknown)
+	| null
+	| Ref<NodeBuilder | null>
+	| ((state?: Record<string, NodeState>) => NodeBuilder | NodeBuilder[] | null)
+
+export type NodeType =
+	| 'toggle'
+	| 'check'
+	| 'button'
+	| 'text'
+	| 'markdown'
+	| 'group'
+	| 'dropdown'
+	| 'option'
+	| 'stage'
+
+// ─── Message helpers ──────────────────────────────────────────────────────────
+
+const messageFiles = import.meta.glob('../data/messages/**/*.md', {
+	query: '?raw',
+	import: 'default',
+})
+
+export function mdOptional(
+	path: string,
+	getVars?: (state: Record<string, any>) => Record<string, any>,
+): MessageFn {
+	return makeMessageFn(async (state) => {
+		const loader = messageFiles[`../data/messages/${path}.md`]
+		if (!loader) return ''
+		return loadMd(path, state, _project!.value, _projectV2!.value, getVars)
+	})
+}
+
+export function mdEscape(text: string): string {
+	return text.replace(/[\\*_`[~]/g, '\\$&')
+}
+
+const USER_CONTENT_KEYS = [
+	'PROJECT_TITLE',
+	'PROJECT_SLUG',
+	'PROJECT_SUMMARY',
+	'PROJECT_TYPE',
+	'PROJECT_STATUS',
+]
+
+export async function loadMd(
+	path: string,
+	state: Record<string, NodeState>,
+	project: Labrinth.Projects.v3.Project,
+	projectV2: Labrinth.Projects.v2.Project,
+	getVars?: (state: Record<string, any>) => Record<string, any>,
+): Promise<string> {
+	// Call getVars before any await so Vue's watchEffect tracks reactive reads inside it
+	const extraVars = getVars ? getVars(state) : null
+	const loader = messageFiles[`../data/messages/${path}.md`]
+	if (!loader) {
+		_onMissingMd?.(path)
+		return ''
+	}
+	const raw = (await loader()) as string
+	const vars: Record<string, string> = {
+		...flattenStaticVariables(),
+		...flattenProjectVariables(projectV2),
+		...flattenProjectV3Variables(project),
+	}
+	for (const key of USER_CONTENT_KEYS) {
+		if (key in vars) vars[key] = mdEscape(vars[key])
+	}
+	if (extraVars) {
+		for (const [k, v] of Object.entries(extraVars)) {
+			vars[k] = String(v ?? '')
+		}
+	}
+	const expanded = expandVariables(raw, projectV2, project, vars)
+	// Code spans render literally — markdown escapes inside them show as-is, so strip them
+	return expanded.replace(/`[^`\n]*`/g, (match) => match.replace(/\\([\\*_`[~])/g, '$1'))
+}
+
+function makeMessageFn(fn: (state: Record<string, NodeState>) => Promise<string>): MessageFn {
+	const rich = fn as MessageFn
+	rich.concat = (...others) =>
+		makeMessageFn(async (state) =>
+			(await Promise.all([rich, ...others].map((f) => f(state)))).join(''),
+		)
+	return rich
+}
+
+let _project: Ref<Labrinth.Projects.v3.Project> | null = null
+let _projectV2: Ref<Labrinth.Projects.v2.Project> | null = null
+let _onMissingMd: ((path: string) => void) | null = null
+
+export function setMissingMdHandler(handler: (path: string) => void) {
+	_onMissingMd = handler
+}
+
+export function setMessageProject(
+	project: Ref<Labrinth.Projects.v3.Project>,
+	projectV2: Ref<Labrinth.Projects.v2.Project>,
+) {
+	_project = project
+	_projectV2 = projectV2
+}
+
+export function md(
+	path: string | ((state: Record<string, NodeState>) => string),
+	getVars?: (state: Record<string, any>) => Record<string, any>,
+): MessageFn {
+	return makeMessageFn(async (state) => {
+		const resolvedPath = typeof path === 'function' ? path(state) : path
+		return loadMd(resolvedPath, state, _project!.value, _projectV2!.value, getVars)
+	})
+}
+// ─── Fix builder ──────────────────────────────────────────────────────────────
+
+export function createTrackedPatch<T extends object>(
+	source: T,
+): { proxy: T; changes: () => Partial<T> } {
+	const written = new Set<string | symbol>()
+	const data = { ...source }
+	const proxy = new Proxy(data, {
+		set(target, key, value) {
+			if (value !== (source as Record<string | symbol, unknown>)[key]) {
+				written.add(key)
+			} else {
+				written.delete(key)
+			}
+			;(target as Record<string | symbol, unknown>)[key] = value
+			return true
+		},
+	})
+	return {
+		proxy,
+		changes: () =>
+			Object.fromEntries([...written].map((k) => [k, data[k as keyof T]])) as Partial<T>,
+	}
+}
+
+export class FixBuilder {
+	_projectFn?: (
+		patch: Labrinth.Projects.v3.EditProjectRequest,
+		state: Record<string, NodeState>,
+	) => void
+	_versionFn?: (
+		patch: Labrinth.Versions.v3.ModifyVersionRequest,
+		state: Record<string, NodeState>,
+	) => void
+
+	project(
+		fn: (patch: Labrinth.Projects.v3.EditProjectRequest, state: Record<string, NodeState>) => void,
+	): this {
+		this._projectFn = fn
+		return this
+	}
+
+	version(
+		fn: (
+			patch: Labrinth.Versions.v3.ModifyVersionRequest,
+			state: Record<string, NodeState>,
+		) => void,
+	): this {
+		this._versionFn = fn
+		return this
+	}
+}
+
+export function fix(): FixBuilder {
+	return new FixBuilder()
+}
+
+// ─── Message segments ─────────────────────────────────────────────────────────
+
+type GetVarsFn = (state: Record<string, any>) => Record<string, any>
+
+export type MessageSegment =
+	| { type: 'fn'; fn: ContentFn }
+	| { type: 'auto'; getVars?: GetVarsFn }
+	| { type: 'path'; path: string | (() => string); getVars?: GetVarsFn }
+	| { type: 'collect'; fallback?: MessageSegment }
+
+export function resolveRelativeMessagePath(
+	messagePath: string | (() => string),
+	statePath: string[],
+): string {
+	const name = typeof messagePath === 'function' ? messagePath() : messagePath
+	if (name.startsWith('/')) return `checklist/messages${name}`
+	const parts = [...statePath.slice(0, -1), ...name.split('/')]
+	const normalized = parts.reduce<string[]>((acc, p) => {
+		if (p === '..') acc.pop()
+		else if (p) acc.push(p)
+		return acc
+	}, [])
+	return `checklist/messages/${normalized.join('/')}`
+}
+
+export async function evalSegment(
+	seg: MessageSegment,
+	state: Record<string, NodeState>,
+	statePath: string[],
+): Promise<string> {
+	if (seg.type === 'collect') return ''
+	if (seg.type === 'fn') return String((await seg.fn(state)) ?? '')
+	if (seg.type === 'auto')
+		return loadMd(
+			`checklist/messages/${statePath.join('/')}`,
+			state,
+			_project!.value,
+			_projectV2!.value,
+			seg.getVars,
+		)
+	return loadMd(
+		resolveRelativeMessagePath(seg.path, statePath),
+		state,
+		_project!.value,
+		_projectV2!.value,
+		seg.getVars,
+	)
+}
+
+// ─── Node builders ────────────────────────────────────────────────────────────
+
+export abstract class NodeBuilder {
+	abstract readonly type: NodeType
+	_shown?: Reactive<boolean>
+	_title?: Reactive<string>
+	_icon?: FunctionalComponent<SVGAttributes>
+	_tooltip?: Reactive<string> | ((state: Record<string, NodeState>) => string)
+
+	shown(condition: Reactive<boolean>): this {
+		this._shown = condition
+		return this
+	}
+
+	title(t: Reactive<string>): this {
+		this._title = t
+		return this
+	}
+
+	icon(i: FunctionalComponent<SVGAttributes>): this {
+		this._icon = markRaw(i)
+		return this
+	}
+
+	tooltip(t: Reactive<string> | ((state: Record<string, NodeState>) => string)): this {
+		this._tooltip = t
+		return this
+	}
+}
+
+export class ButtonNodeBuilder extends NodeBuilder {
+	readonly type = 'button' as const
+	readonly label?: string
+	_onClick?: (state: Record<string, NodeState>) => void
+	_enabled?: Reactive<boolean> | ((state: Record<string, NodeState>) => boolean)
+
+	constructor(nodeLabel?: string) {
+		super()
+		this.label = nodeLabel
+	}
+
+	onClick(fn: (state: Record<string, NodeState>) => void): this {
+		this._onClick = fn
+		return this
+	}
+
+	enabled(condition: Reactive<boolean> | ((state: Record<string, NodeState>) => boolean)): this {
+		this._enabled = condition
+		return this
+	}
+}
+
+export abstract class IdentifiedNodeBuilder extends NodeBuilder {
+	readonly id: string | undefined
+	_children: ChildEntry[] = []
+	_childrenFn?: ChildrenFn
+	_computingChildren = false
+	_segments: MessageSegment[] = []
+	_suggestedStatus?: ModerationStatus
+	_severity?: ModerationSeverity
+	_priority?: Priority
+	_fixes: FixBuilder[] = []
+	_applyFixes = false
+	_enabled?: Reactive<boolean> | ((state: Record<string, NodeState>) => boolean)
+	_statePath?: string[]
+
+	constructor(id: string | undefined) {
+		super()
+		this.id = id
+	}
+
+	children(fn: ChildrenFn): this
+	children(...entries: ChildEntry[]): this
+	children(...args: [ChildrenFn] | ChildEntry[]): this {
+		if (args.length === 1 && typeof args[0] === 'function' && args[0].length >= 1) {
+			this._childrenFn = args[0] as ChildrenFn
+		} else {
+			this._children.push(...(args as ChildEntry[]))
+		}
+		return this
+	}
+
+	message(path?: string | (() => string), getVars?: GetVarsFn): this {
+		const segment: MessageSegment =
+			path === undefined
+				? { type: 'auto', ...(getVars && { getVars }) }
+				: { type: 'path', path, ...(getVars && { getVars }) }
+		this._segments.push(segment)
+		return this
+	}
+
+	rawMessage(content: string | ContentFn): this {
+		const fn: ContentFn = typeof content === 'string' ? () => content : content
+		this._segments.push({ type: 'fn', fn })
+		return this
+	}
+
+	collect(path?: string | (() => string), getVars?: GetVarsFn): this {
+		const fallback =
+			path !== undefined || getVars !== undefined
+				? path === undefined
+					? { type: 'auto' as const, ...(getVars && { getVars }) }
+					: { type: 'path' as const, path, ...(getVars && { getVars }) }
+				: undefined
+		this._segments.push({ type: 'collect', ...(fallback && { fallback }) })
+		return this
+	}
+
+	suggestedStatus(s: ModerationStatus): this {
+		this._suggestedStatus = s
+		return this
+	}
+
+	severity(s: ModerationSeverity): this {
+		this._severity = s
+		return this
+	}
+
+	priority(p: Priority): this {
+		this._priority = p
+		return this
+	}
+
+	fix(f: FixBuilder): this {
+		this._fixes.push(f)
+		return this
+	}
+
+	applyFixes(): this {
+		this._applyFixes = true
+		return this
+	}
+
+	enabled(condition: Reactive<boolean> | ((state: Record<string, NodeState>) => boolean)): this {
+		this._enabled = condition
+		return this
+	}
+
+	statePath(path: string[]): this {
+		this._statePath = path
+		return this
+	}
+}
+
+export abstract class LabeledNodeBuilder extends IdentifiedNodeBuilder {
+	readonly label: string
+
+	constructor(id: string, label: string) {
+		super(id)
+		this.label = label
+	}
+}
+
+export abstract class ValueNodeBuilder extends LabeledNodeBuilder {
+	_defaultValue?: NodeState | ((state: Record<string, NodeState>) => NodeState)
+	_required?: boolean
+
+	initial(v: NodeState | ((state: Record<string, NodeState>) => NodeState)): this {
+		this._defaultValue = v
+		return this
+	}
+
+	required(v = true): this {
+		this._required = v
+		return this
+	}
+}
+
+export class BooleanNodeBuilder extends ValueNodeBuilder {
+	readonly type: 'toggle' | 'check'
+
+	constructor(id: string, nodeLabel: string, type: 'toggle' | 'check') {
+		super(id, nodeLabel)
+		this.type = type
+	}
+}
+
+export type OverrideValue = { readonly __override: string }
+
+export type OnChangeFn = (
+	value: string,
+	helpers: { override: (value: string) => OverrideValue },
+) => OverrideValue | void
+
+export class InputNodeBuilder extends IdentifiedNodeBuilder {
+	readonly type: 'text' | 'markdown'
+	_placeholder?: Reactive<string>
+	_defaultValue?: NodeState | ((state: Record<string, NodeState>) => NodeState)
+	_required?: boolean
+	_onChange?: OnChangeFn
+
+	constructor(id: string, type: 'text' | 'markdown') {
+		super(id)
+		this.type = type
+	}
+
+	placeholder(p: Reactive<string>): this {
+		this._placeholder = p
+		return this
+	}
+
+	initial(v: NodeState | ((state: Record<string, NodeState>) => NodeState)): this {
+		this._defaultValue = v
+		return this
+	}
+
+	required(v = true): this {
+		this._required = v
+		return this
+	}
+
+	onChange(fn: OnChangeFn): this {
+		this._onChange = fn
+		return this
+	}
+}
+
+export class GroupNodeBuilder extends IdentifiedNodeBuilder {
+	readonly type = 'group' as const
+	_layout?: 'flex' | 'column'
+	_required?: boolean
+	_selectMode?: 'single' | 'multi'
+	_selectId?: string
+
+	layout(l: 'flex' | 'column'): this {
+		this._layout = l
+		return this
+	}
+
+	required(v = true): this {
+		this._required = v
+		return this
+	}
+
+	singleSelect(id?: string): this {
+		this._selectMode = 'single'
+		if (id !== undefined) this._selectId = id
+		return this
+	}
+
+	multiSelect(id?: string): this {
+		this._selectMode = 'multi'
+		if (id !== undefined) this._selectId = id
+		return this
+	}
+}
+
+export class DropdownNodeBuilder extends IdentifiedNodeBuilder {
+	readonly type = 'dropdown' as const
+	_none?: string
+
+	override children(fn: ChildrenFn): this
+	override children(...nodes: OptionNodeBuilder[]): this
+	override children(...args: [ChildrenFn] | OptionNodeBuilder[]): this {
+		if (args.length === 1 && typeof args[0] === 'function' && args[0].length >= 1) {
+			super.children(args[0] as ChildrenFn)
+		} else {
+			super.children(...(args as OptionNodeBuilder[]))
+		}
+		return this
+	}
+
+	none(text: string): this {
+		this._none = text
+		return this
+	}
+}
+
+export class OptionNodeBuilder extends LabeledNodeBuilder {
+	readonly type = 'option' as const
+}
+
+export class StageNodeBuilder extends LabeledNodeBuilder {
+	readonly type = 'stage' as const
+	_hint?: string
+	_guidanceUrl?: string
+	_icon?: FunctionalComponent<SVGAttributes>
+	_navigate?: string
+
+	hint(h: string): this {
+		this._hint = h
+		return this
+	}
+
+	guidance(url: string): this {
+		this._guidanceUrl = url
+		return this
+	}
+
+	icon(i: FunctionalComponent<SVGAttributes>): this {
+		this._icon = markRaw(i)
+		return this
+	}
+
+	navigate(path: string): this {
+		this._navigate = path
+		return this
+	}
+
+	override children(fn: ChildrenFn): this
+	override children(...entries: ChildEntry[]): this
+	override children(...args: [ChildrenFn] | ChildEntry[]): this {
+		if (args.length === 1 && typeof args[0] === 'function' && args[0].length >= 1) {
+			super.children(args[0] as ChildrenFn)
+			if (!this._statePath) this._statePath = [this.id!]
+			return this
+		}
+		const entries = args as ChildEntry[]
+		super.children(...entries)
+		if (!this._statePath) this._statePath = [this.id!]
+		stampChildPaths(entries, [this.id!])
+		return this
+	}
+}
+
+export const STAGES_KEY: InjectionKey<Ref<StageNodeBuilder[]>> = Symbol('checklistStages')
+export const GLOBAL_STATE_KEY: InjectionKey<Ref<Record<string, Record<string, NodeState>>>> =
+	Symbol('checklistGlobalState')
+
+// ─── Node traversal ───────────────────────────────────────────────────────────
+
+function childrenScopePath(node: IdentifiedNodeBuilder): string[] | null {
+	if (!node._statePath) return null
+	switch (node.type) {
+		case 'toggle':
+		case 'check':
+		case 'option':
+		case 'stage':
+			return node._statePath
+		case 'group': {
+			const g = node as GroupNodeBuilder
+			if (g._selectMode) {
+				// Option ids become namespaces at the same level as the group
+				return node._statePath.slice(0, -1)
+			}
+			return node._statePath
+		}
+		case 'dropdown':
+			// Option ids become namespaces at the same level as the dropdown
+			return node._statePath.slice(0, -1)
+		default:
+			return null
+	}
+}
+
+function stampChildPaths(entries: ChildEntry[], scopePath: string[]): void {
+	for (const entry of entries) {
+		// Skip reactive entries (refs, functions, nulls) — they get stamped on resolution
+		if (!(entry instanceof NodeBuilder)) continue
+		if (!(entry instanceof IdentifiedNodeBuilder)) continue
+		const selectId = entry instanceof GroupNodeBuilder ? entry._selectId : undefined
+		if (!entry.id && !selectId) {
+			// Truly transparent: no structural id and no select id
+			stampChildPaths(entry._children, scopePath)
+			continue
+		}
+		if (!entry._statePath) {
+			// Structural id contributes to path first, then select id
+			const pathComponents = entry.id
+				? selectId
+					? [...scopePath, entry.id, selectId]
+					: [...scopePath, entry.id]
+				: [...scopePath, selectId!]
+			entry._statePath = pathComponents
+		}
+		const childScope = childrenScopePath(entry)
+		if (childScope) stampChildPaths(entry._children, childScope)
+	}
+}
+
+export function isNodeActive(node: NodeBuilder, state: NodeState): boolean {
+	switch (node.type) {
+		case 'toggle':
+		case 'check':
+		case 'option': {
+			if (typeof state === 'boolean') return state
+			if (state && typeof state === 'object' && !(state instanceof Set)) {
+				const v = (state as NodeStateWithChildren).value
+				if (typeof v === 'boolean') return v
+			}
+			return (node as BooleanNodeBuilder)._defaultValue === true
+		}
+		case 'group': {
+			const g = node as GroupNodeBuilder
+			if (g._selectMode === 'single') return typeof state === 'string' && state !== ''
+			if (g._selectMode === 'multi') return state instanceof Set && state.size > 0
+			return false
+		}
+		case 'dropdown':
+			return typeof state === 'string' && state !== ''
+		case 'text':
+		case 'markdown':
+			return typeof state === 'string' && state !== ''
+		default:
+			return false
+	}
+}
+
+export function getBooleanChildState(nodeState: NodeState): Record<string, NodeState> {
+	if (nodeState && typeof nodeState === 'object' && !(nodeState instanceof Set)) {
+		return nodeState as Record<string, NodeState>
+	}
+	return {}
+}
+
+export function resolveChildren(
+	node: IdentifiedNodeBuilder,
+	state: Record<string, NodeState>,
+): ChildNode[] {
+	let entries: ChildEntry[]
+	let stampStatic = false
+
+	if (node._childrenFn) {
+		if (node._computingChildren) return []
+		node._computingChildren = true
+		try {
+			entries = node._childrenFn(state)
+			stampStatic = true // childrenFn results haven't been pre-stamped
+		} finally {
+			node._computingChildren = false
+		}
+	} else {
+		entries = node._children
+	}
+
+	const scopePath = childrenScopePath(node)
+	const result: ChildNode[] = []
+
+	for (const entry of entries) {
+		if (entry == null) continue
+		if (entry instanceof NodeBuilder) {
+			if (entry._shown !== undefined && !resolve(entry._shown)) continue
+			if (stampStatic && scopePath) stampChildPaths([entry], scopePath)
+			result.push(entry)
+			continue
+		}
+		if (typeof entry === 'string') {
+			result.push(entry)
+			continue
+		}
+		if (typeof entry === 'function') {
+			if (entry.length === 0) {
+				result.push(entry as () => unknown)
+				continue
+			}
+			const resolved = entry(state)
+			if (resolved == null) continue
+			if (Array.isArray(resolved)) {
+				for (const r of resolved) {
+					if (r == null) continue
+					if (r._shown !== undefined && !resolve(r._shown)) continue
+					if (scopePath) stampChildPaths([r], scopePath)
+					result.push(r)
+				}
+				continue
+			}
+			if (resolved._shown !== undefined && !resolve(resolved._shown)) continue
+			if (scopePath) stampChildPaths([resolved], scopePath)
+			result.push(resolved)
+			continue
+		}
+		// Ref<NodeBuilder | null>
+		const resolved = toValue(entry as Ref<NodeBuilder | null>)
+		if (resolved == null) continue
+		if (resolved._shown !== undefined && !resolve(resolved._shown)) continue
+		if (scopePath) stampChildPaths([resolved], scopePath)
+		result.push(resolved)
+	}
+
+	return result
+}
+
+export function walkNodes(
+	nodes: ChildNode[],
+	stageState: Record<string, NodeState>,
+	visitor: (
+		node: IdentifiedNodeBuilder,
+		nodeState: NodeState,
+		localState: Record<string, NodeState>,
+	) => void,
+): void {
+	for (const node of nodes) {
+		if (!(node instanceof NodeBuilder)) continue
+		if (node._shown !== undefined && !resolve(node._shown)) continue
+
+		if (node.type === 'stage') {
+			const identified = node as IdentifiedNodeBuilder
+			if (identified.id) {
+				const raw = stageState[identified.id]
+				const childState =
+					raw && typeof raw === 'object' && !(raw instanceof Set)
+						? (raw as Record<string, NodeState>)
+						: {}
+				walkNodes(resolveChildren(identified, childState), childState, visitor)
+			} else {
+				walkNodes(resolveChildren(identified, stageState), stageState, visitor)
+			}
+			continue
+		}
+
+		if (node.type === 'group') {
+			const g = node as GroupNodeBuilder
+			if (!g._selectMode) {
+				// Plain container: traverse children in group's own state scope
+				if (g.id) {
+					const raw = stageState[g.id]
+					const childState =
+						raw && typeof raw === 'object' && !(raw instanceof Set)
+							? (raw as Record<string, NodeState>)
+							: {}
+					walkNodes(resolveChildren(g, childState), childState, visitor)
+				} else {
+					walkNodes(resolveChildren(g, stageState), stageState, visitor)
+				}
+				continue
+			}
+			// Fall through to value-node path for groups with selectMode
+		}
+
+		if (node.type === 'button') continue
+
+		const identified = node as IdentifiedNodeBuilder
+		const stateKey =
+			node.type === 'group'
+				? ((node as GroupNodeBuilder)._selectId ?? identified.id!)
+				: identified.id!
+		const nodeState = stageState[stateKey]
+		visitor(identified, nodeState, stageState)
+
+		const active = isNodeActive(node, nodeState)
+		const children = resolveChildren(identified, stageState)
+		if (children.length === 0 || !active) continue
+
+		if (node.type === 'group' && (node as GroupNodeBuilder)._selectMode === 'multi') {
+			const selected = nodeState instanceof Set ? nodeState : new Set<string>()
+			for (const child of children) {
+				const childId = child as IdentifiedNodeBuilder
+				if (!selected.has(childId.id!) || (child._shown !== undefined && !resolve(child._shown)))
+					continue
+				const rawChildState = stageState[childId.id!]
+				// Option children are active by virtue of being in the selected Set, not by their own
+				// boolean state. If they have child state but no explicit value, inject value: true
+				// so isNodeActive returns true even after child state has been written to their path.
+				const childState: NodeState =
+					rawChildState !== null &&
+					rawChildState !== undefined &&
+					typeof rawChildState === 'object' &&
+					!(rawChildState instanceof Set) &&
+					(rawChildState as NodeStateWithChildren).value === undefined
+						? { ...(rawChildState as NodeStateWithChildren), value: true }
+						: (rawChildState ?? true)
+				visitor(childId, childState, stageState)
+				walkNodes(resolveChildren(childId, stageState), stageState, visitor)
+			}
+		} else if (node.type === 'toggle' || node.type === 'check') {
+			const childState = getBooleanChildState(nodeState)
+			walkNodes(children, childState, visitor)
+		} else if (
+			(node.type === 'group' && (node as GroupNodeBuilder)._selectMode === 'single') ||
+			node.type === 'dropdown'
+		) {
+			const selectedId = typeof nodeState === 'string' ? nodeState : undefined
+			if (selectedId) {
+				for (const child of children) {
+					const childId = child as IdentifiedNodeBuilder
+					if (childId.id !== selectedId || (child._shown !== undefined && !resolve(child._shown)))
+						continue
+					const rawChildState = stageState[childId.id!]
+					const childState: NodeState =
+						rawChildState !== null &&
+						rawChildState !== undefined &&
+						typeof rawChildState === 'object' &&
+						!(rawChildState instanceof Set) &&
+						(rawChildState as NodeStateWithChildren).value === undefined
+							? { ...(rawChildState as NodeStateWithChildren), value: true }
+							: (rawChildState ?? true)
+					visitor(childId, childState, stageState)
+					walkNodes(resolveChildren(childId, stageState), stageState, visitor)
+					break
+				}
+			}
+		} else {
+			walkNodes(children, stageState, visitor)
+		}
+	}
+}
+
+// ─── Factory functions ────────────────────────────────────────────────────────
+
+export type StageFn = (
+	project: Labrinth.Projects.v3.Project,
+	projectV2: Labrinth.Projects.v2.Project,
+) => StageNodeBuilder
+
+export function stageFn(factory: StageFn): StageFn {
+	const cache = new WeakMap<object, StageNodeBuilder>()
+	return (project, projectV2) => {
+		if (!cache.has(project)) cache.set(project, factory(project, projectV2))
+		return cache.get(project)!
+	}
+}
+
+export const toggle = (id: string, nodeLabel: string) =>
+	new BooleanNodeBuilder(id, nodeLabel, 'toggle')
+export const check = (id: string, nodeLabel: string) =>
+	new BooleanNodeBuilder(id, nodeLabel, 'check')
+export const button = (nodeLabel?: string) => new ButtonNodeBuilder(nodeLabel)
+export const text = (id: string) => new InputNodeBuilder(id, 'text')
+export const markdown = (id: string) => new InputNodeBuilder(id, 'markdown')
+export const group = (id?: string) => new GroupNodeBuilder(id)
+export const dropdown = (id: string) => new DropdownNodeBuilder(id)
+export const option = (id: string, nodeLabel: string) => new OptionNodeBuilder(id, nodeLabel)
+export const stage = (id: string, title: string) => new StageNodeBuilder(id, title)
diff --git a/packages/moderation/src/types/priority.ts b/packages/moderation/src/types/priority.ts
new file mode 100644
index 000000000..20b2b6642
--- /dev/null
+++ b/packages/moderation/src/types/priority.ts
@@ -0,0 +1,34 @@
+// Very cool Priority system I made -chyz
+export class Priority {
+	private _beforeCount = 0
+	private _afterCount = 0
+
+	/** @internal */
+	constructor(
+		private readonly _anchor: Priority | null = null,
+		private readonly _direction: -1 | 1 = 1,
+		private readonly _index: number = 0,
+	) {}
+
+	before(): Priority {
+		return new Priority(this, -1, ++this._beforeCount)
+	}
+	after(): Priority {
+		return new Priority(this, 1, ++this._afterCount)
+	}
+
+	compareTo(other: Priority): number {
+		const ra = this._resolve()
+		const rb = other._resolve()
+		for (let i = 0; i < Math.max(ra.length, rb.length); i++) {
+			const diff = (ra[i] ?? 0) - (rb[i] ?? 0)
+			if (diff !== 0) return diff
+		}
+		return 0
+	}
+
+	private _resolve(): number[] {
+		if (this._anchor === null) return [0]
+		return [...this._anchor._resolve(), this._direction, this._index]
+	}
+}
diff --git a/packages/moderation/src/types/stage.ts b/packages/moderation/src/types/stage.ts
index 5e7eb946d..0106f15cf 100644
--- a/packages/moderation/src/types/stage.ts
+++ b/packages/moderation/src/types/stage.ts
@@ -8,10 +8,15 @@ import type { Action } from './actions'
  */
 export interface Stage {
 	/**
-	 * The title of the stage, displayed to the moderator.
+	 * The title of the stage, displayed in the checklist header.
 	 */
 	title: string
 
+	/**
+	 * The hint for this stage, tells the moderator what to do.
+	 */
+	hint: string
+
 	/**
 	 * An optional description or additional text for the stage.
 	 */
diff --git a/packages/moderation/src/utils.ts b/packages/moderation/src/utils.ts
index a02afedb9..8263c15a6 100644
--- a/packages/moderation/src/utils.ts
+++ b/packages/moderation/src/utils.ts
@@ -10,7 +10,7 @@ import type {
 
 export interface ActionState {
 	selected: boolean
-	value?: Set<number> | number | string | unknown
+	value?: Set<string | number> | number | string | unknown
 }
 
 export interface MessagePart {
@@ -20,10 +20,6 @@ export interface MessagePart {
 	stageIndex: number
 }
 
-export type SerializedActionState = {
-	isSet?: boolean
-} & ActionState
-
 export function getActionIdForStage(
 	action: Action,
 	stageIndex: number,
@@ -50,34 +46,6 @@ export function getActionKey(
 	return `${currentStage}-${index}-${getActionId(action, currentStage)}`
 }
 
-export function serializeActionStates(states: Record<string, ActionState>): string {
-	const serializable: Record<string, SerializedActionState> = {}
-	for (const [key, state] of Object.entries(states)) {
-		serializable[key] = {
-			selected: state.selected,
-			value: state.value instanceof Set ? Array.from(state.value) : state.value,
-			isSet: state.value instanceof Set,
-		}
-	}
-	return JSON.stringify(serializable)
-}
-
-export function deserializeActionStates(data: string): Record<string, ActionState> {
-	try {
-		const parsed = JSON.parse(data)
-		const states: Record<string, ActionState> = {}
-		for (const [key, state] of Object.entries(parsed as Record<string, SerializedActionState>)) {
-			states[key] = {
-				selected: state.selected,
-				value: state.isSet ? new Set(state.value as unknown[]) : state.value,
-			}
-		}
-		return states
-	} catch {
-		return {}
-	}
-}
-
 export function initializeActionState(action: Action): ActionState {
 	if (action.type === 'toggle') {
 		return {
@@ -91,7 +59,7 @@ export function initializeActionState(action: Action): ActionState {
 	} else if (action.type === 'multi-select-chips') {
 		return {
 			selected: false,
-			value: new Set<number>(),
+			value: new Set<string | number>(),
 		}
 	} else {
 		return {
@@ -226,6 +194,65 @@ export function expandVariables(
 	}, template)
 }
 
+export const licensesNotRequiringSource: string[] = [
+	'LicenseRef-All-Rights-Reserved',
+	'Apache-2.0',
+	'BSD-2-Clause',
+	'BSD-3-Clause',
+	'CC0-1.0',
+	'CC-BY-4.0',
+	'CC-BY-SA-4.0',
+	'CC-BY-NC-4.0',
+	'CC-BY-NC-SA-4.0',
+	'CC-BY-ND-4.0',
+	'CC-BY-NC-ND-4.0',
+	'ISC',
+	'MIT',
+	'Zlib',
+]
+
+export const licensesRequiringSource: string[] = [
+	'GPL-2.0',
+	'GPL-2.0+',
+	'GPL-2.0-only',
+	'GPL-2.0-or-later',
+	'GPL-3.0',
+	'GPL-3.0+',
+	'GPL-3.0-only',
+	'GPL-3.0-or-later',
+	'LGPL-2.1',
+	'LGPL-2.1+',
+	'LGPL-2.1-only',
+	'LGPL-2.1-or-later',
+	'LGPL-3.0',
+	'LGPL-3.0+',
+	'LGPL-3.0-only',
+	'LGPL-3.0-or-later',
+	'AGPL-3.0',
+	'AGPL-3.0+',
+	'AGPL-3.0-only',
+	'AGPL-3.0-or-later',
+	'MPL-2.0',
+]
+
+export function licenseDoesNotRequireSource(licenseId: string): boolean {
+	return licensesNotRequiringSource.includes(licenseId)
+}
+export function licenseMayRequireSource(licenseId: string): boolean {
+	return !licensesNotRequiringSource.includes(licenseId)
+}
+export function licenseRequiresSource(licenseId: string): boolean {
+	return licensesRequiringSource.includes(licenseId)
+}
+
+export function notSourceAsDistributed(projectTypes): boolean {
+	return projectTypes.includes('mod') || projectTypes.includes('plugin')
+}
+
+export function promptSourceRequired(licenseId: string, projectTypes): boolean {
+	return licenseRequiresSource(licenseId) && notSourceAsDistributed(projectTypes)
+}
+
 export function kebabToTitleCase(input: string): string {
 	return input
 		.split('-')
@@ -256,6 +283,39 @@ export function formatProjectTypes(type: string, lower: boolean = false) {
 	return value
 }
 
+export function formatEnvironments(environment: string, lower: boolean = false) {
+	let value = environment
+	try {
+		value = value
+			.replaceAll('client_only_server_optional', 'Client and server: Optional on server')
+			.replaceAll('client_and_server', 'Required on both')
+			.replaceAll('client_only', 'Client-side only')
+			.replaceAll('server_only_client_optional', 'Client optional')
+			.replaceAll('dedicated_server_only', 'Dedicated server only')
+			.replaceAll('server_only', 'Servers and Singleplayer')
+			.replaceAll('singleplayer_only', 'Singleplayer only')
+			.replaceAll(
+				'client_or_server_prefers_both',
+				'Optional on both, works best when installed on both sides',
+			)
+			.replaceAll(
+				'client_or_server',
+				'Optional on both, works the same if installed on either side',
+			)
+			// This shouldn't come up for this use but yk
+			.replaceAll('unknown', 'Unknown')
+	} catch {
+		return 'No project environment'
+	}
+
+	if (lower === true) value = value.toLowerCase()
+	return value
+}
+
+export function requiresEnvironmentInfo(projectTypes): boolean {
+	return projectTypes.includes('mod') || projectTypes.includes('modpack')
+}
+
 export function flattenStaticVariables(): Record<string, string> {
 	const vars: Record<string, string> = {}
 
diff --git a/packages/ui/src/components/base/Alert.vue b/packages/ui/src/components/base/Alert.vue
new file mode 100644
index 000000000..d66f75e01
--- /dev/null
+++ b/packages/ui/src/components/base/Alert.vue
@@ -0,0 +1,44 @@
+<template>
+	<div class="flex items-center gap-1.5 text-sm" :class="colorClass">
+		<SpinnerIcon v-if="type === 'checking'" class="size-4 flex-none animate-spin" />
+		<component :is="icon" v-else class="size-4 flex-none" />
+		<slot />
+	</div>
+</template>
+
+<script setup lang="ts">
+import { CheckCircleIcon, InfoIcon, IssuesIcon, SpinnerIcon, XCircleIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+
+const props = defineProps<{
+	type: 'warning' | 'error' | 'success' | 'info' | 'checking'
+}>()
+
+const colorClass = computed(() => {
+	switch (props.type) {
+		case 'warning':
+			return 'text-brand-orange'
+		case 'error':
+			return 'text-brand-red'
+		case 'success':
+			return 'text-brand-green'
+		case 'checking':
+			return 'text-secondary'
+		default:
+			return 'text-brand-blue'
+	}
+})
+
+const icon = computed(() => {
+	switch (props.type) {
+		case 'warning':
+			return IssuesIcon
+		case 'error':
+			return XCircleIcon
+		case 'success':
+			return CheckCircleIcon
+		default:
+			return InfoIcon
+	}
+})
+</script>
diff --git a/packages/ui/src/components/base/StyledInput.vue b/packages/ui/src/components/base/StyledInput.vue
index 74f1fa395..ad0573b57 100644
--- a/packages/ui/src/components/base/StyledInput.vue
+++ b/packages/ui/src/components/base/StyledInput.vue
@@ -34,11 +34,11 @@
 			:spellcheck="spellcheck"
 			:maxlength="maxlength"
 			:rows="rows"
-			class="w-full touch-manipulation text-primary placeholder:text-secondary focus:text-contrast font-medium transition-[shadow,color] appearance-none shadow-none focus:ring-4 focus:ring-brand-shadow bg-surface-4 border-none rounded-xl"
+			class="w-full touch-manipulation text-primary placeholder:text-secondary focus:text-contrast font-medium transition-[shadow,color] appearance-none shadow-none bg-surface-4 border-none rounded-xl"
 			:class="[
 				inputClass,
 				'pl-3 pr-3 py-2 text-base',
-				error ? 'outline outline-2 outline-red bg-warning-bg' : 'outline-none',
+				feedbackRingClass,
 				disabled ? 'cursor-not-allowed' : '',
 				resizeClass,
 			]"
@@ -68,13 +68,13 @@
 			:min="min"
 			:max="max"
 			:step="step"
-			class="w-full touch-manipulation text-primary placeholder:text-secondary focus:text-contrast font-medium transition-[shadow,color] appearance-none shadow-none focus:ring-4 focus:ring-brand-shadow"
+			class="w-full touch-manipulation text-primary placeholder:text-secondary focus:text-contrast font-medium transition-[shadow,color] appearance-none shadow-none"
 			:class="[
 				inputClass,
 				variant === 'filled' && icon ? 'pl-10' : 'pl-3',
 				clearable && model && variant === 'filled' ? 'pr-8' : 'pr-3',
 				size === 'small' ? 'h-8 py-1.5 text-sm' : 'h-9 py-2 text-base',
-				error ? 'outline outline-2 outline-red bg-warning-bg' : 'outline-none',
+				feedbackRingClass,
 				disabled ? 'cursor-not-allowed' : '',
 				variant === 'outlined'
 					? 'bg-transparent border border-solid border-button-bg rounded-l-xl border-r-0'
@@ -119,6 +119,11 @@
 import { SearchIcon, XIcon } from '@modrinth/assets'
 import { type Component, computed, ref } from 'vue'
 
+const RING = {
+	error: 'ring-4 ring-red focus:ring-4 focus:ring-red',
+	none: 'outline-none focus:ring-4 focus:ring-brand-shadow',
+} as const
+
 const model = defineModel<string | number | undefined>()
 
 const props = withDefaults(
@@ -170,11 +175,17 @@ const emit = defineEmits<{
 
 const inputRef = ref<HTMLInputElement | HTMLTextAreaElement>()
 const isFocused = ref(false)
+const feedbackRingClass = computed(() => (props.error ? RING.error : RING.none))
 const resizeClass = computed(
 	() => ({ none: 'resize-none', vertical: 'resize-y', both: 'resize' })[props.resize ?? 'none'],
 )
 
-defineExpose({ focus: () => inputRef.value?.focus() })
+defineExpose({
+	focus: () => inputRef.value?.focus(),
+	setValue: (v: string) => {
+		if (inputRef.value) inputRef.value.value = v
+	},
+})
 
 function onInput(event: Event) {
 	const target = event.target as HTMLInputElement | HTMLTextAreaElement
diff --git a/packages/ui/src/components/base/TeleportOverflowMenu.vue b/packages/ui/src/components/base/TeleportOverflowMenu.vue
index 407421461..7f1662ebc 100644
--- a/packages/ui/src/components/base/TeleportOverflowMenu.vue
+++ b/packages/ui/src/components/base/TeleportOverflowMenu.vue
@@ -29,11 +29,12 @@
 					v-if="isOpen"
 					ref="menuRef"
 					data-pyro-telepopover-root
-					class="fixed isolate z-[9999] flex w-fit flex-col gap-2 overflow-hidden rounded-2xl border-[1px] border-solid border-surface-5 bg-bg-raised p-2 shadow-lg"
+					class="fixed isolate z-[9999] flex w-fit flex-col gap-2 overflow-x-hidden overflow-y-auto rounded-2xl border-[1px] border-solid border-surface-5 bg-bg-raised p-2 shadow-lg"
 					:style="menuStyle"
 					role="menu"
 					tabindex="-1"
 					@mousedown.stop
+					@wheel.stop
 					@mouseleave="handleMouseLeave"
 				>
 					<template
@@ -160,6 +161,7 @@ const props = withDefaults(
 		disabled?: boolean
 		tooltip?: string
 		ariaLabel?: string
+		placement?: 'right' | 'center'
 	}>(),
 	{
 		hoverable: false,
@@ -167,6 +169,7 @@ const props = withDefaults(
 		disabled: false,
 		tooltip: undefined,
 		ariaLabel: undefined,
+		placement: 'right',
 	},
 )
 
@@ -189,41 +192,52 @@ const hoveringMenu = useElementHover(menuRef)
 
 const hovering = computed(() => hoveringTrigger.value || hoveringMenu.value)
 
-const menuStyle = ref({
-	top: '0px',
-	left: '0px',
+const menuStyle = ref<Record<string, string>>({
+	top: '-9999px',
+	left: '-9999px',
 })
 
 const filteredOptions = computed(() => props.options.filter((option) => option.shown !== false))
 
 const calculateMenuPosition = () => {
-	if (!triggerRef.value || !menuRef.value) return { top: '0px', left: '0px' }
+	if (!triggerRef.value || !menuRef.value) return null
 
 	const triggerRect = triggerRef.value.getBoundingClientRect()
+	// offsetWidth is not affected by CSS transforms (unlike getBoundingClientRect)
+	// scrollHeight gives the full content height regardless of any maxHeight constraint,
+	// preventing a feedback loop where clamped offsetHeight makes it look like the menu fits
 	const menuWidth = menuRef.value.offsetWidth
-	const menuHeight = menuRef.value.offsetHeight
+	const menuHeight = menuRef.value.scrollHeight
 	const margin = 8
 
 	let top: number
-	let left: number
+	let maxHeight: number | null = null
 
-	if (triggerRect.bottom + menuHeight + margin <= window.innerHeight) {
+	const spaceBelow = window.innerHeight - triggerRect.bottom - margin
+	const spaceAbove = triggerRect.top - margin
+
+	if (menuHeight <= spaceBelow) {
 		top = triggerRect.bottom + margin
-	} else if (triggerRect.top - menuHeight - margin >= 0) {
+	} else if (menuHeight <= spaceAbove) {
 		top = triggerRect.top - menuHeight - margin
+	} else if (spaceBelow >= spaceAbove) {
+		top = triggerRect.bottom + margin
+		maxHeight = spaceBelow
 	} else {
-		top = Math.max(margin, window.innerHeight - menuHeight - margin)
+		maxHeight = spaceAbove
+		top = triggerRect.top - maxHeight - margin
 	}
 
-	if (triggerRect.right - menuWidth >= margin) {
-		left = triggerRect.right - menuWidth
-	} else {
-		left = Math.max(margin, triggerRect.left)
-	}
+	const preferredLeft =
+		props.placement === 'center'
+			? triggerRect.left + triggerRect.width / 2 - menuWidth / 2
+			: triggerRect.right - menuWidth
+	const left = Math.max(margin, Math.min(preferredLeft, window.innerWidth - menuWidth - margin))
 
 	return {
 		top: `${top}px`,
 		left: `${left}px`,
+		...(maxHeight !== null ? { maxHeight: `${maxHeight}px` } : {}),
 	}
 }
 
@@ -241,20 +255,24 @@ const toggleMenu = (event: MouseEvent) => {
 
 const openMenu = () => {
 	if (props.disabled) return
+	menuStyle.value = { top: '-9999px', left: '-9999px' }
 	isOpen.value = true
 	emit('open')
-	disableBodyScroll()
-	nextTick(() => {
-		menuStyle.value = calculateMenuPosition()
-		document.addEventListener('mousemove', handleMouseMove)
-		focusFirstMenuItem()
-	})
+	// nextTick lets Vue render the element, then requestAnimationFrame waits for the
+	// browser to complete layout so offsetWidth/offsetHeight are real values.
+	nextTick(() =>
+		requestAnimationFrame(() => {
+			const pos = calculateMenuPosition()
+			if (pos) menuStyle.value = pos
+			document.addEventListener('mousemove', handleMouseMove)
+			focusFirstMenuItem()
+		}),
+	)
 }
 
 const closeMenu = () => {
 	isOpen.value = false
 	selectedIndex.value = -1
-	enableBodyScroll()
 	document.removeEventListener('mousemove', handleMouseMove)
 }
 
@@ -324,14 +342,6 @@ const handleMouseOver = (index: number) => {
 	menuItemsRef.value[selectedIndex.value]?.focus?.()
 }
 
-const disableBodyScroll = () => {
-	document.body.style.overflow = 'hidden'
-}
-
-const enableBodyScroll = () => {
-	document.body.style.overflow = ''
-}
-
 const focusFirstMenuItem = () => {
 	if (menuItemsRef.value.length > 0) {
 		menuItemsRef.value[0]?.focus?.()
@@ -421,10 +431,25 @@ const handleKeydown = (event: KeyboardEvent) => {
 	}
 }
 
-const handleResizeOrScroll = () => {
-	if (isOpen.value) {
-		menuStyle.value = calculateMenuPosition()
+const handleResize = () => {
+	if (!isOpen.value) return
+	const pos = calculateMenuPosition()
+	if (pos) menuStyle.value = pos
+}
+
+const handleScroll = () => {
+	if (!isOpen.value) return
+	const pos = calculateMenuPosition()
+	if (!pos) return
+	// On scroll only the vertical position changes — don't update left, which would shift
+	// the menu horizontally due to scrollbar appearing/disappearing changing offsetWidth
+	const updated: Record<string, string> = { ...menuStyle.value, top: pos.top }
+	if (pos.maxHeight) {
+		updated.maxHeight = pos.maxHeight
+	} else {
+		delete updated.maxHeight
 	}
+	menuStyle.value = updated
 }
 
 const throttle = <T extends unknown[]>(
@@ -441,23 +466,23 @@ const throttle = <T extends unknown[]>(
 	}
 }
 
-const throttledHandleResizeOrScroll = throttle(handleResizeOrScroll, 100)
+const throttledHandleResize = throttle(handleResize, 100)
+const throttledHandleScroll = throttle(handleScroll, 100)
 
 onMounted(() => {
 	triggerRef.value?.addEventListener('keydown', handleKeydown)
-	window.addEventListener('resize', throttledHandleResizeOrScroll)
-	window.addEventListener('scroll', throttledHandleResizeOrScroll)
+	window.addEventListener('resize', throttledHandleResize)
+	window.addEventListener('scroll', throttledHandleScroll)
 })
 
 onUnmounted(() => {
 	triggerRef.value?.removeEventListener('keydown', handleKeydown)
-	window.removeEventListener('resize', throttledHandleResizeOrScroll)
-	window.removeEventListener('scroll', throttledHandleResizeOrScroll)
+	window.removeEventListener('resize', throttledHandleResize)
+	window.removeEventListener('scroll', throttledHandleScroll)
 	document.removeEventListener('mousemove', handleMouseMove)
 	if (typeAheadTimeout.value) {
 		clearTimeout(typeAheadTimeout.value)
 	}
-	enableBodyScroll()
 })
 
 watch(isOpen, (newValue) => {
diff --git a/packages/ui/src/components/base/index.ts b/packages/ui/src/components/base/index.ts
index 60f9c2bfb..1373522c3 100644
--- a/packages/ui/src/components/base/index.ts
+++ b/packages/ui/src/components/base/index.ts
@@ -1,5 +1,6 @@
 export { default as Accordion } from './Accordion.vue'
 export { default as Admonition } from './Admonition.vue'
+export { default as Alert } from './Alert.vue'
 export { default as AppearingProgressBar } from './AppearingProgressBar.vue'
 export { default as AutoBrandIcon } from './AutoBrandIcon.vue'
 export { default as AutoLink } from './AutoLink.vue'
diff --git a/packages/ui/src/components/nav/NotificationPanel.vue b/packages/ui/src/components/nav/NotificationPanel.vue
index f0d324879..40ab71166 100644
--- a/packages/ui/src/components/nav/NotificationPanel.vue
+++ b/packages/ui/src/components/nav/NotificationPanel.vue
@@ -77,7 +77,7 @@
 							</ButtonStyled>
 						</div>
 						<div v-if="item.type !== 'neutral'"></div>
-						<div class="col-span-2 text-sm text-primary">{{ item.text }}</div>
+						<div class="col-span-2 whitespace-pre-wrap text-sm text-primary">{{ item.text }}</div>
 						<template v-if="item.errorCode">
 							<div></div>
 							<div class="m-0 text-wrap text-xs font-medium text-secondary">
diff --git a/packages/ui/src/providers/project-page.ts b/packages/ui/src/providers/project-page.ts
index 11a6ecdba..c81f83b9f 100644
--- a/packages/ui/src/providers/project-page.ts
+++ b/packages/ui/src/providers/project-page.ts
@@ -1,5 +1,5 @@
 import type { Labrinth } from '@modrinth/api-client'
-import type { DeepReadonly, Ref } from 'vue'
+import type { DeepReadonly, Ref, ShallowRef } from 'vue'
 
 import { createContext } from '.'
 
@@ -22,6 +22,8 @@ export interface ProjectPageContext {
 	dependencies: Ref<Labrinth.Projects.v2.DependencyInfo | null>
 	dependenciesLoading: Ref<boolean>
 
+	thread: ShallowRef<Labrinth.Threads.v3.Thread | null | undefined>
+
 	cdnDownloadReason: DeepReadonly<Ref<CdnDownloadReason>>
 
 	// Invalidate all project queries (auto-refetches active ones)