From eb0c61f5fc6795ae78b0d6f9846292ac23d08f00 Mon Sep 17 00:00:00 2001
From: Patrick Britton <admin@pbritton.dev>
Date: Mon, 16 Feb 2026 08:25:19 -0600
Subject: [PATCH] Add AI moderation instructions field for custom guidelines

---
 admin/src/app/ai-moderation/page.tsx | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/admin/src/app/ai-moderation/page.tsx b/admin/src/app/ai-moderation/page.tsx
index 01d502b..9992d40 100644
--- a/admin/src/app/ai-moderation/page.tsx
+++ b/admin/src/app/ai-moderation/page.tsx
@@ -243,6 +243,23 @@ export default function AIModerationPage() {
             </select>
           </div>
 
+          {/* AI Moderation Instructions */}
+          <div className="card p-4">
+            <label className="text-sm font-semibold text-gray-700 block mb-2">
+              Moderation Instructions
+            </label>
+            <p className="text-xs text-gray-500 mb-2">
+              Provide specific guidelines for the AI to follow when moderating {typeLabel.toLowerCase()} content.
+            </p>
+            <textarea
+              rows={4}
+              value={systemPrompt}
+              onChange={(e) => setSystemPrompt(e.target.value)}
+              placeholder="Example: Flag content that promotes violence, hate speech, or illegal activities. Allow political discussion and criticism. Be lenient with humor and satire..."
+              className="w-full text-sm border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-brand-500"
+            />
+          </div>
+
           {/* Engine Configuration */}
           <div className="card p-4">
             <h3 className="text-sm font-semibold text-gray-700 mb-3">{engineLabel} Configuration</h3>
@@ -311,17 +328,6 @@ export default function AIModerationPage() {
                     </div>
                   )}
                 </div>
-
-                <div>
-                  <label className="text-xs font-medium text-gray-600 block mb-1">System Prompt (optional)</label>
-                  <textarea
-                    rows={3}
-                    value={systemPrompt}
-                    onChange={(e) => setSystemPrompt(e.target.value)}
-                    placeholder="Custom system prompt..."
-                    className="w-full text-sm border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-brand-500 font-mono"
-                  />
-                </div>
               </div>
             )}