From ae90efbfa0b43e945ea8d7ebcc5b7b88030058a5 Mon Sep 17 00:00:00 2001
From: Patrick Britton <admin@pbritton.dev>
Date: Mon, 16 Feb 2026 09:18:53 -0600
Subject: [PATCH] Fix admin page model selection - connect dropdowns to
 actually save configuration

---
 admin/src/app/ai-moderation/page.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/admin/src/app/ai-moderation/page.tsx b/admin/src/app/ai-moderation/page.tsx
index 9992d40..ad14322 100644
--- a/admin/src/app/ai-moderation/page.tsx
+++ b/admin/src/app/ai-moderation/page.tsx
@@ -262,12 +262,26 @@ export default function AIModerationPage() {
 
           {/* Engine Configuration */}
           <div className="card p-4">
-            <h3 className="text-sm font-semibold text-gray-700 mb-3">{engineLabel} Configuration</h3>
+            <div className="flex items-center justify-between mb-3">
+              <h3 className="text-sm font-semibold text-gray-700">{engineLabel} Configuration</h3>
+              <div className="text-xs text-gray-500">
+                Current: {modelName || 'Not configured'}
+              </div>
+            </div>
             
             {selectedEngine === 'local_ai' && (
               <div>
                 <label className="text-xs font-medium text-gray-600 block mb-1">Model</label>
-                <select 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">
+                <select 
+                  value={modelId}
+                  onChange={(e) => {
+                    const selected = LOCAL_MODELS.find(m => m.id === e.target.value);
+                    setModelId(e.target.value);
+                    setModelName(selected?.name || '');
+                  }}
+                  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"
+                >
+                  <option value="">Select model...</option>
                   {LOCAL_MODELS.map(m => (
                     <option key={m.id} value={m.id}>{m.name}</option>
                   ))}