From e9200c748327c3fa526b88b388c59077820ed929 Mon Sep 17 00:00:00 2001
From: aecsocket <43144841+aecsocket@users.noreply.github.com>
Date: Sat, 22 Aug 2026 18:23:13 +0900
Subject: [PATCH] update frontend

---
 .../moderation/technical-review/rules.vue     | 47 ++++++++++---------
 1 file changed, 26 insertions(+), 21 deletions(-)

diff --git a/apps/frontend/src/pages/moderation/technical-review/rules.vue b/apps/frontend/src/pages/moderation/technical-review/rules.vue
index 71120d0725..870fa02e3f 100644
--- a/apps/frontend/src/pages/moderation/technical-review/rules.vue
+++ b/apps/frontend/src/pages/moderation/technical-review/rules.vue
@@ -45,10 +45,31 @@
 					<LoaderCircleIcon class="size-8 animate-spin text-secondary" />
 				</div>
 			</div>
-			<p class="m-0 text-sm text-secondary">
-				Return <code>null</code> when the rule does not match, or return a severity string such as
-				<code>"low"</code>. A map containing <code>severity</code> is also supported.
-			</p>
+			<div
+				v-if="ruleTestError"
+				role="alert"
+				class="border-red/40 max-h-64 overflow-auto rounded-lg border bg-highlight-red p-3 text-red"
+			>
+				<code class="rule-test-error">
+					<span>{{ ruleTestError.summary }}</span>
+					<span
+						v-for="(detail, index) in ruleTestError.details"
+						:key="index"
+						class="rule-test-error-detail"
+					>
+						{{ detail }}
+					</span>
+				</code>
+			</div>
+			<a
+				class="text-link flex w-fit items-center gap-1 text-sm"
+				href="https://cel.dev/reference/api-reference"
+				target="_blank"
+				rel="noopener noreferrer"
+			>
+				<BookOpenIcon class="size-4" />
+				CEL API reference
+			</a>
 
 			<details class="rounded-xl border border-divider bg-bg-raised p-3">
 				<summary class="cursor-pointer font-semibold text-contrast">
@@ -92,23 +113,6 @@
 					<LoaderCircleIcon v-if="isTestingRule" class="size-5 animate-spin text-secondary" />
 				</div>
 
-				<div
-					v-if="ruleTestError"
-					role="alert"
-					class="border-red/40 max-h-64 overflow-auto rounded-lg border bg-highlight-red p-3 text-red"
-				>
-					<code class="rule-test-error">
-						<span>{{ ruleTestError.summary }}</span>
-						<span
-							v-for="(detail, index) in ruleTestError.details"
-							:key="index"
-							class="rule-test-error-detail"
-						>
-							{{ detail }}
-						</span>
-					</code>
-				</div>
-
 				<div
 					v-for="example in previewExamples"
 					:key="example.original.key"
@@ -406,6 +410,7 @@
 import { type Labrinth, ModrinthServerError, SseParser } from '@modrinth/api-client'
 import {
 	ArrowLeftIcon,
+	BookOpenIcon,
 	EditIcon,
 	ExternalIcon,
 	EyeOffIcon,